Menampilkan Image/Gambar bergerak/gif di judul posting

Mungkinkah menampilkan gambar pada judul posting dan bisa terlihat setiap posting dilakukan ? Mungkin saja ! kenapa tidak ?!
Gambar ini bisa berupa gambar yang menampilkan identitas blog atau yang berisi hal yang menarik pembaca blog. Atau bisa juga berupa gambar animasi gif.


Bentuk judul posting nantinya akan seperti gambar di atas !  ( HACKER YOUR CRACKER'S )

Langkah-langkah membuat Efek Bounce pada Judul Posting :

1. Login ke Blogger.
2. Lakukan pengamanan template. ( di tata letak, edit html download templat lengkap simpan di PC anda )
3. Tetap di Edit HTML.
4. KLIK Expand Template Widget.
5. Cari KODE :


<a expr:href='data:post.url'><data:post.title/></a>

Ganti dengan

<a expr:href='data:post.url'>
<data:post.title/><img src="http://i42.tinypic.com/2r4rhg6.gif" style="height:300px;width:auto;border:0px solid red;margin:0px 300px;"/>
</a>


kalau tidak ketemu kamu juga bisa lakukan dengan cara cari kode yang ini :


<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'><a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Ganti KODE di atas dengan KODE di bawah :

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'><a expr:href='data:post.url'><data:post.title/>
<img src="http://i42.tinypic.com/2r4rhg6.gif" style="height:300px;width:auto;border:0px solid red;margin:0px 300px;"/>
</a><b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>



Ubah ukurannya sesuai yang anda inginkan.
lakukan pembuatan image.gif dan copy upload hasil code nya ke html anda.
contoh gif saya: klik DISINI

LINK UPLOAD'NYA