Saturday, March 19, 2011

tutorial: mengubah tajuk sidebar kepada gambar

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

hmmm,, selalunya kita lihat banyak tutorial tentang "ubah font title sidebar" "boarder dan background sidebar" dan sebagainya ,, betul kan ? jadi , apa kata kalau kita cuba sesuatu yang baru ,, kita buat satu transformasi ,, kita ubah terus title sidebar kepada gambar ,, lagi hebat kan ? haaa ,, dah ! tak nak membebel lagi ,, awak bukannya nak dengar pun bebelan saya ,, saya tahu ~ 


Klik Design --> Edit HTML(Tandakan pada Expand Widget)*mesti tanda !
**Saya jadikan sebagai contoh tajuk sidebar saya iaitu Okie ?...( teknik yang sama juga perlu dilakukan untuk tajuk-tajuk sidebar yang lain...) kemudian,  gunakan golden key iaitu CTRL+F untuk memudahkan proses pencarian. Taipkan Okie ? (awak perlu gantikan dengan tajuk sidebar awak) .. nanti awak akan nampak kod nih tau ,,









<b:widget id='HTML1' locked='false' title='Okie ?' type='HTML'>

kalau dah jumpa ,, cuba usha-usha sikit kat bawah kod tadi ,, nanti awak akan jumpa kod nih pula ..








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


dah jumpa kan ?? Ok, gantikan kod yang kat atas nih dengan kod yang kat bawah nih pula ,,










<img border='0' src='http://i674.photobucket.com/albums/vv101/hazim_94/okie-1.png'/>

*perkataan yang saya warnakan dengan warna biru tuh, awak kena gantikan dengan url gambar awak tau. Ok! awak boleh preview dan kalau tak ada apa-apa masalah yang mendatang ,, apa lagi ? klik Save ,,

*Awak kena tahu saiz kelebaran sidebar awak dahulu sebelum membuat tulisan supaya tajuk awak kelihatan kemas dan seimbang... contohnya saiz kelebaran sidebar blog saya adalah 250px jadi tahap kelebaran yang saya gunakan adalah 200px. dan,, untuk untuk widget follower,, awak kena ubah dulu ,, nanti saya buatkan


UPDATED !
kalau nak tukar tajuk follower kepada gambar ,, kena ikut tutorial nih dulu ,, dah siap ikut tutorial uabh follower tuh ,, baru ikut langkah yang ada kat tutorial ubah tajuk nih pula ,,,


              






*kalau dah belajar ,, jangan lupa "LIKE" tutorial ni tau , dan kalau yang belum follow blog saya nih ,, follow lah ea ?

special guest :)