Rabu, 16 Juni 2010

Menambah efek pelangi pada link

| Rabu, 16 Juni 2010 | 38 komentar
Selamat membaca artikel diblog ini semoga bermanfaat :)

Trik blog , Kali ini saya akan membahas cara "Menambah efek pelangi pada link"
cara ini untuk kamu yang bosan dengan tampilan link yang gitu-gitu saja
sebagai contoh coba arahkan mouse anda pada link berikut:
>>K-BLOGGER<<
apakah kamu tertarik?
oke langsung saja caranya:
1.Login Blogger kemudian pilih rancangan
2.Klik edit html dan cari kode </head>
untuk memudahkan pencarian, gunakan Ctrl+F
3.Lalu paste code berikut tepat pada atasnya


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


4.Simpan template

38 komentar :

Wafa mengatakan...

pertamax dulu ahh :D

Akhyar's Blog mengatakan...

wah...aku juga pake yg seperti ini...

sodiyc & acun mengatakan...

Wah bagus Sob....
next info!!

Mohammad Arda mengatakan...

wah dah pernah coba sob.....

tapi thanks tutorialnya....

Anonim mengatakan...

Sipp, link pelangi akan sangat jelas pd template hitam, mantap...

Hidro mengatakan...

bagus, makasih tutornya

denadnan mengatakan...

blog yang interaktif dan kreatif. salam kenal sobat...

BeDa mengatakan...

Menjadikan blog tampak lebih ceria.

Salam ukhuwah

Lutfi Setiyawan mengatakan...

saya sudah pernah coba sob, tapi script ini cuma cocok buat template background item kayak blog ini, kalai background putih gak kliatan.
penting buat yang background item, biar tambah keren !. keep posting

Ҝarlz mengatakan...

q juga psng nich.. bikin cantik blog..

mas doyok mengatakan...

aku dulul pertama ngeblog senang ma effect pelngi
sekarng malah milih standart

Prian Jaya mengatakan...

Hmm... info yag bagus,, jadi pngin coba,,

thx,, nice post..

KangTiar mengatakan...

Artikel yang manthap...(Berguna sekali untuk Blogger yang baru belajar) Manthap dech artikel ini

secangkir teh dan sekerat roti mengatakan...

waduh, kok java scrip..?

Islamic.Net mengatakan...

bagus,,

MF Writer mengatakan...

wahhh . . .
wildan d ataz !
hhihihii.
ia uga niyh, kyknya blog qu wdh pnah pasang gnian, pii wad iank laen lum tau :D . . . .
keren^ niyh tutor blognya :D

wiz mengatakan...

bikin berat gak nih?

Fadel mengatakan...

wah keren ane mau coba dulu ah

Rizkyzone mengatakan...

sementara aq save dulu yah sob, masih mempertimbangkan banyak hal

Belajar SEO mengatakan...

Membuat blog tampak lebih cantik :D

akhatam mengatakan...

Wahh jadinyaa tambah cantik ya linknya.. kerenn mas!!

Unknown mengatakan...

waaaah, dengan memberi efek pada link sehingga membuat warna link menjadi berwarna-warni akan semakin memperindah blog, salam blogger ...

komeng mengatakan...

Artikel bagus. thx udah mau bagi2.

Damar mengatakan...

Mantep Kang . . .aku juga lagi nyari yang effek hujannya . . . kwkwkwwkwk SIP !

sumantri mengatakan...

mantep..............

psikologi dan konseling mengatakan...

good post, menambah cantik blog neh... thanks

berita bola mengatakan...

sebaiknya kotak komentar mu diatas itu dikasih sistem scroll, karena sudah terlalu panjang ...biar kesannya rapi dan elegan

sir sultan mengatakan...

wah,,mantep nih. aku mau coba di blog percobaanku ah...
thank u my old friend

berita bola mengatakan...

lebih bagus klo begini

Gieterror mengatakan...

meluncur menuju tkp,, thnks yya info a,,

luthfi117 mengatakan...

mantabs..kapan" aku pasang..

lina mengatakan...

makasih infonya akan kucoba ya.

software45 mengatakan...

thanks infonya..segera akan saya uji coba..

cariduite mengatakan...

wow tak coba dulu kawan,, biar meriah oye..oye

Download Gratis mengatakan...

tambah ilmu lagi nih.. makasih sobat

Ibnu(dunia-klue) mengatakan...

Aku coba ya..sob!!

Babtista mengatakan...

tx infonya, langsung dipasang neh

Hukum Islam mengatakan...

berkunjung.....tilik kang....heheheh

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

Posting Komentar

 

Blogroll

Flagcounter

free counters
© Copyright 2010. K-blogger . All rights reserved | K-blogger is proudly powered by Blogger.com | Template by o-om.com - zoomtemplate.com
Pasang Iklan Gratis Sebagai Awal Mulai Bisnis Online