Cara Membuat Text Berjalan Pada Blog

Cara Membuat Text Berjalan Pada Blog


Dalam membuat sebuah blog tentunya ingin menampilkan variasi yang terbaik,sehingga menarik dan membuat pengunjung ketagihan lagi mengunjungi blog anda.Banyak variasi yang dapat anda suguhkan dalam blog anda.Saat ini saya ingin berbagi sedikit tutorial untuk membuat blog kita lebih cantik dan menarik.
Text berjalan pada Widget/Gadget merupakan suatu cara yang memberikan Variasi hidupnya blog kita. berikut ini langkah-langkah untuk membuat Text berjalan Pada Widget/Gadget blog.
1. Seperti biasa Login/Masuk ke blog
2. Klik Rancangan kemudian Klik Tambah Gadget pilih HTML/Javascript
3. Beri Judul Gadget kemudian Copy Pate Code dibawa ini:

<div style="padding:5px 20px; border:2px solid blue; font-size:21px; font-family:Cataneo BT;font-weight:bolder;"><marquee behavior="scroll" direction="left" onmouseover="stop" onmouseout="run" scrollamount="3">
<script type="text/javascript">
var message="Terimakasih telah berkunjung di Pustakadiri"
var bgsGR1color="yellow" /* Warna utama teks */
var bgsGR2color="green" /* Warna teks flash pertama */
var bgsGR3color="blue" /* Warna teks flash ke dua */
var flashspeed=40 // kec. ganti warna (1/1000 dt)
var flashingletters=50 // jumlah teks pertama
var flashingletters2=50 // jumlah berwarna teks ke dua
var flashpause=30 // waktu jeda pergantian warna (1/1000 dtk)
var n=0
if (document.all||document.getElementById){document.write('<font color="'+bgsGR1color+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')}else
document.write(message)
function crossref(number){var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj}function neon(){if (n==0){for (m=0;m<message.length;m++)
crossref(m).style.color=bgsGR1color}
crossref(n).style.color=bgsGR2color
if (n>flashingletters-1) crossref(n-flashingletters).style.color=bgsGR3color
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=bgsGR1color
if (n<message.length-1)
n++
else{n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return}}
function beginneon(){if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)}
beginneon()
</script></marquee></div>

4. Ganti Text yang berwarna yellow,green dan blue diatas dengan Text/Code warna yang anda inginkan setelah itu Simpan Templete dan lihat blog anda.