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 !!! 

6 komentar:

  1. keran, eh maksudnya keran :D

    BalasHapus
    Balasan
    1. hahaha, yg ada keren kaliii :D
      kok mlah jadi keran

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

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

      Hapus

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

Muhammad Zulfi Rahmanzi

Belajarlah dengan bersungguh-sungguh, karena suatu saat nanti kita akan menjadi orang yang sangat berguna untuk bangsa ini. Dan belajarlah dengan penuh keyakinan, karena suatu saat nanti kamu akan merasakan yang namanya .::SUKSES::....Read More
Chrome Pointer