Mengganti atau memberi warna pada teks yang berisi link adalah hal yang biasa \. Bagaimana jika warna link berubah-ubah layaknya lampu LED yang berkedip-kedip? Anda bisa menampilkan efek tersebut pada halaman blogger hanya dengan menambahkan beberapa baris kode javascript, berikut langkah-langkahnya :
1. Login ke Dashboard blogger.
2. Berikutnya buka halaman Template >> Edit HTML.
3. Klik sembarang pada kolom edit HTML lalu cari baris kode : </head>.
4. Salin kode javascript dibawab ini dan letakkan di atas baris kode : </head>.
<script type='text/javascript'>
//<![CDATA[
var blink_ = 20;
if (document.getElementById)
window.onerror=new Function("return true")
var objek;
var nilai_1 = 0;
var Nilai_2 = 0;
var Nilai_3 = 128;
var Nilai_4 = 255;
var bersih;
var waktu;
if (document.all) {
document.onmouseover = acak_warnaAnchor;
document.onmouseout = stop_acakAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_acak_warnaAnchor;
document.onmouseout = Mozilla_stop_acakAnchor;
}
function acak_warna(obj)
{
if (nilai_1 == 0) {
nilai_1 = 1;
if (obj)
objek = obj;
else
objek = event.srcElement;
bersih = objek.style.color;
waktu = setInterval("ganti_warna()",100);
}
}
function stop_acak()
{
if (nilai_1) {
objek.style.color = bersih;
clearInterval(waktu);
nilai_1 = 0;
}
}
function acak_warnaAnchor()
{
if (nilai_1 == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
objek = obj;
nilai_1 = 1;
bersih = objek.style.color;
waktu = setInterval("ganti_warna()",100);
}
}
}
function stop_acakAnchor()
{
if (nilai_1) {
if (objek.tagName == 'A') {
objek.style.color = bersih;
clearInterval(waktu);
nilai_1 = 0;
}
}
}
function Mozilla_acak_warnaAnchor(e)
{
if (nilai_1 == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if (obj.nodeName == 'A' && obj.href != '') {
objek = obj;
nilai_1 = 1;
bersih = obj.style.color;
waktu = setInterval("ganti_warna()",100);
}
}
}
function Mozilla_stop_acakAnchor(e)
{
if (nilai_1) {
if (objek.nodeName == 'A') {
objek.style.color = bersih;
clearInterval(waktu);
nilai_1 = 0;
}
}
}
function ganti_warna()
{
objek.style.color = buat_warna();
}
function buat_warna()
{
if (Nilai_3 == 0) {
elmR = Nilai_4; elmG = Nilai_4; elmB = Nilai_4;
}
else {
t1 = Nilai_4;
t2 = (255 - Nilai_3) * Nilai_4 / 255;
t3 = Nilai_2 % 60;
t3 = (t1 - t2) * t3 / 60;
if (Nilai_2 < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (Nilai_2 < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (Nilai_2 < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (Nilai_2 < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (Nilai_2 < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (Nilai_2 < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;
Nilai_2 = Nilai_2 + blink_;
if (Nilai_2 >= 360)
Nilai_2 = 0;
return '#' + elmR + elmG + elmB;
}
//]]>
</script>
//<![CDATA[
var blink_ = 20;
if (document.getElementById)
window.onerror=new Function("return true")
var objek;
var nilai_1 = 0;
var Nilai_2 = 0;
var Nilai_3 = 128;
var Nilai_4 = 255;
var bersih;
var waktu;
if (document.all) {
document.onmouseover = acak_warnaAnchor;
document.onmouseout = stop_acakAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_acak_warnaAnchor;
document.onmouseout = Mozilla_stop_acakAnchor;
}
function acak_warna(obj)
{
if (nilai_1 == 0) {
nilai_1 = 1;
if (obj)
objek = obj;
else
objek = event.srcElement;
bersih = objek.style.color;
waktu = setInterval("ganti_warna()",100);
}
}
function stop_acak()
{
if (nilai_1) {
objek.style.color = bersih;
clearInterval(waktu);
nilai_1 = 0;
}
}
function acak_warnaAnchor()
{
if (nilai_1 == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
objek = obj;
nilai_1 = 1;
bersih = objek.style.color;
waktu = setInterval("ganti_warna()",100);
}
}
}
function stop_acakAnchor()
{
if (nilai_1) {
if (objek.tagName == 'A') {
objek.style.color = bersih;
clearInterval(waktu);
nilai_1 = 0;
}
}
}
function Mozilla_acak_warnaAnchor(e)
{
if (nilai_1 == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if (obj.nodeName == 'A' && obj.href != '') {
objek = obj;
nilai_1 = 1;
bersih = obj.style.color;
waktu = setInterval("ganti_warna()",100);
}
}
}
function Mozilla_stop_acakAnchor(e)
{
if (nilai_1) {
if (objek.nodeName == 'A') {
objek.style.color = bersih;
clearInterval(waktu);
nilai_1 = 0;
}
}
}
function ganti_warna()
{
objek.style.color = buat_warna();
}
function buat_warna()
{
if (Nilai_3 == 0) {
elmR = Nilai_4; elmG = Nilai_4; elmB = Nilai_4;
}
else {
t1 = Nilai_4;
t2 = (255 - Nilai_3) * Nilai_4 / 255;
t3 = Nilai_2 % 60;
t3 = (t1 - t2) * t3 / 60;
if (Nilai_2 < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (Nilai_2 < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (Nilai_2 < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (Nilai_2 < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (Nilai_2 < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (Nilai_2 < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;
Nilai_2 = Nilai_2 + blink_;
if (Nilai_2 >= 360)
Nilai_2 = 0;
return '#' + elmR + elmG + elmB;
}
//]]>
</script>
5. Buka ulang / refrest halaman blog dan letakkan kursor pada semua link yang ada di halaman blog Anda. Teks yang terpilih akan berkedip dengan berganti warna secara acak.
SELAMAT MENCOBA....