Breaking News

Mengganti Judul Gadget Di Blog Dengan Gambar

Haii Blogger, dapatkah kita merubah link tulisan yang ada pada widget blog dengan gambar? jawabannya bisa. Contohnya lihat saja di sebelah kanan widget blog stihyapertiba ini. Gambar tulisan berubah menjadi gambar. Ingin mencoba pada blog teman-teman semua.. cekidoT!


Biar gak bingung, saya kasih gambar contohnya ya:
Judul gadget sebelum di modif :

Judul gadget setelah di Modif

Sobat sudah paham kan setelah lihat gambar di atas?
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 "Site Info" dengan gambar. Maka untuk mencarinya saya akan mengetikkan "Site Info" dikotak pencarian (CTRL+F). maka hasil yang akan keluar akan seperti ini :
<b:widget id='HTML2' locked='false' title='Site Info' 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 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"/>

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
source : Here

Semoga bisa menambah pengetahuan sobat blogger. Salam...

Tidak ada komentar