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
Perkembangan Beton Bertulang Yang Unik Baik Secara Eksperimental Maupun
Secara Praktek Langsung Dilapangan
-
PERKEMBANGAN BETON BERTULANG YANG UNIK BAIK SECARA EKSPERIMENTAL MAUPUN
SECARA PRAKTEK LANGSUNG DILAPANGAN Pada saat ini desain struktur konstruksi
tahan...
38 komentar :
pertamax dulu ahh :D
wah...aku juga pake yg seperti ini...
Wah bagus Sob....
next info!!
wah dah pernah coba sob.....
tapi thanks tutorialnya....
Sipp, link pelangi akan sangat jelas pd template hitam, mantap...
bagus, makasih tutornya
blog yang interaktif dan kreatif. salam kenal sobat...
Menjadikan blog tampak lebih ceria.
Salam ukhuwah
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
q juga psng nich.. bikin cantik blog..
aku dulul pertama ngeblog senang ma effect pelngi
sekarng malah milih standart
Hmm... info yag bagus,, jadi pngin coba,,
thx,, nice post..
Artikel yang manthap...(Berguna sekali untuk Blogger yang baru belajar) Manthap dech artikel ini
waduh, kok java scrip..?
bagus,,
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
bikin berat gak nih?
wah keren ane mau coba dulu ah
sementara aq save dulu yah sob, masih mempertimbangkan banyak hal
Membuat blog tampak lebih cantik :D
Wahh jadinyaa tambah cantik ya linknya.. kerenn mas!!
waaaah, dengan memberi efek pada link sehingga membuat warna link menjadi berwarna-warni akan semakin memperindah blog, salam blogger ...
Artikel bagus. thx udah mau bagi2.
Mantep Kang . . .aku juga lagi nyari yang effek hujannya . . . kwkwkwwkwk SIP !
mantep..............
good post, menambah cantik blog neh... thanks
sebaiknya kotak komentar mu diatas itu dikasih sistem scroll, karena sudah terlalu panjang ...biar kesannya rapi dan elegan
wah,,mantep nih. aku mau coba di blog percobaanku ah...
thank u my old friend
lebih bagus klo begini
meluncur menuju tkp,, thnks yya info a,,
mantabs..kapan" aku pasang..
makasih infonya akan kucoba ya.
thanks infonya..segera akan saya uji coba..
wow tak coba dulu kawan,, biar meriah oye..oye
tambah ilmu lagi nih.. makasih sobat
Aku coba ya..sob!!
tx infonya, langsung dipasang neh
berkunjung.....tilik kang....heheheh
Posting Komentar