Marquee? siapa yang tak kenal efek yang dihasilkannya. Kode HTML marquee memang sering digunakan untuk menyulap tampilan teks atau gambar untuk lebih aktif bergerak. Manjur untuk menghilangkan kesan monoton.
Nah kali ini edittag ingin berbagi untuk menyetingnya di layout blogger. Bagian yang ingin digerakkan adalah pada judul postingan.
Untuk itu ikuti prosedur berikut :
Klik subtab edit HTML pada bagian Template. Atau bila kita memulainya dari dasboard maka langkahnya adalah klik tautan Layout, lalu klik Edit HTML. Bila sudah tiba disini, centanglah kotak Expand Template Widget. Tunggu sesaat agar dimuat semua kode XMLnya.
Lalu coba cari kode 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>
Lalu kita akan memasang kode marquee di bagian depan title. Karena keterbatasan ruangan disini, maka yang kiranya layak digunakan adalah atribut direction left atau right. Hingga akan termuat kode lengkapnya menjadi 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'>
<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>
Tentu ada catatan ringan nih, semoga ingat akan ketentuan marquee di postingan sebelumnya akan kebutuhan teknis penggunaan marquee di browser. Contoh bisa dilihat disini.
Postingan terkait :
- Masalah teknis penggunaan Marquee.
- Atribut HTML pada Marquee.
Kabarkan ke teman blog ini
Free Tell-a-Friend by Bravenet.com
Pengikut
9 komentar:
Kamu bisa dapetin ilustrasi wajah yang sesuai dengan wajah kamu di moselo.com/Bikingemeys. Jangan lupa ada promo jika pesan dari aplikasinya langsung.
Langganan:
Posting Komentar (Atom)
Postingan Populer
-
Nokia Indonesia merilis varian Asha terbaru. Seri untuk kelas bawah ini hadir dengan sentuhan baru. Terutama dari segi kemudahan berbagi fil...
-
Setelah kita memiliki blog tentu yang perlu dilakukan selanjutnya adalah mengelola dan mempublikasinya. Mengelola berarti selalu melakukan p...
-
Seakan diingatkan oleh Mbak Hanan karena di blog saya belum pernah menulis tentang bagaimana membuat link read more disetiap postingan blog...
makasih kang atas bantuannya ^^
BalasHapussama sama...:)
BalasHapusseru juga idenya :)
BalasHapuspro ati : wah dijamin seru 'ko kalo edittag yg nulis :)
BalasHapusKnapa ya kok gak berhasil2, galat saat memnuhi permintaan katanya? tolong jawab. makacihhhhhhh
BalasHapusbiasanya karena server blogspotnya lagi bermasalah, atau koneksinya yang juga bermasalah. tinggal dicoba lagi lain waktu.
BalasHapusBagaimana solusi bila terjadi Galat saat ganti template, sudah bersihkan cookies dan cache. tapi tetap tidak bisa.
BalasHapushttp://master-1000.blogspot.com
Kode galat muncul terlebih karena kondisi server google yang tak bisa menerima. Kadang dan sering terjadi saat edit kode html.
BalasHapusUntuk itu coba ulangi lagi di masa yg berbeda, karena biasanya tak lagi muncul kode galat.
terima kasih mas Agus atas infonya..informatif dan sangat berguna:)
BalasHapus