Wednesday, August 31, 2016

Cara Membuat Judul Postingan Bergerak Dan Berhenti Jika Kena Mouse

Judul posting bergerak 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.
Caranya sebagai berikut:
- Login ke Blogger anda.
- Klik Template, lalu
- Klik Edit HTML,kemudian
- Cari Kode dibawah ini 

<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>
ganti kode seperti yang terlihat di gambar dengan kode yang berwarna orange, tapi dipaskan ya tulisanya, kemudia cari kode lagi seperti dibawah ini 
  <a expr:href='data:post.url'><data:post.title/></a>

 kemudia ganti dengan kode ini

<a expr:href='data:post.url'>
<marquee behavior='alternate' onmouseout='this.start()' onmouseover='this.stop()'>
<data:post.title/>
</marquee>
</a>
warna ijo yang ada warna orangenya itu diganti dengan kode yang diatas dah jelas kan cuma tak bikin muetr sedikit.

 


No comments:

Post a Comment