Cara Membuat Link Berpelangi Pada Blog
Untuk menjadikan blog lebih cantik jom kita hiasi dengan link yang berwarna-warni seperti pelangi. Korang boleh tengok contoh kat blog ni Software Collections. Cuma letakkan mouse pada mana-mana link di blog tu dan korang lihat link tersebut akan bersinar-sinar dan bertukar warna seperti pelangi :-).
Cara membuat link berpelangi:
1. Seperti biasa masuk ke Dashboard > Template > Edit HTML > Proceed
2. Tekan Ctrl + F dan cari code di bawah:
</head>
3. Paste code di bawah sebelum code </head>
Cara membuat link berpelangi:
1. Seperti biasa masuk ke Dashboard > Template > Edit HTML > Proceed
2. Tekan Ctrl + F dan cari code di bawah:
</head>
3. Paste code di bawah sebelum code </head>
<script type='text/javascript'>
//<![CDATA[
var rate = 20;
if undefineddocument.getElementById)
window.onerror=new Functionundefined"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 undefineddocument.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if undefineddocument.getElementById) {
document.captureEventsundefinedEvent.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbowundefinedobj)
{
if undefinedact == 0) {
act = 1;
if undefinedobj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setIntervalundefined"ChangeColorundefined)",100);
}
}
function stopRainbowundefined)
{
if undefinedact) {
objActive.style.color = clrOrg;
clearIntervalundefinedTimerID);
act = 0;
}
}
function doRainbowAnchorundefined)
{
if undefinedact == 0) {
var obj = event.srcElement;
while undefinedobj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if undefinedobj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if undefinedobj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setIntervalundefined"ChangeColorundefined)",100);
}
}
}
function stopRainbowAnchorundefined)
{
if undefinedact) {
if undefinedobjActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearIntervalundefinedTimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchorundefinede)
{
if undefinedact == 0) {
obj = e.target;
while undefinedobj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if undefinedobj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if undefinedobj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setIntervalundefined"ChangeColorundefined)",100);
}
}
}
function Mozilla_stopRainbowAnchorundefinede)
{
if undefinedact) {
if undefinedobjActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearIntervalundefinedTimerID);
act = 0;
}
}
}
function ChangeColorundefined)
{
objActive.style.color = makeColorundefined);
}
function makeColorundefined)
{
// Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB
if undefinedelmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = undefined255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = undefinedt1 - t2) * t3 / 60;
if undefinedelmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if undefinedelmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if undefinedelmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if undefinedelmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if undefinedelmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if undefinedelmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floorundefinedelmR).toStringundefined16);
elmG = Math.floorundefinedelmG).toStringundefined16);
elmB = Math.floorundefinedelmB).toStringundefined16);
if undefinedelmR.length == 1) elmR = "0" + elmR;
if undefinedelmG.length == 1) elmG = "0" + elmG;
if undefinedelmB.length == 1) elmB = "0" + elmB;
elmH = elmH + rate;
if undefinedelmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB;
}
//]]>
</script>
4. Klik Save.
Kenapa tak jadi??Ramai yang buat tapi tak jadi kan?OK..Sebabnya korang kalau copy apa-apa dari blog ni, last sekali akan keluar link macam kat bawah ni:
Sumber http://www.zuarxpdc.com/2010/07/cara-membuat-link-berpelangi-pada-blog.html#ixzz1H0XvBLYN
Sumber http://www.zuarxpdc.com/2010/07/cara-membuat-link-berpelangi-pada-blog.html#ixzz1H0XvBLYN
So, sebelum korang masukkan ke dalam HTML tu, korang paste dulu dalam Notepad, kemudian delete link yang kat atas tu. Lepas tu baru korang paste code link berpelangi tu dalam HTML.
Kalau ada masalah lagi sila tinggalkan komen ye..^_^
Kalau ada masalah lagi sila tinggalkan komen ye..^_^
19 comments:
Salam
Boleh try ni kt blog Wak..
Mohon jasa baik anda linkan blog wak yer..maklum la org baru..gracias
http://ulatdankulat.blogspot.com
Wak jengkol
bisa diatur wak..kekeke
tips yang betul simple dan terbaek.. trimas bro
welcome..sharing is sexy.kekeke
salam...
sy dak baru ngn blog nih..
ni pun xjadi la abg zuar..
tolong2...
saya pon xjadi jugakk.
emmm ~ macam mana erk ?? wad ta jadi,jadi lerr ~
xjadi la bro...background kosng boleh jadi x?
Yang korang buat tak jadi tu try buat lagi sekali k
sy dh cuba wat,,,tp xde ape2 yg brlaku pn...same je...xpham r..ni uk ape sbnrnya? sy bru lgi lm dunia blogging...huhuhu
ala.xjadi pun....ade lebih dri satu perkataan tu...nk paste kt yg ane satu...? plez!! uhuk3...sy masih bru lgi
Please,sy xfaham step 2-4..please3
saya tak faham la cara nak buat nie.. tak jadi
menang tak jadi lar bro ;))
korang g tgk kt blog ni: http://khadiah.blogspot.com/2011/04/cara-membuat-link-berpelangi-pada-blog.html dia buat jadi je>_<
link yg mane kena delete??
tak jadi jugak! :(
x jadi :(
HOHOHO..xjadi gak..sob2..=(
Post a Comment
Singgah je???Komen la sikit.:-D