Cara Membuat Welcome Widget Dengan Efek Flashing Color

Cara Membuat Welcome Widget Dengan Efek Flashing Color

4 Comments

welcome widget
Terkadang membuat salam selamat datang di blog dianggap perlu sebagai jawaban atau ucapan terima kasih kepada pengunjung blog kita. Banyak cara  membuat tampilan teks selamat datang, misalnya dengan tampilan marquee, menggunakan tool text, termasuk juga menggunakan tampilan flash atau memberi efek flashing pada tulisan tersebut. Kali ini ane akan memberikan cara pembuatan widget selamat datang atau ucapan terima kasih yang dapat anda pasang dengan gampang, karena gak perlu edit HTML pada template anda. Cara Membuat Welcome Widget Dengan Efek Flashing Color mungkin merupakan cara biasa, namun ane yakin tampilan ini akan sedikit berbeda dan menggelitik dibanding cara lainnya.Bagaimana....anda tertarik? ikuti langkah di bawah ini.
  • Log in ke blog anda
  • Klik Rancangan
  • Klik Tambah Gadget
  • Pilih HTML/ JavaScript
  • Masukkan Kode di bawah ke dalamnya
<h2><script language="JavaScript1.2"> var message="Terima Kasih Telah Berkunjung ke BLOGONOL" /* silahkan ganti dengan tulisan anda */ var neonbasecolor="black" var neontextcolor="yellow" var neontextcolor2="#FFFFA8" var flashspeed=100 // kecepatan efek flash dalam perdetik var flashingletters=3 // jumlah flash neon efek pada tulisan var flashingletters2=1 // jumlah huruf dengan efek flashing in neontextcolor ke dua (0 to disable) var flashpause=0 // jeda antara flash-siklus dalam milidetik ///blogonol-tidak perlu edit kode di bawah ini///// var n=0 if (document.all||document.getElementById){ document.write('<font color="'+neonbasecolor+'">') 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(){ //Change all letters to base color if (n==0){ for (m=0;m<message.length;m++) crossref(m).style.color=neonbasecolor } //cycle through and change individual letters to neon color crossref(n).style.color=neontextcolor if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2 if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor 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></h2>
  • Simpan Template
  • Selamat Mencoba dan Sukses Selalu

    "keep spirits and do the best"
    Mau belajar trick dan tips blogging lengkap dan mudah?... BACA DI SINI

    About the Author

    Blogonol adalah Blog - 0 atau blog kosong dengan konten tutorial blog, seo, widget, template gratis, dan blog info yang dikonsep secara sederhana untuk belajar membangun blog yang lebih baik.