Cara Menambah atau Mengubah Judul Gadget dengan Gambar

Untuk membuatnya, silahkan ikuti langkah-langkah berikut ini :
1. Login dulu di akun blogger sobat
2. Klik "Rancangan" => "Edit HTML"
3. Centang "Expand Template Widget"
4. Sebagai contoh, saya akan mengubah judul gadget "Materi TIK-PTD" dengan gambar. Maka untuk mencarinya saya akan mengetikkan "Materi TIK-PTD" dikotak pencarian (CTRL+F). maka hasil yang akan keluar akan seperti ini :

<b:widget id='HTML2' locked='false' title='Materi TIK-PTD' 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>

5. Untuk menambah judul gadget dengan gambar, maka tinggal sisipkan sebelum <data:title/> kode :

<img src="URL GAMBAR YANG AKAN DIPASANG SEBAGAI JUDUL GADGET" alt="NAMA JUDUL GADGET"/>

 Lihat contohnya

tapi untuk mengubah judul gadget dengan gambar, maka hapus kode <data:title/> dan ganti dengan kode :

<img src="URL GAMBAR YANG AKAN DIPASANG SEBAGAI JUDUL GADGET" alt="NAMA JUDUL GADGET"/>
 Lihat contohnya

6. Preview hasilnya

7. Kalau sudah berhasil, silahkan "Simpan Template"

Keterangan :

• Untuk membuat gambar judul gadget, bisa sobat lakukan di Cooltext
• Untuk Upload gambar, sobat bisa upload di Tinypic
• Nama judul gadget, isi dengan judul gadget blog sobat. Sebagai contoh : judul gadget yang saya ubah menjadi gambar adalah site info. Sesuaikan dengan gadget yang akan sobat ganti

Semoga bisa menambah pengetahuan sobat

Posted in: Blog