Monday, April 8, 2013

Cara Membuat Link Berkedip/Efek Pelangi pada Blog

Cara Membuat Link Berkedip/Efek Pelangi pada Blog - Dengan Link yang berkedip seperti pelangi ini blog kita akan menjadi lebih menarik, langsung saja, ini dia cara membuat link berkedip/Efek Pelangi pada Blog :


  1. Masuk dulu ke akun blogger sobat / Blogger Dashbord
  2. Lalu masuk ke Tata Letak
  3. Lalu tambah gadget baru, dan pilih HTML/JavaScript
  4. Setelah itu, masukan code yang saya sudah sediakan dibawah ini, dan letakkan code dibawah ini ke dalam kotak HTML/JavaScript
<script src="http://tutorialblogspot.googlecode.com/files/LinkPelangi.js" type="text/javascript"></script>
 5.  Lalu klik Simpan/Save.


Itulah dia cara membuat link berkedip/Efek Pelangi, Semoga dapat Bermanfaat



6 comments:

  1. Pertama saya ingin mengingatkan bahwa proyek pengembangan Google Code akan dihentikan oleh google, sehingga semua script yang tersimpan di sana akan dihapus secara massal oleh Google. Jadi plugin ini tidak akan bekerja.

    google-opensource.blogspot.com/2013/05/a-change-to-google-code-download-service.html

    Kedua cara di atas bisa di ganti menggunakan CSS3, coba copy pastekan kode ini di htmledit.squarefree.com

    <style>
    a:link{
    text-decoration:none
    }
    a:hover{
    -webkit-animation: rainbow 1s 16 ease infinite;
    -moz-animation: rainbow 1s 16 ease infinite;
    -o-animation: rainbow 1s 16 ease infinite;
    -ms-animation: rainbow 1s 16 ease infinite;
    animation: rainbow 1s 16 ease infinite;
    }
    @-webkit-keyframes rainbow{
    0%{color:red;}
    20%{color:yellow;}
    40%{color:green;}
    60%{color:blue;}
    80%{color:orange;}
    100%{color:purple;}
    }
    @-moz-keyframes rainbow{
    0%{color:red;}
    20%{color:yellow;}
    40%{color:green;}
    60%{color:blue;}
    80%{color:orange;}
    100%{color:purple;}
    }
    @-o-keyframes rainbow{
    0%{color:red;}
    20%{color:yellow;}
    40%{color:green;}
    60%{color:blue;}
    80%{color:orange;}
    100%{color:purple;}
    }
    @-ms-keyframes rainbow{
    0%{color:red;}
    20%{color:yellow;}
    40%{color:green;}
    60%{color:blue;}
    80%{color:orange;}
    100%{color:purple;}
    }
    @keyframes rainbow{
    0%{color:red;}
    20%{color:yellow;}
    40%{color:green;}
    60%{color:blue;}
    80%{color:orange;}
    100%{color:purple;}
    }
    </style>
    <a href=http://remaja-muslim.com/>REMAJA MUSLIM</a>

    Gimana bisa kan?

    ReplyDelete
  2. Ok gan makasih sarannya...?? Tapi masih bekerja gan..

    ReplyDelete
  3. nice info.....
    visit myblog :
    www.warungmagelangs.blogspot.com

    ReplyDelete
  4. Siap meluncur......

    ReplyDelete
  5. terima kasih atas tipsnya min , tapi saya lebih suka menyimpan di atas kode di html blog :) heheheheh

    ReplyDelete
  6. oke gan thx sngt membntu .. :D
    http://p4ndoo.blogspot.com

    ReplyDelete