Fungsi utama dari link berwarna – warni ini adalah hanya untuk memperindah tampilan blog, untuk pemasangan kode script ini sendiri tidak akan terlalu menambah berat loading blog Anda. Jika Anda ingin memasangnya berikut ikuti langkah-langkahnya :
1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > centang Expand Template Widget.
3. Jangan lupa backup template agar mudah mengembalikan jika terjadi kesalahan.
4. Cari kode </head> (Gunakan F3 atau Ctrl + F).
5. Letakkan kode berikut tepat dibawah </head>
<script src='http://id-pemula-javascript.googlecode.com/files/rainbow.js'/>
6. Simpan template.Nah, itu tadi dengan cara yang pertama, berikut cara yang kedua tanpa Anda harus masuk kedalam script template blog :
1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Letakkan kode berikut pada HTML/JavaScript untuk judulnya dikosongkan saja.
<script src='http://id-pemula-javascript.googlecode.com/files/rainbow.js'/></script>
4. Kemudian Simpan.Sekarang setelah pemasang efek warna-warni pada link blog, tampilan blog Anda menjadi lebih menarik.
wow...makin kinclong aja nih link nya, jika di kasih pelangi. kreatif banget sih?
ReplyDeleteKwkwkwkwkkw.... Tanpa ribet.... Mantap bro....
Deletemakin mewarnai hariku :-D
ReplyDeleteposting anda cukup bagus, tetap semangat dan sukses
ReplyDeletethanks gan
ReplyDeleteTrim's Bozz
ReplyDeleteSip
ReplyDeleteUntuk membuat link berkedip warna-warni selain menggunakan javascript juga bisa menggunakan CSS3 Keyframes. :)
ReplyDelete<style>
a:hover {
-webkit-animation:rainbow 3s ease-in-out infinite;
-moz-animation:rainbow 3s ease-in-out infinite;
animation:rainbow 3s ease-in-out infinite;
}
@-webkit-keyframes rainbow {
0% { color:#DEDEDE;}
5% { color:#109F9D;}
10% { color:#B19FD9;}
15% { color:#D600AF;}
20% { color:#E9E32E;}
40% { color:#38374A; }
45% { color:#711943; }
50% { color:#3FFFF5; }
55% { color:#1F67C5; }
60% { color:#6541B3; }
80% { color:#45002D; }
90% { color:#109F9D; }
100% { color:#DEDEDE; }
}
@-moz-keyframes rainbow {
0% { color:#DEDEDE;}
5% { color:#109F9D;}
10% { color:#B19FD9;}
15% { color:#D600AF;}
20% { color:#E9E32E;}
40% { color:#38374A; }
45% { color:#711943; }
50% { color:#3FFFF5; }
55% { color:#1F67C5; }
60% { color:#6541B3; }
80% { color:#45002D; }
90% { color:#109F9D; }
100% { color:#DEDEDE; }
}
@-keyframes rainbow {
0% { color:#DEDEDE;}
5% { color:#109F9D;}
10% { color:#B19FD9;}
15% { color:#D600AF;}
20% { color:#E9E32E;}
40% { color:#38374A; }
45% { color:#711943; }
50% { color:#3FFFF5; }
55% { color:#1F67C5; }
60% { color:#6541B3; }
80% { color:#45002D; }
90% { color:#109F9D; }
100% { color:#DEDEDE; }
}
</style>
Mungkin akan lebih ringan jika menggunakan CSS3 Keyframes.
mkasih bnyk
ReplyDeletewah, keren gan artikelnya
ReplyDeleteBermanfaat banget.
kunjungi juga http://adeputra-pkp.blogspot.com/2014/03/cara-mudah-install-bbm-di-komputer-atau.html
makasih sob, semoga bermanfaat....scripnya..
ReplyDeleteMANTAP nih ..... , (y)
ReplyDeletesip mas zidni
Deletemampir ya sobat
ReplyDeletehttp://janganngeblog.blogspot.com/
makasih infonya,sangat berguna bagi saya yang newbie dan sangat simple...
ReplyDeleteThank Gan Tipsnya
ReplyDeletehttp://jellygamat-gold.net/pengobatan-tipes/
menjadi lahh! terima kasih :)
ReplyDeletemkshh infony
ReplyDeleteThankss gan tutorialnya, udah dicoba dan ternyata berhasil hehe (y)
ReplyDeleteRy-share blog personal and free download games