Membuat link berkedip warna otomatis

Pada postingan terdahulu saya pernah membahas tentang text yang berkedip, pada kali ini saya akan menjelaskan cara membuat text yang berkedip otomatis tapi berwarna dengan link di dalamnya, contohnya silahkan klik disini atau lihat pada sidebar saya. Jangan takut, gampang kok, yuk coba...

pertama : tambahkan sebuah elemen halaman dan pilih add java script pada blog kamu. Tentu harus login terlebih dahulu.

kedua : copy seluruh kode pada kotak bawah ini

<script language="JavaScript1.2" type="text/javascript">

/***********************************************
* Flashing Link Script- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var flashlinks=new Array()

function changelinkcolor(){
for (i=0; i< flashlinks.length; i++){
var flashtype=document.getElementById? flashlinks[i].getAttribute("flashtype")*1 : flashlinks[i].flashtype*1
var flashcolor=document.getElementById? flashlinks[i].getAttribute("flashcolor") : flashlinks[i].flashcolor
if (flashtype==0){
if (flashlinks[i].style.color!=flashcolor)
flashlinks[i].style.color=flashcolor
else
flashlinks[i].style.color=''
}
else if (flashtype==1){
if (flashlinks[i].style.backgroundColor!=flashcolor)
flashlinks[i].style.backgroundColor=flashcolor
else
flashlinks[i].style.backgroundColor=''
}
}
}

function init(){
var i=0
if (document.all){
while (eval("document.all.flashlink"+i)!=null){
flashlinks[i]= eval("document.all.flashlink"+i)
i++
}
}
else if (document.getElementById){
while (document.getElementById("flashlink"+i)!=null){
flashlinks[i]= document.getElementById("flashlink"+i)
i++
}
}
setInterval("changelinkcolor()", 1000)
}

if (window.addEventListener)
window.addEventListener("load", init, false)
else if (window.attachEvent)
window.attachEvent("onload", init)
else if (document.all)
window.onload=init



lalu tambahkan kode di bawah ini tepat di bawah kode diatas...

</script>
<a id="flashlink0" flashcolor="red" flashtype="0" href="http://tips-tutorial.blogspot.com">Tips-tutorial</a>

<a id="flashlink1" flashcolor="silver" flashtype="0" href="http://ceritacinta-di.blogspot.com">My other blog</a>

tulisan yang tebal adalah link dan judulnya, silahkan ganti dengan alamat link dan judul link kamu kamu.

tulisan yang bergaris bawah adalah warna dari link tersebut ganti dengan yang kamu inginkan. Selamat mencoba...

Read this | Baca yang ini

Widget by [ Tips Blogger-Tutorial Blogger Pemula ]