Cara Membuat Teks atau Gambar Berjalan di Blog
Cara sederhana untuk membuat teks atau gambar berjalan adalah dengan menggunakan kode html marquee. Cukup sederhana cara membuatnya, hanya menambahkan <marquee> di awal teks/gambar dan ditutup dengan </marquee>.
Contohnya :
<marquee>Cara Membuat Teks atau Gambar Berjalan di Blog</marquee>
Itu adalah teks berjalan. Bagaimana jika gambar berjalan?
Cukup mudah kok......
Kodenya seperti ini :
<marquee> <img src="isi dengan url gambar kamu"/></marquee>
<marquee> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii92gP3PenU0Adn16vk1EPm6W6Lhpx3Wug1K9v3zMJR7scUwrfcLzALybEKRLmPFjpvJBtxdWorBjNty24eFkJgdYUShg8Kj1AG44krzaCZyKtJ-7eaGc90NseFT1kZMZOlr1ZDRL8IFU/s1600/blogspot_icon.png"/></marquee>
Selain itu, dapat diubah arah pergerakannya juga, seperti ke atas, bawah, kiri, atau kanan. Kodenya seperti ini : <marquee direction=left>
Arah left bisa diganti dengan up atau down atau right.
Contoh :
<marquee direction=up>Cara Membuat Teks atau Gambar Berjalan di Blog</marquee>
Jika mau seperti yang ada di sidebarku (BLOGKU), ini kodenya :
*scrollamount="2", 2 menandakan kecepatan berjalan.
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" height="200" width="100%">
<a style="font-weight: bold;" href="http://adspublisher.fadlifirmansyah.com/" target="_blank">ADS PUBLISHER</a>
<br/><br/>
<a style="font-weight: bold;" href="http://masnafood.blogspot.com/" target="_blank">MASNAFOOD</a>
<br/><br/>
<a style="font-weight: bold;" href="http://fadfir-virwol.blogspot.com/" target="_blank">FADFIR VIRWOL</a>
<br/><br/>
<a style="font-weight: bold;" href="http://thetruth-reveals.blogspot.com/" target="_blank">FIND THE TRUTH</a>
<br/><br/>
<a style="font-weight: bold;" href="http://agricultural-industry-technology.blogspot.com/" target="_blank">AGROINDUSTRY</a>
<br/><br/>
<a style="font-weight: bold;" href="http://fadlidiary.blogspot.com/" target="_blank">FADLI DIARY</a>
<br/><br/>
</marquee>
Tidak ada komentar:
Posting Komentar
Please Koment!