Sabtu, 01 November 2008

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 ]

3 comments:

Jendela ilmu mengatakan...

sangat memuaskan saya dapat referensi yamng begitu lengkap dibloog ne..

Anonim mengatakan...

yup makasih mas...saya cuma mencoba berbagi ilmu aja :)

MICKY PRIHADI mengatakan...

maksih atas tambahan ilmunya.

Posting Komentar

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Untuk menggunakan emotion copy paste kodenya saja, budayakan berkomentar setelah membaca ya .

Note : Harap gunakan nama anda dan jangan menggunakan keyword-keyword tertentu atau komentar anda tidak akan dipublish...