Minggu, 27 Juni 2010

Tips Blogger | Membuat Efek Pelangi Pada Link Blogspot

Udah lama saya tidak bikin posting di Blog ini, kali ini saya ingin membuat artikel yang sedikit melenceng dari thema Blog ini, ya buat bikin refreshing saja. Disini saya akan membagikan tips cara membuat efek pelangi pada link di Blog Blogspot. Walaupun Tips Blogger ini bukan hal yang baru dan sudah banyak dibahas oleh teman-teman sesama Blogger lainnya, mungkin saja ada sobat yang masih memerlukannya.

Efek pelangi ini akan bekerja dan berlelip-kelip pada setiap kamu mendekatkan mouse pada setiap link di Blog kamu. Jadi tampilan Blog akan menjadi lebih meriah dan indah..ya bagi sobat yang senang merias Blog.

Langsung ke TKP aja yuk :

1). Pertama-tama login dulu ke Blogger menggunakan akun yang kamu punya.

2). Kemudian klik pada Rancangan ( Dulu namanya Tata Letak)



3). Selanjutnya klik pada Edit HTML



4). Cari dan dapatkan kode berikut :

</head>

5). Selanjutnya copy dan paste-kan kode di bawah ini dan letakkan tepat di atas kode </head>

<script type='text/javascript'>

//<![CDATA[

var rate = 20;

if (document.getElementById)
window.onerror=new Function("return true")

var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID

if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}

function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}


function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}


function doRainbowAnchor()
{
if (act == 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 != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}


function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}


function Mozilla_doRainbowAnchor(e)
{
if (act == 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 != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}


function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}


function ChangeColor()
{
objActive.style.color = makeColor();
}


function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?

// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;

if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 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;

elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;

return '#' + elmR + elmG + elmB;
}

//]]>

</script>


6). Jangan lupa simpan Template Blog kamu dan lihat perubahannya.
Blogged with the Flock Browser


Artikel Menarik Lainnya





32 komentar:

RUSHI mengatakan...

Car Dealers Used Cars

Wayan Armana mengatakan...

thanks Boss..!

ozora mengatakan...

makasih mas .... scriptnya work ....

socca mengatakan...

kreatip bro..aku zueneng ada tik-tik hujan grimis
makasih..ada nyang laen??

Music online mengatakan...

I think its a great work done.

obat herbal darah tinggi mengatakan...

scripnya panjang juga yach..
v boleh di coba tuch..
mksih yah gan..

tutorial blog | tips blog | seo blogspot mengatakan...

tanya ini gan, apa gak menambah berat loading blog gan ? tolong penjelasannya

ganhar dinheiro mengatakan...

Thanks for your info,I was looking for this kind of information.

Anonim mengatakan...

muanteb and keren sob

Anonim mengatakan...

blog keren mas.. salut ane.. silahkan berkunjung ke blog ane bila ada waktu
pegipegi.com: booking hotel murah & mudah di Indonesia

Cara Alami Mengobati Demam Berdarah mengatakan...

mantap

Cara Alami Mengobati Darah Rendah mengatakan...

makasih gan infonya

Cara Alami Mengobati Darah Rendah mengatakan...

info yg menarik

Cara Alami Mengobati Wasir mengatakan...

aartikel menarik gan

Freitas Souza mengatakan...

Good information!

Cara Mengobati kista mengatakan...

wah bagus banget nih infonya

Obat Alami Keputihan mengatakan...


menarik juga untuk di simak

Cara Mengobati Sinusitis mengatakan...

lanjutkan terus ya sobat

Obat Tradisional Leukemia mengatakan...

semangat

pulsa online mengatakan...

keren sob tipsnya, nice share :)

idzul mengatakan...

bagus banget blog nya

idzul mengatakan...

sukses selalu ya gan

obat penyakit mengatakan...

bagus banget ya ceritanya

obat jelly gamat mengatakan...

salam kenal dan sukses slalu ya

zul mengatakan...






bermanfaat banget infonya-infonya bagi saya


makasih ya gan

Jual Obat Hepatitis mengatakan...

sukses terus ya gan ?
jngan lupa berkunjung

rosy123 mengatakan...

J’ai de plus en plus besoin de me rendre sur ton site. en fait pas un jour ne passe sans que j'admire ce blog supérieur
voyance gratuite mail serieuse

rosy123 mengatakan...

Mille merci pour tout.
Tu es incroyable, mille bisous pour toi.
voyance en ligne

Cara Bisnis Pulsa mengatakan...

efek pelangi yang dimaksud kaya apa sih bos?
sayang ga ada gambar contoh

jewelsinfo mengatakan...

Jewels® Prime is known as the best jewelry manufacturing software across the globe incomparable with any software in the world. We have developed simple but innovative jewelry production software which jewelry industry was seeking for a long time and we are continuously putting efforts to add more & more features every day.

rosy123 mengatakan...

Très bon article, comme toujours. Il a le mérite de susciter le commentaire
voyance mail rapide

Anonim mengatakan...


Un petit mot pour vous dire que votre blog est super!

voyance mail gratuit direct

Posting Komentar