Latest News

Menarik, Trik Ini Membuat Judul Postingan Blog Bisa Berjalan

cara membuat teks judul berjalan pada blog
Trik membuat judul postingan berjalan di blog ini akan menambah penampilan blog yang maskin eye catcthing. Visitor akan merasa 'terusik' dengan animasi teks yang berjalan tersebut. Sehingga mereka kembali fokus dan mengalihkan perhatiannya pada postingan yang lain.

Jika ini berhasil, maka prosentase bounce rate blog sobat makin lama makin menurun. Sebab spend time atau waktu yang digunakan untuk mengakses tiap visitor akan makin tinggi. Dampak positifnya adalah, blog sobat semakin disukai google.
Maksud teks judul berjalan itu yang bagaimana? Jadi, tampilan judul tiap postingan pada homepage blog bergerak ke kiri atau ke kanan sesuai pengaturan. Seperti goresan pena pada text short news di televisi. Selengkapnya silakan lihat demonya pada blog berikut.



Adakah dampak buruknya?

Lalu apakah tampilan ini besar lengan berkuasa buruk bagi blog itu sendiri? Tidak. Justru tampilan teks judul berjalan menambah desain tampilan homepage yang unik. Untuk dimensi SEO, aku belum menemukan kerugian yang berarti bagi blog yang memasang teks judul berjalan ini. Artinya, secara umum aman. Hanya kecepatan loading akan berkurang beberapa persen. Hal ini wajar, alasannya setiap penambahan instruksi java script apapun akan mensugesti loading page blog. Masih dalam skala yang wajar.
Artikel lanjutan Cara Buat Banner Animasi yang Menarik.
Selanjutnya mari kita simak bagaimana membuat teks judul postingan berjalan pada home page blog. Berikut tahapan cara pembuatannya.


Trik membuat teks judul postingan berjalan

1. Masuk ke dasboard blogger.
2. Menuju ke Edit HTML pada menu Template.
3. Kemudian cari kode <b:includable id='post' var='post'>. Buka expand widgetnya. Lalu akan muncul beberapa instruksi komplemen yang biasanya menyerupai berikut.


<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<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>
Baca pula Perkecil Rangking Blog dengan Cara Klaim di Alexa.
4. Sisipkan instruksi marquee untuk membuatnya berjalan. Dan juga perhatikan instruksi warna biru di bawah ini.


<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<marquee direction='left'><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></marquee>
</b:if>

5. Pastikan kedua instruksi marquee telah disisipkan dengan benar. Kemudian untuk mengatur pergerakan teks judul, silakan ganti instruksi 'left' pada <marquee direction='left'> dengan 'right' bila ingin membuat pergerakan teks judul dari kanan ke kiri.

Akhiri dengan Save template. Dan lihat hasilnya.
Percepat postingan terindex google, simak Agar Konten Blog Cepat Terindex Google.
Demikian tutorial singkat mengenai pembuatan teks judul postingan berjalan pada homepage blog. Semoga bermanfaat dan selamat mencoba.