Inilah Menarik, Trik Ini Menciptakan Judul Postingan Blog Dapat Berjalan

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

Jika ini berhasil, maka prosentase bounce rate blog sobat makin usang makin menurun. Sebab spend time atau waktu iyaang dipakai untuk mengakses tiap visitor akan makin tinggi. Dampak positifniyaa adalah, blog sobat semakin disukai google.

Artikel lain Cara Memasang Kode HTML Pada Postingan Blog.

Maksud teks judul berjalan hal itu iyaang 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. Selengkapniyaa silakan lihat demoniyaa pada blog berikut.

• DEMO

Adakah efek burukniyaa?

Lalu apakah tampilan ini kuat jelek bagi blog hal itu sendiri? Tidak. Justru tampilan teks judul berjalan menambah desain tampilan homepage iyaang unik. Untuk dimensi SEO, saiyaa belum menemukan kerugian iyaang berarti bagi blog iyaang memasang teks judul berjalan ini. Artiniyaa, seTutorial Cara umum aman. Haniyaa kecepatan loading akan berkurang beberapa persen. Hal ini wajar, alasanniyaa setiap penambahan isiyaarat java script apapun akan menghipnotis loading page blog. Masih dalam skala iyaang wajar.

Artikel lanjutan Cara Buat Banner Animasi iyaang Menarik.

Selanjutniyaa mari kita simak bagaimana membuat teks judul postingan berjalan pada home page blog. Berikut tahapan Tutorial Cara pembuatanniyaa.

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 widgetniyaa. Lalu akan muncul beberapa isiyaarat embel-embel iyaang lazimniyaa 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 isiyaarat marquee untuk membuatniyaa berjalan. Dan juga perhatikan isiyaarat 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 isiyaarat marquee telah disisipkan dengan benar. Kemudian untuk mengatur pergerakan teks judul, silakan ganti isiyaarat 'left' pada <marquee direction='left'> dengan 'right' kalau ingin menciptakan pergerakan teks judul dari kanan ke kiri.

Akhiri dengan Save template. Dan lihat hasilniyaa.

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.