Customize Tajuk Sidebar Cara Whitey Mommy

Salam semua... nak share tutorial tentang sidebar iaitu nak mencantikkan lagi sidebar anda... selain letak gambar kat sebelah title... kita boleh tukar terus tulisan mengikut citarasa masing2... tak de lah bergantung kepada warna background dan warna tulisan saja kan... jom follow saya untuk cantikkan sidebar.. (kepada sesiapa yang minat)....



1. Login ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)
backup template anda dengan tekan Download Full Template...
Ini Penting ya!

**Saya guna sebagai contoh sidebar saya iaitu My Sponsor...( teknik yang sama juga perlu dilakukan untuk tajuk2 sidebar yang berikutnya...)

3. Gunakan CTRL+F untuk memudahkan proses pencarian. Taipkan My Sponsor (anda perlu gantikan dengan tajuk sidebar anda) dan tekan Enter.
kod yang akan muncul adalah seperti berikut:

<b:widget id='HTML1' locked='false' title='MY SPONSOR' type='HTML'>

4. Kemudian anda scroll kebawah dan cari kod berikut:

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

 updated: terkadang ada yang tak jumpa kod ini sebab tak semua template kodingnya sama... tetapi tetap merupakan item yang sama... jadi cuba masukkan dalam kotak search kod ini sahaja:

data:title

 kemudian search... then perhati... jika ala2 sama dengan kod diatas... terus gantikan aje...:)

5. Gantikan kod diatas dengan kod yang berikut:

<img border='0' src='http://i911.photobucket.com/albums/ac317/khaironisha_2010/mysponsor-1.png'/>

*perkataan yang saya boldkan dengan warna merah, anda perlu gantikan dengan url gambar anda.

ok! anda boleh preview dan jika tiada error boleh Save


Updated on 28 December 2010 : untuk widget follower, sila tukar widget follower anda ikut tutorial ni...  kemudian follow step yang sama untuk masukkan tajuk...

Anda perlu tahu saiz kelebaran sidebar dahulu sebelum membuat tulisan supaya tajuk anda kelihatan kemas... sebagai contoh saiz kelebaran sidebar blog saya adalah 280px jadi tahap kelebaran yang saya gunakan adalah 250px.

Tulisan boleh direka dengan menggunakan perisian photoshop ataupun generate di sini
Kemudian, gambar tulisan yang terhasil perlulah diupload ke laman web Photobucket (@laman web yang biasa anda uploadkan gambar anda untuk mendapatkan url)

Selamat Mencuba...