Tips Memasang Image / Gambar / Animasi Menarik Disebelah Awal atau Akhiran Judul Dari Postingan Artikel Blog

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.


Source : http://dhuwuh.blogspot.com/2008/08/tips-memasang-image-gambar-animasi.html

Related Posts by Categories :