Mengubah tajuk pada sidebar dengan imej

letak tajuk widget
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 != &quot;&quot;'>
<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" />

 contoh :

<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.

Catat Ulasan

9 Comments:

oempak berkata...
Teknik Buat Blog

cool tips, I use code like this :)

perawatan service AC berkata...
Teknik Buat Blog

sunggug di sini banyak info yang ane dapat..jika berkenan ane follow and tukar link sobb

Ғмɛσω berkata...
Teknik Buat Blog

klo kod sidebar yg kite cari tu ade.
tp yg tu x de.
macam mana?

yahaya berkata...
Teknik Buat Blog

@Ғмɛσωkod ni kebanyakan template ada.Yg penting pada widget kena letak tajuk.

My JouRney...^,^ berkata...
Teknik Buat Blog

xley un...:(

El NiNo's berkata...
Teknik Buat Blog

terima kasih ye...

Putera Dunia berkata...
Teknik Buat Blog

Terima Kasih atas tutorial yang sangat berguna!

ONE STOP BEAUTY berkata...
Teknik Buat Blog

assalam Mualikum terima kasih diatas tunjuk ajar didalam blog ini, saya telah banyak belajar dari blog ini. semuga dirahmati dan mendapat berkat diatas tunjuk ajar yang diberkan.
http://bsynoni-clicks-world.blogspot.com

ctfand berkata...
Teknik Buat Blog

Nt sy try. Tq for sharing .. :)