Saturday, July 10, 2010

Home » , » Cara Membuat Link Berpelangi Pada Blog

Cara Membuat Link Berpelangi Pada Blog

Share

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>


<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

 
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..^_^

19 comments:

Wak Jengkol said...

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

zuar said...

bisa diatur wak..kekeke

BroSKL said...

tips yang betul simple dan terbaek.. trimas bro

zuar said...

welcome..sharing is sexy.kekeke

shahZ88 said...

salam...
sy dak baru ngn blog nih..
ni pun xjadi la abg zuar..
tolong2...

pidot said...

saya pon xjadi jugakk.

yana said...

emmm ~ macam mana erk ?? wad ta jadi,jadi lerr ~

anuar said...

xjadi la bro...background kosng boleh jadi x?

zuar said...

Yang korang buat tak jadi tu try buat lagi sekali k

marhan @ ema said...

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

marhan @ ema said...

ala.xjadi pun....ade lebih dri satu perkataan tu...nk paste kt yg ane satu...? plez!! uhuk3...sy masih bru lgi

Noor Syafiqah binti Shainisi said...

Please,sy xfaham step 2-4..please3

nia chocolate R.E.I.N said...

saya tak faham la cara nak buat nie.. tak jadi

Aeman Heykal said...

menang tak jadi lar bro ;))

zuar said...

korang g tgk kt blog ni: http://khadiah.blogspot.com/2011/04/cara-membuat-link-berpelangi-pada-blog.html dia buat jadi je>_<

eby yohana said...

link yg mane kena delete??

cheQsiTi said...

tak jadi jugak! :(

Ahyenn Kimia said...

x jadi :(

mylittlelulushoppe said...

HOHOHO..xjadi gak..sob2..=(

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

Singgah je???Komen la sikit.:-D

Related Posts Plugin for WordPress, Blogger...

Artikel Sensasi

Blog Archive