Cara Letak Icon Comel Tiltle Sidebar | Tukar Title Sidebar Cara 3
Cik tom nak habiskan cara 3 iaitu cara terakhir yang cik tom tahu untuk tukarkan title sidebar dengan menambahkan icon/image padanya. Selain tue, korang boleh rujuk juga tutorial sebelum ni bagi kategori title sidebar;
DASHBOARD>DESIGN>EDIT HTML>tick kotak EXPAND WIDGET TEMPLATES>klik DOWNLOAD FULL TEMPLATE
STEP 2
Design background image bagi title sidebar mengikut ketinggian (atau boleh upload gambar dari mana2 website yang bersesuaian) dan uploadkan gambar tue kepada photobucket.com, imageshack.us atau mana2 website storage image. Selepas upload sila copy “url image” yang diberi. Contoh url image;
http://i1207.photobucket.com/albums/bb468/tomatogurl86/icontomato4.png
STEP 3
Kembali pada “Edit html”. Tekan “ctrl+f” dan untuk cari tajuk sidebar yang korang guna. Contoh “10 Terlatest”.
<data:title/>
<img align=’left’ height=’30’ src=’URL GAMBAR’ width=’30’/>
<img align=’right’ height=’30’ src=’URL GAMBAR’ width=’30’/>
<h2 class=’title’><img align=’left’ height=’30’ src=’URL GAMBAR’ width=’30’/><data:title/><img align=’right’ height=’30’ src=’URL GAMBAR’ width=’30’/></h2>
****Nilai width dan height boleh diubah mengikut keselesaan korang.
STEP 6
Preview dan save jika tiada sebarang error pada coding.
Sharing is caring
salam
perkongsian yang bagus utk mereka yang mahukan kelainan dalam size imej di sidebar mereka..
saya dah try tapi tak menjadi.
perkataan yg swuh search tu banyak tak twu nak letak mnew satu?
tak cuba tak tahu kan, tapi saya tak cuba2..wahaha
thanks cik tom, saya kutip semua ilmu
hyejom follow blog saya 🙂
salam cik tom, tq ek….
cik tom sayang..mantap la..hehehe
Tom tak de kelas ke…?Tom, akak kalau bab bab nak sentuh coding ni..dah trauma..hu hu hu…hanya Tom yang tahu…nasib ada Tom….tq Tom…,
as salam mercikkk !!!
erm makasih cik tom..
perkongsian yg hebat..
yg cik tom ajar 2 spec dah wat tggl masa nak tambah2 jaa,..
haha
mercikkk !!! 😀
ini yang saye cari-cari….
mm..page nampak boring tanpa icon yang sumel2..
tengkiu..
@sissyira: yup setiap orang berlainan citarasanya..
@nadiah izahar: search tajuk sidebar satu persatu…apa tajuk sidebar yang nadiah guna?cari dan tukar satu persatu…buat perlahan2 ok 🙂
@IMANSHAH: takpe..boleh cuba bila rasa tertarik…
@srikandi cinta: ok dah follow 🙂
@mat4nira: sama2 🙂
@najihah sahami: pe yg mantap?hahha…
@Cikgu Nurin: ni semua entry autopublish la akak…hehe…takpe akak..layout akak skang dah ada title sidebar comel..
@spec chus media: baguslah..erm "mercikk" tue pe ek??hehe…
hai cik tom..nape eh i try tuto yg ni error ye? =(
Kuar ni plak:~
Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly. XML error message: Open quote is expected for attribute “{1}” associated with an element type “align”.
Error 500
maybe ada code yang awk tertinggal sebab itu keluar camtu….cuba buat balik… jangan patah semangat ye..try and error
hai cik tom..sorry lama x on9.huhu.
Erm..tuto ni ssuai untuk minima ke dear?
coz i guna minima je tu..;(
Dah try lagi..:(
Jom baca entri terkini TeddyLove …8 Tips Ringkas Penjagaan Rambut ♥
boleh je…tapi ubah cara sikit….contoh sidebar awk ada tajuk “my history”…
1) pada edit html cari word “my history”
2)dan awak akan cuba code ni ” <h2>My History</h2> ” dalam edit html awak
3) utk masukkan gambar, Copy dan paste code dibawah sebelum "my history"
<img align=’left’ height=’30’ src=’URL GAMBAR’ width=’30’/>
Copy dan paste code dibawah selepas "my history"
<img align=’right’ height=’30’ src=’URL GAMBAR’ width=’30’/>
4) step tue awak buat utk satu persatu bagi setiap title sidebar awak…selamat mencuba..
cik tom knp sy buat error je.rasa dh betul dh.
Jom baca entri terkini rara pinkmafia …BLOGLIST? ahhhh menyemak je "STICKY POST"
tq cik tom
Jom baca entri terkini iqwan …SELAMAT BERPUASA
sama2 iqwan 😉
saya tk dapat buat dari td. jd stress skrang. i need your help 🙁
sori baru on9..step mana yang problem ye?