Trick Membuat Efek Hover Pada Gambar

Pada posting sebelumnya membahas mengenai "Trick Merubah Scroll Pada Blog", hari ini saya akan membahas tentang Trick Membuat Efek Hover Pada Blog. Agar blog kamu menjadi pusat pandangan para pengunjung, blog kamu harus di modifikasi supaya indah. Caranya dengan membuat efek hover pada blog kamu. Fungsi efek hover pada gambar ini adalah membuat gambar-gambar pada setiap postingan kamu menjadi buram dan ketika kursor pada komputer kamu mendekati sebuah objek gambar, gambar itu akan menjadi seperti semula atau tidak buram. Bagi kamu yang penasaran ingin melihatnya silakan lihat screenshot:


Langkah-langkahnya:
  1. Login ke www.blogger.com dengan akun blog kamu
  2. Pilih Template => Edit HTML => Lanjut dan centang "Expand Template Widget"
  3. Kemudian cari kode ]]></b:skin> dengan menekan tombol Ctrl+F
  4. Copy script dibawah ini dan Paste tepat diatas kode ]]></b:skin>
  5. Lalu klik "Pratinjau" dan lihat hasilnya, kalau sudah beres silakan klik Simpan.

Catatan : Agar efek hover itu muncul kamu harus menyisipkan sedikit kode class="hovereffect" pada setting-an HTML diposting kamu dan letakkan pada awal kode sebelum link gambar. Kalau ada yang kurang jelas silakan tinggalkan komentarmu !!! 

Sign up here with your email address to receive updates from this blog in your inbox.

6 Responses to "Trick Membuat Efek Hover Pada Gambar"

  1. keran, eh maksudnya keran :D

    ReplyDelete
    Replies
    1. hahaha, yg ada keren kaliii :D
      kok mlah jadi keran

      Delete
  2. nice info gan.
    kunjungan sore.
    jngan lupa visit back ^_^

    ReplyDelete
    Replies
    1. Oke, sob thanks ya
      nanti saya visit back
      jangan lupa baca posting yg lainnya :)

      Delete

Peraturan dalam berkomentar
1. No SPAM
2. No SARA
3. Tidak berkomentar dengan kata yang berbau PORNO
4. Gunakanlah bahasa yang mudah dimengerti
5. Dilarang mencantumkan link dikomentar dan gunakanlah Name/URL untuk berkomentar

>> Salam dari Admin The Master Blogger