Telusuri Artikel

Cara Membuat Efek Terang Gelap Pada Gambar di Blog Saat di Sentuh Kursor

Untuk membuat pengunjung anda betah, tentulah blog anda harus memiliki penampilan (template) dan efek (JavScript) blog yang menarik dan se-efektif mungkin. Kali ini Salah satu efek pada blog yang mimin share adalah efek terang gelap pada gambar saat di sentuh kursor. Untuk melihat contohnya, arahkan kursor anda pada gambar "Related Posts" di blog mimin ini.


Jika anda tertarik membuat efek terang gelap pada blog anda, anda dapat memasang script yan satu ini. Untuk pemasangannya silahkan ikuti cara di bawah ini yang sudah mimin share.

  • Masuk ke laman http://blogger.com/
  • Login ke akun blog milik anda
  • Pilih "Tema" pada bagian menu
  • Tekan tombol "Edit HTML"
  • Cari kode ]]></b:skin> (gunakan ctrl + f)
  • Copy salah satu kode di bawah ini tepat di atas kode ]]></b:skin>

Efek terang ke gelap 
img {
filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;
}
img:hover { filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;
}
Efek gelap ke terang 

img {
filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7;
}
img:hover { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity 1.0;
}
  • Setelah selesai tekan tombol "Simpan tema"
  • Lihat blog anda dan arahkan kursor ke gambar yang ada pada blog anda untuk memastikan apakah cara di atas dapat bekerja.

Semoga postingan di atas bermanfaat, Jika mencopy artikel ini tolong sertakan sumber: http://MYTh-Sharer.blogspot.co.id/ untuk mencegah terjadinya pelanggaran hak cipta.

Jangan lupa untuk melihat channel youtube mimin, yang memuat tentang tutorial dan review game di MYTh Channel. 

Share jika kalian suka artikel di atas
SHARE

M. Yusuf T.

Blog ini dibuat hanya untuk hobi semata,jka ada kesamaan dalam konten artikel blog ini dengan website yang lain kemungkinan hanyalah keberuntungan belaka atau memang copas dari website yang bersangkutan juga :). LOL. Artikel blog ini di tulis berdasarkan pengalaman penulis. Thx untuk kunjungannya.

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment

0 komentar:

Post a Comment