Cara menambahkan image pada judul posting
Langkah Pertama
Yang pasti, anda siapkan dulu gambar (image) yang menarik tentunya. 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" mengartikan image tidak akan berborder. Oke, nampaknya tidak begitu sulit bukan.
Langkah Kedua
- Login ke blogger dengan id anda
- tuju bagian Tata Letak
- pada tab menu klik Edit HTML
- Silahkan backup dulu template dengan mengklik kotak kecil Expand Template Widget jika dirasa perlu.
- Cari kode berikut :
<a expr:href='data:post.url'>
<data:post.title/></a>
<b:else/> - 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/> - Klik tombol Pratinjau untuk melihat hasil sementara.
- Jika sudah cocok, klik tombol SIMPAN TEMPLATE
- Selesai
Dengan menggunakan alamat gambar saya di atas, maka hasilnya akan menjadi seperti ini :
Selamat mencoba dan semoga tampilan judul posting blog anda semakin menarik. Semoga bermanfaat.
Related Post:
or or
4 comment:
bang del selamat ya PR nya naik jd 2 :)
tambah semangat dech ngeblognya he..he.. :p
Sifa : Maksih Sifa. PR blog ini naik juga karena dukungan dan bantuan dari teman-teman semua :D
wah nie baru artikel makasih bang del
makasih bang artikelnya bagus ;)
Post a Comment