Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

Membuat Tulisan Berjalan dan Aplikasinya

Jangan hanya diam, 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 Belajar Ngeblog di BLOG </b></marquee>


Selamat Datang di Belajar Ngeblog di BLOG

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 Belajar Ngeblog di BLOG</b> </marquee>


Selamat Datang di Belajar Ngeblog di BLOG

Selain tulisan, untuk kode yang berjalan ke atas juga dapat kita aplikasikan menjadi blogroll, contoh kode htmalnya menjadi sebagai berikut:

<marquee direction="up" onmouseout="this.start()" onmouseover="this.stop()">
<a href="http://kurniasepta.blogspot.com/">LINK 1</a>
<a href="http://kurniasepta.blogdetik.com/">LINK 2</a>
<a href="http://kurniasepta.dagdigdug.com/">LINK 3</a>
</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://kurniasepta.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
 </script>
</marquee>

Jangan lupa mengganti http://kurniasepta.blogspot.com dengan URL kamu sendiri, sebagai recent post.