Rabu, 16 Juni 2010

Menambah efek pelangi pada link

| Rabu, 16 Juni 2010 | 39 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

39 komentar :

MasWafa mengatakan...

pertamax dulu ahh :D

Akhyar's Blog mengatakan...

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

sodiyc & acun mengatakan...

Wah bagus Sob....
next info!!

arda mengatakan...

wah dah pernah coba sob.....

tapi thanks tutorialnya....

AmruSite 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

Wildan 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

Karlz mengatakan...

q juga psng nich.. bikin cantik blog..

mas doyok mengatakan...

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

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

Dewi 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 I-om mengatakan...

wah keren ane mau coba dulu ah

Rizky2009 mengatakan...

sementara aq save dulu yah sob, masih mempertimbangkan banyak hal

Coretan Felix mengatakan...

Membuat blog tampak lebih cantik :D

akhatam mengatakan...

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

Zendry Maulana 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.

Damar's BLOG mengatakan...

Keren banget Kawan . . .Ilmu Komputer Damar

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

.: dunia TI :. mengatakan...

tx infonya, langsung dipasang neh

Syara' Syafi'i 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