Memasang image atau gambar disamping Judul Posting blogger

Kita pernah mengenal favicon yaitu gambar kita yang berukuran kecil tampil di browser. Sekarang kita bahas hal yang mirip favicon tapi icon atau gambar kita tadi akan tampil di sisi kiri judul postingan kita. Jadi setiap judul postingan kita akan diawali gambar kita, sebaiknya gambarnya berukuran kecil ( 25 x 25 ) atau kurang, biar tampilannya tidak merusak keindahan blog kita.

Sebelum memulainya kita harus mempunyai gambar kita dulu, resize ukurannya menjadi kecil ( terserah anda ) setelah itu upload di TinyPic atau PhotoBucket, dan kita akan dapat link urlnya.

Cara membuatnya ada dua cara, yaitu :

Cara pertama :

1. Setelah login, Pilih tata letak dan klik edit html dan expand template widget.
2. Cari kode berikut di template,

<a expr:href=’data:post.url’><data:post.title/></a>

3. Setelah ketemu ganti kode diatas dengan kode dibawah ini :

<a expr:href=’data:post.url’>
<img src=’alamat URL gambar anda’ style=’border: 0; margin: 0; padding: 0;’/>
<data:post.title/></a>

4. Pratinjau template anda dan jika sudah terlihat gambar di samping judul post klik simpan.

Cara kedua :

Masih di edit html cari kode berikut :

.post h3 {

Setelah ketemu, ganti dengan kode berikut,

background:url(alamat URL gambar anda) no-repeat;
margin: 0px 0px 12px 0px;
padding: 0 0 4px 27px;

Baca juga :

Advertisement