Cari Artikel Blog Ini

Total Tayangan Laman

MENAMPILKAN EFEK BINTANG BERKEDIP PADA LNK

Penampilan sebuah link akan lebih menarik jika ditambah dengan asesoris berupa bintang yang berkedip. Apalagi jika latar belakang dari link tersebut berwarna gelap, link akan terlihat lebih hidup ketika disorot mouse (bintang berkedip di sekitar link). Trik ini sudah banyak digunakan oleh blog-blog terutama yang memiliki latar belakang gelap.
Blog anda juga dapat ditambah dengan trik ini. Cuma disarankan ubahlah background blog anda menjadi lebih gelap agar bintangnya terlihat lebih jelas.
Berikut langkah-langkahnya :
  • Masuk ke Blogger.
  • Pilih Rancangan kemudian klik Edit HTML.
  • Backup dulu template anda, jika takut gagal.
  • Cari kode ini pada template anda :

    a:link {
    text-decoration:none;
    color: $(link.color);
    }

    a:visited {
    text-decoration:none;
    color: $(link.visited.color);
    }

    a:hover {
    text-decoration:underline;
    color: $(link.hover.color);
    )

  • Ganti kode css berwarna kuning dengan kode css dibawah ini dibawah ini :

    a:hover { background-image: url(http://lh4.ggpht.com/_1j80TgNqd_8/TSxI4SzanrI/AAAAAAAABTY/eTbwURZIN8I/s128/bintang.gif);}

  • Secara lengkap susunannya jadi seperti dibawah ini :

    a:link {
    text-decoration:none;
    color: $(link.color);
    }

    a:visited {
    text-decoration:none;
    color: $(link.visited.color);
    }

    a:hover { background-image: url(http://lh4.ggpht.com/_1j80TgNqd_8/TSxI4SzanrI/AAAAAAAABTY/eTbwURZIN8I/s128/bintang.gif);}

  • Tampilan image seperti dibawah ini :

  • Ganti url image (yang berwarna putih) dengan image milik anda sendiri, atau jika belum punya silahknan copy kode diatas dan paste pada template anda.
  • Klik tombol Simpan Template.
  • Lihat Link pada blog anda sekarang.


Jika artikel ini bermanfaat..? Bagikan lewat :


BACA JUGA ARTIKEL DIBAWAH INI



Comments
10 Comments

10 komentar :

khusna amanati mengatakan...

koq q gagal terus c????pa solusinya...udah ikuti petunjuk diatas ttp ja hasilnya ga ada,,

Ades mengatakan...

@khusna amanati : coba lagi, mungkin ada kode yang tertinggal, dan setelah dicoba pada blog percoban tips pada postingan ini ok.
Salam Blogger...

Isman hayahaura mengatakan...

makasih atas... ilmunya gan

JASA KIRIM MOBIL mengatakan...

http://www.kirimobil70.com Thanks

ELOUNK MANTANG mengatakan...

tengkyu bos........http://elounkmantang.blogspot.com/

pasopati-kalaena mengatakan...

thanks gan..

IRAWAN mengatakan...

Keyeeeeeeennnn

adi mengatakan...

berhasil, keren mas :D

===__[]W.E.L.C.O.M.E[]__=== mengatakan...

keren Gan bloger.a :D

===__[]W.E.L.C.O.M.E[]__=== mengatakan...

back sound keren abissss

Poskan Komentar

Ceritakan keberhasilan/kegagalan anda setelah mencoba Tutorial Blogger pada kotak komentar. Kritik dan Saran juga boleh asal sifatnya membangun...!!!