Menarik, Trik Ini Menciptakan Judul Postingan Blog Dapat Berjalan

cara menciptakan teks judul berjalan pada blog Menarik, Trik Ini Membuat Judul Postingan Blog Bisa Berjalan
Trik menciptakan 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 usang makin menurun. Sebab spend time atau waktu yang dipakai 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 pengaruh buruknya?

Lalu apakah tampilan ini besar lengan berkuasa jelek 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 yakni setiap penambahan isyarat java script apapun akan menghipnotis 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 menciptakan teks judul postingan berjalan

1. Masuk ke dasboard blogger.
2. Menuju ke Edit HTML pada hidangan Template.
3. Kemudian cari kode <b:includable id='post' var='post'>. Buka expand widgetnya. Lalu akan muncul beberapa isyarat perhiasan yang biasanya ibarat 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 isyarat marquee untuk membuatnya berjalan. Dan juga perhatikan isyarat 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 isyarat marquee telah disisipkan dengan benar. Kemudian untuk mengatur pergerakan teks judul, silakan ganti isyarat 'left' pada <marquee direction='left'> dengan 'right' kalau ingin menciptakan 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.

0 Response to "Menarik, Trik Ini Menciptakan Judul Postingan Blog Dapat Berjalan"