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





31 komentar:

bloomsoft mengatakan...

For different programs to earn money click

here

humtv 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.

ICUN mengatakan...

Thanks sob

prasad mengatakan...

Hi, Some one from facebook refereed your link i have book marked it nice blogs you write see Free Adwords Voucher here

bim mengatakan...

Hi

Tks very much for post:

I like it and hope that you continue posting.

Let me show other source that may be good for community.

Source: Payroll manager job description

Best rgs
David

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.

Rudy Hartono 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

rajesh kumar mengatakan...

Car Rental MississaugaYou don't have to wait for too long for your car to arrive. Car Rental Toronto

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

Posting Komentar