Cara Membuat Judul Postingan Bergerak

Cara Membuat Judul Postingan Bergerak tidaklah sulit caranya,hal ini akan membuat judul posting website terlihat berbeda bukan dengan tampilan standar judul postingan pada umumnya. Membuat Judul Postingan Bergerak perlu melakukannya secara manual pada setiap postingan yang ingin kita beri efek bergerak tersebut.
Untuk membuat tampilan seperti pada artikel atau postingan kali ini, cara yang dilakukan sangatlah mudah yaitu kita hanya perlu menambah kode <marquee>...judul posting...</marquee> lalu publikasikan dan lihat hasilnya.Cara Membuat Judul Postingan Bergerak
Jika masih bingung sobat ikuti Cara Membuat Judul Postingan Bergerak, sobat cukup ikuti step by stepnya dengan cara mudah.
1. Masuk ke akun Blogger anda
2. Klik “Entri Baru” untuk membuat artikel / postingan baru atau bisa juga klik edit entri yang ingin anda beri efek bergerak pada judul postingan milik sobat.
3. Pada kolom Judul artikel tambahkan kode <marquee>....</marquee> jadi misalkan judul artikel anda adalah cara membuat blog anda tulis menjadi <marquee>Cara Membuat Judul Postingan Bergerak</marquee>
4. Klik “Terbitkan/ publikasikan” postingan yang anda buat tersebut jika telah selesai membuatnya.

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'> <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>

Cari Kode dibawah ini

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

Ganti Kode di atas dengan Kode di bawah :

<a expr:href='data:post.url'> <marquee behavior='alternate' onmouseout='this.start()' onmouseover='this.stop()'> <data:post.title/> </marquee> </a>

Untuk mempermudah pencarian Gunakan Ctrl+F
- Masukan kode lalu enter jika sudah ketemu, Lalu Hapus dan ganti Kodenya tersebut,
- Jika sudah diganti lalu Klik Simpan Template, Selesai.
- Silahkan lihat Hasilnya.

Cukup mudah bukan?  Cara Membuat Judul Postingan Bergerak tidak membuat loading berat, justru akan memperindah tampilan posting website milik sobat. Semoga bermanfaat.