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 sahabat makin lama makin menurun. Sebab spend time atau waktu yang digunakan untuk mengakses tiap visitor akan makin tinggi. Dampak positifnya adalah, blog sahabat 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 tulisan pada text short news di televisi. Selengkapnya silakan lihat demonya pada blog berikut.



Adakah dampak buruknya?

Lalu apakah tampilan ini berpengaruh buruk bagi blog itu sendiri? Tidak. Justru tampilan teks judul berjalan menambah desain tampilan homepage yang unik. Untuk dimensi SEO, saya 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, karena setiap penambahan kode java script apapun akan mempengaruhi 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 kode tambahan yang biasanya seperti 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 kode marquee untuk membuatnya berjalan. Dan juga perhatikan kode 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 kode marquee telah disisipkan dengan benar. Kemudian untuk mengatur pergerakan teks judul, silakan ganti kode 'left' pada <marquee direction='left'> dengan 'right' jika 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.

I am not mastah or newbie, but I am a Blogger.

Share this

Related Posts

Previous
Next Post »

4 comments

comments
Mar 19, 2016, 10:42:00 PM delete

mantap om tutorialnya...
silahkan mampir om, mungkin bisa dikasih masukan
http://napakattour.blogspot.co.id

Reply
avatar
Mar 20, 2016, 4:27:00 PM delete

moga sukses dengan blognya ya. :)

Reply
avatar
Mar 20, 2016, 4:30:00 PM delete

memang template dari newbloggerthemes kelihatannya bagus-bagus dan tampak premium, namun ada yang masih kurang di sisi breadscrumbnya. ada baiknya ditambah sendiri blognya agar makin SEO friendly.

Reply
avatar

Setiap komentar yang masuk akan dimoderasi. So, waspadalah.