Mengubah tajuk pada sidebar dengan imej
Kebiasaannya tajuk pada sidebar blog adalah menggunakan teks.Entri kali ini adalah cara bagaimana kita boleh gantikan teks tersebut dengan imej ,yang mana lebih banyak pilihan teks yang boleh kita letakkan dan nampak lebih menarik lagi.Kita juga boleh reka bentuk tajuk widget dengan paparan yg kita kehendakki dan tidak hanya bergantung dengan apa yang ada pada template semata mata.
Bagi membuatnya:
1.Masuk ke design--->>edit HTML--->>klik pada “expand template widget “
2.Sebagai contoh saya nak tukar tajuk Buku Tamu ,jadi saya cari judul widget Buku Tamu pada template. saya taip tajuk Buku tamu pada kotak find(Ctrl+F) dan akan jumpa kod seperti dibawah:
<b:widget id='HTML2' locked='false' title='Buku Tamu' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
3.Untuk meletak imej sebagai tajuk widget,pertama sekali kita perlu buat tajuk dengan tulisan dan latarbelakang yang kita kehendakki,kemudian upload imej ke Photobucket kemudian gantikan kod warna oren pada kod diatas :
<data:title/>
4.Gantikan dengan kod alamat gambar yg kita upload tadi:
<img src="letak url imej disini" />
<img src="http://i219.photobucket.com/albums/cc282/code_bg.gif "/>
Kemudian klik pada preview untuk melihat hasilnya
Jika tiada apa apa error klik save template.
Nota:
Untuk upload gambar boleh gunakan photobucket,tinypic .Untuk membuat corak teks pula boleh gunakan flamingtext atau cooltext.
Tiada ulasan:
Catat Ulasan