Tentu saja judul posting ini tidak boleh secara terus menerus bergerak karena ketika pembaca blog akan meng"KLIK" pada judul menjadi kesulitan. Dengan menambah sedikit script maka ketika mouse berada di atas judul posting maka teks akan berhenti bergerak dan akan kembali ber"bounceria" ketika mouse dilepaskan.
Langkah membuat Efek Bounce pada Judul Posting :
1. Login ke Blogger.2. Lakukan pengamanan template.
3. Tetap di Edit HTML.
4. KLIK Expand Template Widget.
5. Cari KODE :
<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'>
<marquee behavior='alternate' onmouseout='this.start()' onmouseover='this.stop()'>
<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>
</marquee>
</h3>
</b:if>
Atau kamu juga bisa lakukan dengan cara :
Ganti KODE berikut :
<a expr:href='data:post.url'><data:post.title/></a>
Dengan :
<a expr:href='data:post.url'>
<marquee behavior='alternate' onmouseout='this.start()' onmouseover='this.stop()'>
<data:post.title/>
</marquee>
</a>
Catatan :
- Jangan lupa KLIK Simpan Template
- Efek bounce ini berfungsi dengan sempurna di Opera dan Internet Explorer (IE) dan Mozilla.
Postingan
