Trik Marquee untuk Judul Posting

Pada postingan kali ini, ERLI82 akan mengetengahkan aplikasi marquee untuk judul posting pada blog. Judul posting yang bergerak mungkin bisa menjadikan pilihan lain agar postingan menjadi variatif dan menarik. Caranya cukup mudah, tidak melalui prosedur yang ribet dan ruwet sehingga tidak dibutuhkan pengetahuan HTML yang mahir. 

tanpa basa-basi lagi berikut caranya,………..

Sign ke blogger.com hingga masuk pada halaman Panel Kontrol (Control Panel), kemudian pilih blog kemudian pilih layout kemudian pilih Edit HTML. Pastikan Expand Template Widget telah dicentang.dan jangan lupa juga download template full untuk menjaga dari kemungkinan gagal.

Kemudian kita cari kode seperti 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'>

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

Kemudian pasang code html marquee seperti di bawah ini (berwarna merah)

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

Sebelumnya menyimpannya, Ada baiknya sobat mengklik pratinjau dahulu untuk memastikan semuanya berjalan dengan baik.

Kita juga dapat melakukan modifikasi dengan efek gerak yang lain, seperti bergerak ke kanan, bergerak ke kanan dan ke kiri, dan lain-lain.

Selamat Berkreasi!!