-->
 Home  ·  About  ·  Privacy  ·  Contact  ·  Advertise  ·  Follow

Cara Membuat Link Blog Berwarna – Warni

Pada kesempatan kali ini kita akan membahas cara membuat link blog menjadi berwarna – warni ketika kursor di arahkan pada link, setelah sebelumnya kita membahas cara membuat efek salju pada blog.

Fungsi utama dari link berwarna – warni ini adalah hanya untuk memperindah tampilan blog, untuk pemasangan kode script ini sendiri tidak akan terlalu menambah berat loading blog Anda. Jika Anda ingin memasangnya berikut ikuti langkah-langkahnya :

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > centang Expand Template Widget.
3. Jangan lupa backup template agar mudah mengembalikan jika terjadi kesalahan.
4. Cari kode </head> (Gunakan F3 atau Ctrl + F).
5. Letakkan kode berikut tepat dibawah </head>
<script src='http://id-pemula-javascript.googlecode.com/files/rainbow.js'/>
6. Simpan template.

Nah, itu tadi dengan cara yang pertama, berikut cara yang kedua tanpa Anda harus masuk kedalam script template blog :

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Letakkan kode berikut pada HTML/JavaScript untuk judulnya dikosongkan saja.
<script src='http://id-pemula-javascript.googlecode.com/files/rainbow.js'/></script>
4. Kemudian Simpan.

Sekarang setelah pemasang efek warna-warni pada link blog, tampilan blog Anda menjadi lebih menarik.

20 komentar:

  1. wow...makin kinclong aja nih link nya, jika di kasih pelangi. kreatif banget sih?

    ReplyDelete
  2. posting anda cukup bagus, tetap semangat dan sukses

    ReplyDelete
  3. Untuk membuat link berkedip warna-warni selain menggunakan javascript juga bisa menggunakan CSS3 Keyframes. :)

    <style>
    a:hover {
    -webkit-animation:rainbow 3s ease-in-out infinite;
    -moz-animation:rainbow 3s ease-in-out infinite;
    animation:rainbow 3s ease-in-out infinite;
    }
    @-webkit-keyframes rainbow {
    0% { color:#DEDEDE;}
    5% { color:#109F9D;}
    10% { color:#B19FD9;}
    15% { color:#D600AF;}
    20% { color:#E9E32E;}
    40% { color:#38374A; }
    45% { color:#711943; }
    50% { color:#3FFFF5; }
    55% { color:#1F67C5; }
    60% { color:#6541B3; }
    80% { color:#45002D; }
    90% { color:#109F9D; }
    100% { color:#DEDEDE; }
    }
    @-moz-keyframes rainbow {
    0% { color:#DEDEDE;}
    5% { color:#109F9D;}
    10% { color:#B19FD9;}
    15% { color:#D600AF;}
    20% { color:#E9E32E;}
    40% { color:#38374A; }
    45% { color:#711943; }
    50% { color:#3FFFF5; }
    55% { color:#1F67C5; }
    60% { color:#6541B3; }
    80% { color:#45002D; }
    90% { color:#109F9D; }
    100% { color:#DEDEDE; }
    }
    @-keyframes rainbow {
    0% { color:#DEDEDE;}
    5% { color:#109F9D;}
    10% { color:#B19FD9;}
    15% { color:#D600AF;}
    20% { color:#E9E32E;}
    40% { color:#38374A; }
    45% { color:#711943; }
    50% { color:#3FFFF5; }
    55% { color:#1F67C5; }
    60% { color:#6541B3; }
    80% { color:#45002D; }
    90% { color:#109F9D; }
    100% { color:#DEDEDE; }
    }
    </style>


    Mungkin akan lebih ringan jika menggunakan CSS3 Keyframes.

    ReplyDelete
  4. wah, keren gan artikelnya
    Bermanfaat banget.
    kunjungi juga http://adeputra-pkp.blogspot.com/2014/03/cara-mudah-install-bbm-di-komputer-atau.html

    ReplyDelete
  5. makasih sob, semoga bermanfaat....scripnya..

    ReplyDelete
  6. mampir ya sobat
    http://janganngeblog.blogspot.com/

    ReplyDelete
  7. makasih infonya,sangat berguna bagi saya yang newbie dan sangat simple...

    ReplyDelete
  8. Thank Gan Tipsnya

    http://jellygamat-gold.net/pengobatan-tipes/

    ReplyDelete
  9. Thankss gan tutorialnya, udah dicoba dan ternyata berhasil hehe (y)

    Ry-share blog personal and free download games

    ReplyDelete

 
Copyright © 2013 - . Info Blog Indonesia · Powered by Blogger
Join Us · Facebook · Twitter