Dalam posting yang kali ini saya buat yaitu membahas tentang bagamana cara membuat judul postingan bisa bergerak/berjalan....???
Okey,, dengan cara yang sederhana untuk membuat judul posting pada blog berjalan.....Hasil yang nanti akan kita dapat sama seperti membuat teks berjalan dengan kode marquee atau seperti judul blog berjalan yang menggunakan Java script.
Baiklah tanpa basa-basi lagi saya akan memberikan triknya..
- Seperti biasa Log in ke Blogger anda.
- Pilih Dashboard Blogger anda
- Kemudian klik Layout - Edit HTML. Untuk berjaga-jaga sebaiknya backup dulu template anda.
- Klik pada Expand widget templates dan carilah kode dibawah 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>
<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 pasangkan kode marquee sehingga kode lengkap..
Dan hasil perubahan akan seperti dibawah 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>
<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>
Ket :
Teks yang berwarna merah adalah kode yang harus anda tambahkan. Anda dapat merubah arah dengan mengganti kode left menjadi right.
Klik tombol Preview untuk melihat hasilnya.
Jika hasilnya memuaskan maka silahkan simpan hasil kerja anda.
Selamat Mencoba...........!!!!!!!!
EnaL Rhay SyahRinggan Next..>>
Postingan
