Beranda > blogger, Informasi, Lain Lain, tips internet, tutorial, tutorial website > Cara membuat link pelangi di blog

Cara membuat link pelangi di blog

Cara membuat link pelangi di blog atau warna warni agar link blog kamu berkedip atau berwarna-warni waktu mouse atau pointer kamu diarahkan ke link blog kamu caranya cukup mudah, tinggal tambahkan kode script aja gan.

Membuat link warna warni di blog

  • Masuk ke account blogger anda.
  • Pilih tata letak/layout
  • Klik menu Edit HTML dan jangan lupa untuk mencentang Expand Template Widget
  • Kemudian cari kode </head>
  • kalau sudah ketemu letakkan script ini tepat dibawahnya:

 &lt;script type=’text/javascript’&gt;
    //&lt;![CDATA[
    var rate = 20;
    if (document.getElementById)
    window.onerror=new Function(&quot;return true&quot;)
    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(&quot;ChangeColor()&quot;,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’ &amp;&amp; obj.tagName != ‘BODY’) {
    obj = obj.parentElement;
    if (obj.tagName == ‘A’ || obj.tagName == ‘BODY’)
    break;
    }
    if (obj.tagName == ‘A’ &amp;&amp; obj.href != ”) {
    objActive = obj;
    act = 1;
    clrOrg = objActive.style.color;
    TimerID = setInterval(&quot;ChangeColor()&quot;,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’ &amp;&amp; obj.nodeName != ‘BODY’) {
    obj = obj.parentNode;
    if (obj.nodeName == ‘A’ || obj.nodeName == ‘BODY’)
    break;
    }
    if (obj.nodeName == ‘A’ &amp;&amp; obj.href != ”) {
    objActive = obj;
    act = 1;
    clrOrg = obj.style.color;
    TimerID = setInterval(&quot;ChangeColor()&quot;,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 &lt; 60) {
    elmR = t1; elmB = t2; elmG = t2 + t3;
    }
    else if (elmH &lt; 120) {
    elmG = t1; elmB = t2; elmR = t1 – t3;
    }
    else if (elmH &lt; 180) {
    elmG = t1; elmR = t2; elmB = t2 + t3;
    }
    else if (elmH &lt; 240) {
    elmB = t1; elmR = t2; elmG = t1 – t3;
    }
    else if (elmH &lt; 300) {
    elmB = t1; elmG = t2; elmR = t2 + t3;
    }
    else if (elmH &lt; 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 = &quot;0&quot; + elmR;
    if (elmG.length == 1) elmG = &quot;0&quot; + elmG;
    if (elmB.length == 1) elmB = &quot;0&quot; + elmB;
    elmH = elmH + rate;
    if (elmH &gt;= 360)
    elmH = 0;
    return ‘#’ + elmR + elmG + elmB;
    }
    //]]&gt;
    &lt;/script&gt;

atau anda juga bisa pilih script dibawah ini,cukup masukkan add widget-html dan save di blogmu:

&lt;script src=’http://sabarmuanas.googlecode.com/files/infonetmu.blogspot.com.mousepelangi.js&#8217; type=’text/javascript’&gt;
&lt;/script&gt;

selamat mencoba

by: INFONETMU

Iklan
  1. Belum ada komentar.
  1. No trackbacks yet.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: