Color Code

Kod warna sangat penting dalam menggubah template kita. Contoh paling mudah yang boleh diberi ialah ubah warna tulisan dalam entry.

Contohnya :

Awan

Hanya ambil kod warna seperti dibawah ini, copy



Kemudian, paste dalam kod warna yang dihighlight dibawah. Kod kat bawah ni boleh la letak kat dalam entry korang. Senangkan?

<div style="color: #319C96;">Awan</div>

Tips:
Ganti Awan dengan entry korang.





Kod warna macam2 boleh guna kalau kreatif, kan? :)

---

Dah habis baca ke? Jemput tinggalkan komen ◕‿◕

---

Wishlist

wishlist1

wishlist2

wishlist3

wishlist4

Untuk membuat wishlist seperti di atas,

Dashboard / Design / Edit Layout / Add a Gadget / HTML/JavaScript Add

Masukkan saja kod di bawah ini

<center>
<form name=myform>
<input type="checkbox" name="mybox" value="wishlist1" checked />wishlist1 <br />
<input type="checkbox" name="mybox" value="wishlist2" checked />wishlist2 <br />
<input type="checkbox" name="mybox" value="wishlist3" disabled />wishlist3 <br />
<input type="checkbox" name="mybox" value="wishlist4" disabled />wishlist4 <br />
</form>
</center>

Tips:

Untuk membuat kotak bertanda, letakkan kod checked
Untuk membuat kotak tanpa tanda, letakkan kod disabled
wishlist boleh diubah dengan ayat sendiri

Siap!! Save ye :)

---

Dah habis baca ke? Jemput tinggalkan komen ◕‿◕

---

Ubah Tajuk Sidebar kepada Bentuk Imej

Mula-mula kena tau saiz kelebaran sidebar blog kita berapa.
Tak tau nak cek saiz macam mana?
Ini caranya.

Dashboard / Layout / Edit HTML

Cari kod ini (Ctrl + F)

#sidebar-wrapper {

Kat sini kita boleh lihat ada kod
width: 260px;


So, maksudnya saiz sidebar blog MP 260px

Maka buat la imej bersaiz 260px. Buat lebih kecik tak pe asalkan jangan lebih. Haa, time ni guna la kepakaran korang design ye. Tak kesah la buat guna photoshop ke photoscape ke. MP guna dua-dua sekali Photoshop CS5 & PhotoScape. Ngeh Ngeh.Ini hasil terbaru, baru je buat tadi. Simple jek, sebab suka simple. Padahal tak reti design ngaku je la (-.-)


Macam biasa la, bila dah siap design pegi la upload pic korang tu dulu untuk ambil Url Image. Tak reti? Boleh rujuk SINI ye.
Baik, cara masukkan imej

Dashboard / Layout / Edit HTML / Download Full Template
(penting sebagai backup!)


Sila tick Expand Widget Templates


Sekarang kena cari kod Tajuk Sidebar kita. Sebagai contoh yang MP buat, untuk tajuk Frenzz. Tekan Ctrl + F dan taip Frenzz.

*sila taip dengan sama sebijik macam tajuk yang korang buat tu. Kalau huruf besar, kena buat huruf besar la ek.
Kalau tak, memang tak jumpa. Kod yang korang akan jumpa adalah seperti berikut.

<b:widget id='HTML4' locked='false' title='Frenzz' type='HTML'>

<b:includable id='main'>

<!-- only display title if it's non-empty -->

<b:if cond='data:title != &quot;&quot;'>

<h2 class="title"><data:title></data:title></h2>

</b:if>

Tukar kod ini,

<h2 class="title"><data:title></data:title></h2>

dengan kod imej ini,

<img border='0' src='URL Gambar Korang'/>

Hasil kod seperti dibawah

<b:widget id='HTML4' locked='false' title='Frenzz' type='HTML'>

<b:includable id='main'>

<!-- only display title if it's non-empty -->

<b:if cond='data:title != &quot;&quot;'>

<img border='0' src='http://img257.imageshack.us/img257/1/frenzz.png'/>

</b:if>

ini MP punya.

Ok siap. Klik Peview, dah ok, bolehla Save Template


Untuk follower widget mungkin akan ada problem. Next tutorial je ok ;)

---

Dah habis baca ke? Jemput tinggalkan komen ◕‿◕

---