..::Seuntai Kenangan::..: Pasang Gambar Pada Judul Postingan

Bagi sobat yang ingin memasang gambar atau Image pada Judul Postingan, berikut adalah tip dan triknya:
Untuk yang memakai template klasik :
1. Sign in ke blogger dengan id sobat
2. Klik menu Template
3. Klik menu Edit HTML
4. Copy 'n paste seluruh kode HTML ke dalam notepad, ini dimaksudkan untuk mengurangi resiko apabila terjadi kesalahan pada saat kita melakukan editting kode template.
5. Cari kode berikut pada kode HTML sobat :

<$BlogItemTitle$>

cara yang mudah untuk menemukan kode tersebut adalah : klik menu Edit yang berada bar menu browser lalu klik Find kemudian tuliskan kode diatas tadi lalu klik tombol Find, maka secara otomatis kita akan langsung di bawa ke tulisan kode tadi. Nah kode <$BlogItemTitle$> adalah merupakan kode untuk menampilkan judul postingan, maka kita harus menyimpan kode image yang kita miliki di dekatnya, bisa sebelum atau sesudahnya tergantung dari keinginan kita. Tentunya bila di simpan sebelum kode judul posting maka image pun akan muncul sebelum judul posting, jika di simpan sesudah kode judul posting sudah barang tentu image pun akan muncul sesudah tulisan judul. Saya ambil contoh kode image di simpan sebelum tulisan judul :

<img src="http://farm2.static.flickr.com/1071/645176151_dfc98f519d_o.jpg" width="20" hight="20" border="0"> <$BlogItemTitle$>

pemasangn kode adalah untuk memberi jarak spasi antara image dengan tulisan judul, sebab jika tidak menambahkan kode maka image dengan tulisan akan bersatu walaupun kode image dengan kode judul di tulis ada jarak spasinya.
6. Klik tombol Preview untuk melihat perubahan yang dilakukan
7. Jika sudah OK, klik tombol Save Settings
8. Selesai
Maka setiap sobat posting artikel, secara otomatis image yang kita pasang tadi akan muncul tanpa harus di tuliskan kembali. Untuk contoh nyata silahkan lihat judul postingan ini.

Untuk yang memakai templat baru :

Catatan awal bagi yang memakai template baru yaitu setiap tag yang kita pakai harus selalu di tutup tidak seperti template klasik, contoh kode gambar yang tadi kita pakai adalah :

<img src="http://farm2.static.flickr.com/1071/645176151_dfc98f519d_o.jpg" width="45" hight="45" border="0">

kode image tersebut tag nya harus ditutup dengan tag penutup :

</img>

Sehingga kode image jadi bertambah menjadi :

<img src="http://farm2.static.flickr.com/1071/645176151_dfc98f519d_o.jpg" width="45" hight="45" border="0"></img>

Untuk memasukan kode gambar yang sudah di tambahi tag penutup tadi, silahkan ikuti langkah berikut :
1. Sign in ke blogger dengan id sobat
2. Klik menu Layout
3. Klik menu Edit HTML
4. Klik tulisan Download Full Template
5. Silahkan save dulu template sobat, ini untuk back up data apabila terjadi kesalahan editting
6. Beri tanda centang pada kotak disamping tulisan Expand Widget Templates. Sekali lagi jangan lupa beri tanda centang, sebab kalau tidak, nanti tidak akan sesuai dengan langkah selanjutnya
7. Tunggu beberapa saat sampai proses selesai
8. Cari kode berikut pada template sobat :

9. Sisipkan kode gambar yang kita miliki diantara kode :
<a expr:href='data:post.url'> dan kode <data:post.title/></a>
<b:else/>

Sehingga bila di satukan kodenya menjadi :

<a expr:href='data:post.url'> <img src="http://farm2.static.flickr.com/1071/645176151_dfc98f519d_o.jpg" width="20" hight="20" border="0"></img> <data:post.title/></a>
<b:else/>
10. Klik tombol PREVIEW untuk melihat perubahan
11. bila sudah OK, klik tombol SAVE TEMPLATE
12. Selesai

Untuk melihat contoh template baru yang memakai image pada judul postingan, silahkan lihat pada setaiap Judul Postingan.

Pasang Gambar pada Judul Postingan