Meletak Gambar Pada Tajuk Posting

Langkah Pertama
Anda perlu siapkan dulu gambar yang menarik. Kemudian upload ke tempat hosting gambar. Catat URL alamat penyimpanan gambar untuk digunakan nantinya. Misalnya saya siapkan gambar seperti ini :

Dengan URL alamat gambar adalah ini :
http://i36.tinypic.com/xqce93.jpg

Untuk memanggil image, kita harus mengatur kode pemanggilan menjadi seperti ini :

<img src="http://i36.tinypic.com/xqce93.jpg" width="45" hight="45" border="0"></img>

Sedikit keterangan, width="45" hight="45" border="0 secara berurutan adalah lebar, tinggi dan tebal garis batas gambar yang nantinya terlihat di samping judul posting. Border nilai "0" edit image tidak akan berborder.

Langkah Kedua

1. Login ke blogger


2. Klik Design


3. Pada tab menu klik Edit HTML


4. Silahkan backup dulu template dengan mengklik kotak kecil Expand Template Widget jika dirasa perlu.


5. Cari kode berikut :
   

   <a expr:href='data:post.url'>
   <data:post.title/></a>
   <b:else/>



6. Sisipkan kode pemanggilan untuk image diantara kode CSS template yang <a expr:href='data:post.url'> dan <data:post.title/></a>
   Sehingga secara lengkap menjadi seperti ini :
   

   <a expr:href='data:post.url'>
   <img src="http://i36.tinypic.com/xqce93.jpg" width="45" hight="45" border="0"></img>
   <data:post.title/></a>
   <b:else/>



7. Akhir sekali klik save template.

Dengan menggunakan alamat gambar saya di atas, maka hasilnya akan menjadi seperti ini :

Semoga berjaya :)