Pada tutorial sebelumnya saya sudah memaparkan bagaimana cara menghilangkan garis bawah pada link. Nah, sekarang saya berikan tutorial penggantinya - CARA MEMBUAT LINK WARNA WARNI DI BLOGSPOT, dengan tujuan supaya link ketika disorot pointer mouse jadi lebih menarik dan tampak lebih indah.
Mudah-mudahan harapan saya tutorial ini sesuai dengan apa yang diharapkan / sesuai keinginan sobat blogger yang mengharapkan blog-nya tampak lebih menarik. Ada dua cara yang akan saya sampaikan pada tutorial ini :
Cara 1 :
1. Anda Login ke akun Blogger anda
2. Pilih Template --> Edit HTML -->
2. Pilih Template --> Edit HTML -->
3. Kemudian anda cari kode
</head>
Note : untuk mempermudah pencarian tekan kombinasi keyboard [Ctrl + F]).
Note : untuk mempermudah pencarian tekan kombinasi keyboard [Ctrl + F]).
4. Jika sudah ketemu kode </head>
Letakkan kode di bawah ini tepat di atas
kode </head>
5. Klik Pratinjau untuk melihat perubahannya, jika sudah berhasil
kemudian langkah berikutnya...
6. Simpan template.
<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>
5. Klik Pratinjau untuk melihat perubahannya, jika sudah berhasil
kemudian langkah berikutnya...
6. Simpan template.
Cara 2 :
1. Anda Login ke akun Blogger anda
2. Kemudian anda Klik Tata Letak -->
Tambah Gadget --> Pilih HTML/Java Script.
3. Selanjutnya anda copy dan pastekan
kode dibawah ini ke dalam box
HTML/Java script tadi
<script src='http://sabarmuanas.googlecode.com/files/infonetmu.blogspot.com.mousepelangi.js' type='text/javascript'>
</script>
4. Klik simpan dan lihat hasilnya
Demikian tutorial yang bisa saya berikan pada kesempatan kali ini dan bagi sobat blogger
silahkan pilih cara mana yang di anggap paling mudah.
SEMOGA BERMANFAAT...
Tidak ada komentar:
Posting Komentar