Cara menempatkan Image / gambar / animasi disebelah Judul Postingan, tapi disini akan saya jelaskan menggunakan 2 langkah yang berbeda, diantaranya untuk pengguna
template klasik blog dan template new blog, terserah anda menggunakan template jenis apa. Berikut ini langkah-langkah yang harus ditempuh adalah sebagai berikut :
Untuk pemakaian template klasik :
1. Login blogger
2. Klik menu Template
3. Klik menu Edit HTML
4. Backup dahulu, untuk menghindari apabila terjadi kesalahan pada saat melakukan editting.
5. Cari kode ini --> <$BlogItemTitle$>
6. Apabila sudah ketemu --> <$BlogItemTitle$>
7. Copy kan kode script dibawah ini :
- Jika <img src="http://www.geocities.com/dhawuh/tangan.gif" width="50" hight="50" border="0"> <$BlogItemTitle$> , maka gambar akan terletak sebelum judul postingan
- Jika <$BlogItemTitle$> <img src="http://www.geocities.com/dhawuh/tangan.gif" width="50" hight="50" border="0"> , maka gambar akan terletak sesudah judul postingan
8. Klik Preview untuk melihat hasil perubahan
9. Save Settings
Contoh lihat judul postingan ini.
Untuk pemakaian templat baru :
1. Login blogger
2. Klik menu Layout
3. Klik menu Edit HTML
4. Backup dahulu --> Download Full Template
5. Kemudian centang pada kotak --> Expand Widget Templates.
6. Cari kode script dibawah ini :
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
7. Setelah ketemu kode script --> <a expr:href='data:post.url'><data:post.title/></a>
8. Copy kan script ini --> <img src="http://freefever.com/animatedgifs/animated/hands8.gif" width="40" hight="40" border="0"></img> diantara <a expr:href='data:post.url'> .......... <data:post.title/></a><b:else/>
Contohnya seperti ini :
<a expr:href='data:post.url'> <img src="http://freefever.com/animatedgifs/animated/hands8.gif" width="40" hight="40" border="0"></img> <data:post.title/></a><b:else/>
9. Preview dahulu untuk melihat perubahan.
10. Bila sip, Klik Save Template.
Tidak ada komentar:
Posting Komentar