Cara Membuat Tulisan berjalan di blog
Berada di jalan, itu mungkin dapat mengambarkan sebuah makna yang banyak, artinya apa? kita harus berbuat untuk sesuatu yang bermanfaat. Jangan hanya diam berarti harus bergerak, oleh sebab itu kita akan membuat tulisan yang gak hanya diam, tapi juga bergerak. Memang suatu yang bergerak bisa menjadi daya tarik atau menarik perhatian orang.
Kita akan membuat tulisan berjalan, yang berjalan ke samping, dari kanan ke kiri. Dan juga tulisan yang berjalan dari bawah ke atas, yaitu dengan menggunakan kode marquee sehingga nantinya kita dapat menarik perhatian pembaca dengan tulisan yang berjalan itu, mungkin tulisan itu berisi sesuatu yang penting yang pembaca harus tahu.
Cara Membuat Tulisan Berjalan
Berikut ini adalah kode untuk tulisan berjalan ke samping
<marquee direction="left"><b>Selamat Datang di Blognya Kriswantoro</b></marquee>
hasilnya sebagai berikut :
Kita dapat menggati tulisan yang selamat datang itu dengan tulisan yang lain sesuai dengan keinginan kita.
Berikut ini adalah kode untuk tulisan berjalan ke atas
<marquee direction="up" onmouseout="this.start()" onmouseover="this.stop()"><b>Selamat Datang di Blognya Kriswantoro</b> </marquee>
Selain tulisan, untuk kode yang berjalan ke atas juga dapat kita aplikasikan menjadi blogroll, contoh kode htmlnya menjadi sebagai berikut:
<marquee direction="up" onmouseout="this.start()" onmouseover="this.stop()">
<a href="http://cryzzahwa87.blogspot.com/">LINK 1</a>
<a href="http://kris-kebumen.blogspot.com/">LINK 2</a>
</marquee>
<a href="http://cryzzahwa87.blogspot.com/">LINK 1</a>
<a href="http://kris-kebumen.blogspot.com/">LINK 2</a>
</marquee>
Marquee dengan perintah mouseover sehingga ketika disorot mouse teks akan berhenti
Kode html
<marquee onmouseover="this.stop()" onmouseout="this.start()">Teks1 Teks2 Teks3 </marquee>
Bisa juga kita gunakan untuk aplikasi newsflash. Kode HTMLnya sebagai berikut
<marquee direction="up" onmouseout="this.start()" onmouseover="this.stop()">
<script src="http://www.geocities.com/uddin_81/recent-post.js">
</script> <script>
var numposts = 20; var showpostdate = false; var showpostsummary = false; var numchars = 100;
</script> <script src="http://cryzzahwa87.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>
</marquee>
<script src="http://www.geocities.com/uddin_81/recent-post.js">
</script> <script>
var numposts = 20; var showpostdate = false; var showpostsummary = false; var numchars = 100;
</script> <script src="http://cryzzahwa87.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>
</marquee>
Jangan lupa mengganti http://cryzzahwa87.blogspot.com dengan URL kamu sendiri, sebagai recent post.