Home  ·  About  ·  Privacy  ·  Contact  ·  Cbox

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.

21 komentar:

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

    ReplyDelete
    Replies
    1. Kwkwkwkwkkw.... Tanpa ribet.... Mantap bro....

      Delete
  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. OK GAN . . .
    Terimakasih Infonya Gan..
    Saya Berhasil.
    Sangat Bermanfaat.
    Semoga postingannya makin baik dan sukses selalu.
    salam kenal dari saya.

    Visit Gan >
    http://bagi-bagi-rahasia.blogspot.co.id/
    http://manikbalige.blogspot.co.id/

    ReplyDelete

 
Copyright © . Info Blog Indonesia · Powered by Blogger