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.

Post a Comment

9 Comments:

oempak said...
Teknik Buat Blog

cool tips, I use code like this :)

perawatan service AC said...
Teknik Buat Blog

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

αииɛ ƨαм said...
Teknik Buat Blog

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

sibersensasi said...
Teknik Buat Blog

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

Red Rose said...
Teknik Buat Blog

xley un...:(

El NiNo's said...
Teknik Buat Blog

terima kasih ye...

noor azlan said...
Teknik Buat Blog

Terima Kasih atas tutorial yang sangat berguna!

ONE STOP BEAUTY said...
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

randomlyally said...
Teknik Buat Blog

Nt sy try. Tq for sharing .. :)