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

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 :


4 comments:

642-533 said... on June 8, 2009 at 5:25 PM  

Selamat untuk usahanya mas semoga sukses selalu
semoga sukses selalu

lily said... on October 5, 2012 at 1:54 PM  

http://www.ilouboutinuksale.com/
Today, 24 actress scramble tournament to participate in the "red clogs Queen" through Bhutto (Christian Louboutin), reported that the faithful see Who told you a stunning right?

Post a Comment

"Using DOFOLLOW System. Pease don`t SPAM!!!"

Thanks To Comment My Articles. God Bless You People.

Add to Technorati Favorites

Technorati Ping To Your Blog
Including Yours E-Mail Address To Subscribe New Tricks