21 Agustus 2009

Pin It

Membuat Effect Pelangi Pada Link

 Membuat Effect Pelangi Pada Link | Khamardos's Blog Membuat Effect Pelangi Pada Link | Khamardos's BlogBerikut adalah tutorial bagaimana cara membuat link di blog anda ada effect pelangi nya !!!

Misalnya di blog saya, coba arahkan kursor anda ke salah satu link yang ada di blog saya !
maka link tersebut akan mempunyai effect palangi (berwarna-warni)

Caranya :
1. Pertama-tama Simpan Script dibawah ini di webhosting kepercayaan anda.











/************************************************************************/
/* Rainbow Links Version 1.03 (2003.9.20)                               */
/* Script updated by Dynamicdrive.com for IE6                           */
/* Copyright (C) 1999-2001 TAKANASHI Mizuki                             */
/* takanasi@hamal.freemail.ne.jp                                        */
/*----------------------------------------------------------------------*/
/* Read it somehow even if my English text is a little wrong! ;-)       */
/*                                                                      */
/* Usage:                                                               */
/*  Insert '' into the BODY section,  */
/*  right after the BODY tag itself, before anything else.              */
/*  You don't need to add "onMouseover" and "onMouseout" attributes!!   */
/*                                                                      */
/*  If you'd like to add effect to other texts(not link texts), then    */
/*  add 'onmouseover="doRainbow(this);"' and                            */
/*  'onmouseout="stopRainbow();"' to the target tags.                   */
/*                                                                      */
/* This Script works with IE4,Netscape6,Mozilla browser and above only, */
/* but no error occurs on other browsers.                               */
/************************************************************************/


////////////////////////////////////////////////////////////////////
// Setting

var rate = 20;  // Increase amount(The degree of the transmutation)


////////////////////////////////////////////////////////////////////
// Main routine

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


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


//=============================================================================
// stopRainbow
//  This function stops to change a color.
//=============================================================================
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}


//=============================================================================
// doRainbowAnchor
//  This function begins to change a color. (of a anchor, automatically)
//=============================================================================
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);
}
}
}


//=============================================================================
// stopRainbowAnchor
//  This function stops to change a color. (of a anchor, automatically)
//=============================================================================
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}


//=============================================================================
// Mozilla_doRainbowAnchor(for Netscape6 and Mozilla browser)
//  This function begins to change a color. (of a anchor, automatically)
//=============================================================================
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);
}
}
}


//=============================================================================
// Mozilla_stopRainbowAnchor(for Netscape6 and Mozilla browser)
//  This function stops to change a color. (of a anchor, automatically)
//=============================================================================
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}


//=============================================================================
// Change Color
//  This function changes a color actually.
//=============================================================================
function ChangeColor()
{
objActive.style.color = makeColor();
}


//=============================================================================
// makeColor
//  This function makes rainbow colors.
//=============================================================================
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 < elmr =" t1;" elmb =" t2;" elmg =" t2" elmg =" t1;" elmb =" t2;" elmr =" t1" elmg =" t1;" elmr =" t2;" elmb =" t2" elmb =" t1;" elmr =" t2;" elmg =" t1" elmb =" t1;" elmg =" t2;" elmr =" t2" elmr =" t1;" elmg =" t2;" elmb =" t1" elmr =" 0;" elmg =" 0;" elmb =" 0;" elmr =" Math.floor(elmR).toString(16);" elmg =" Math.floor(elmG).toString(16);" elmb =" Math.floor(elmB).toString(16);" length ="=" elmr = "0" length ="=" elmg = "0" length ="=" elmb = "0" elmh =" elmH">= 360)
elmH = 0;

return '#' + elmR + elmG + elmB;
}
Simpan di Hosting anda dengan nama Rainbow.js

2. Kemudian, Dari Dasbor klik Tata Letak lalu Klik Edit HTML.

3. Cari kata <![CDATA[, di atas kata tersebut letakkan script ini :


<script src='http://khamardos.blackapplehost.com/pelangi.js' type='text/javascript'/>

Note: Anda bisa mengganti teks yang berwarna biru tersebut dengan URL File rainbow.js yang telah anda buat sebelumnya.

Lalu klik Simpan template.
Share To lintasberita.com | Khamardos Blog

Bagikan Jika Artikel ini menarik, Diharapkan agar memberikannya kepada teman2 anda di Facebook

Artikel Lainnya :

3 comments:

Klik Untuk Lihat Komentar

MMufidLuthfi on 22 Agustus 2009 pukul 14.55 mengatakan...

thzkzz :D

Rizkyzone on 11 Januari 2010 pukul 21.35 mengatakan...

blog q dah kebanyakan script JS kawan, dah berat bgt...... pernah juga aq coba, tp juga aq lepas lagi, aq masuh demen ama yang bisa aja, bagus emang buat blog jadi tambah cantik, tp kalau tempat upload JSnya lagi trouble, bisa kacau tuh pelanginya

MMufidLuthfi on 12 Januari 2010 pukul 19.55 mengatakan...

@ Rizky2009
Sip sob !!!
Jika kamu butuh lagi, silhkan di pke pnya saya sobat !!!
hehehehehhe !!! :D

:: Komentar Anda ::

Silahkan isi Komentar anda pada Form Komentar dibawah ini !!!
Kritik dan Saran yang membangun sangat saya harapkan dari sobat semua !!!

NO SPAM PLEASE !!!

Senyum :)) tunggu :)] centil ;)) kedip ;;) unjuk gigi :D hai ;) week - Jelek :p menangis :((
smile :) gawat :( Love - cinta :X briken love - patah hati =(( ooo - ounght :-o bingung :-/ kiss - cium :-* nothing :|
Gila - stres 8-} pusing ~x( takut :-t tenju - pukul b-( marah :-L marah kali x( sangat lucu =))

[[ Form Komentar Klasik ]]

Jika Anda Ingin Berlangganan Artikel Dari Situs Ini,
Silahkan Ketik Email Anda Pada Form Di Bawah Ini :

 
Copyright © 2009 Support by Web Hosting Indonesia - IDCloudhost | Tweaking by Mufied