Baca juga : Cara Menampilkan Video Youtube Di Sidebar Blog
Text Warna Warni Berjalan |
Membuat Text Warna Warni Berjalan
1. Buka Blogger.com
2. Klik Menu Tata Letak
3. Tambah Widget Pilih HTML/ JavaScript
4. Copas Kode Dibawah ini ke Dalam Kotak Konten
5. Ganti Text Berwarna Merah Dengan Text Yang Anda Inginkan
<div style="border: 0px solid blue; font-family: "arial black"; font-size: 25px; font-weight: bolder; padding: 1px 1px;">
<marquee behavior="scroll" direction="left" onmouseout="run" onmouseover="stop" scrollamount="8" width="900px">
<script type="text/javascript">
var message="Tip dan Trik Menyelesaikan Segala Kendala Dengan Mudah "
var bgsGR1color="Red" /* Warna utama teks */
var bgsGR2color="Green" /* Warna teks flash pertama */
var bgsGR3color="Blue" /* Warna teks flash ke dua */
var flashspeed=20 // 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>
DOWNLOAD FILE
Demikian tutorial CARA MUDAH berikan, semoga dapat bermanfaat dan jangan segan segan mampir di blog ini. GOODLUCK....
5. Ganti Text Berwarna Merah Dengan Text Yang Anda Inginkan
<div style="border: 0px solid blue; font-family: "arial black"; font-size: 25px; font-weight: bolder; padding: 1px 1px;">
<marquee behavior="scroll" direction="left" onmouseout="run" onmouseover="stop" scrollamount="8" width="900px">
<script type="text/javascript">
var message="Tip dan Trik Menyelesaikan Segala Kendala Dengan Mudah "
var bgsGR1color="Red" /* Warna utama teks */
var bgsGR2color="Green" /* Warna teks flash pertama */
var bgsGR3color="Blue" /* Warna teks flash ke dua */
var flashspeed=20 // 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>
DOWNLOAD FILE
Demikian tutorial CARA MUDAH berikan, semoga dapat bermanfaat dan jangan segan segan mampir di blog ini. GOODLUCK....
Wah jadi makin indah dan berwarna blognya
ReplyDeleteSedikit2 Mas di edit templatenya, masih tahap belajar.Blog mas templatenya Premium atau gratisan..
Deletekeren gan jadinya teks ane hehe
ReplyDeletenice info makasih yah kak
ReplyDeletewebsite oriflame indonesia