Membuat Effect Gambar Gelap-Terang pada Blogger

Kali ini saya akan menshare tips blog yang sudah saya terapkan pada blog saya ini yaitu cara membuat effect gelap-terang pada gambar postingan, dan begitu juga effect terang ke gelap.

Contoh yang saya gunakan gelap ke terang :

 Effect Sebelum tersentuh Kursor

 Effect setelah di sentuh kursor

Anda bisa lihat perbedaannya di atas, dan cara pembuatannya sangat sederhana sekali silahkan anda ikuti langkahnya :

• Silahkan anda masuk Template -> Edit HTML
• Centang Expand Widget
• Tekan CTRL+F kemudian ketik ]]></b:skin>
• Kalau sudah ketemu silahkan anda pastekan kode di bawah ini di atas kode ]]></b:skin>

1. Kode Dari Gelap Ke Terang

.post img{opacity:.5;filter:alpha(opacity=100); this.style.opacity=1}
.post img:hover{opacity:1;filter:alpha(opacity=1); this.style.opacity=6}

2. Kode Dari Terang Ke Gelap

.post img{opacity:1;filter:alpha(opacity=1); this.style.opacity=6}
.post img:hover{opacity:.5;filter:alpha(opacity=100); this.style.opacity=1}

• Kalau sudah silahkan anda simpan dan lihat hasilnya .

PERINGATAN! Bagi Yang Suka COPAS! Harap Cantumkan Link Sumbernya!!!, Terimakasih.

You Might Also Like

Tutorial Blogger

• Cara Mengecheck Jumlah Backlink Blog Kita
• 4 Alasan Kenapa Blog Jarang Ada Komentarnya
• Cara Bikin Total Post dan Total Komentar di Blog
• Cara Membuat MenuQ Top Header Blog
• Membuat Iklan Melayang di Blog
• Cara Memasang Read more Blog dengan Animasi
• Cara Membuat Widget Statistik Blog Di tengah
• Cara Pasang Permalink Blog
• Cara Mengubah Tag Heading Untuk Better SEO di Blogger
• Cara Mudah Promosi Blog Di Facebook
• Cara Menghapus Link "Langgan: Entri (Atom)"
• Cara Menambahkan 3 Kolom Di atas Footer Blog
• Kenali Ciri-Ciri Template SEO Friendly Pada Blog
• Cara Ngecheck Seberapa Persen SEO Blogmu
• Memasang Artikel Terkait Bergambar di Blog
• Cara Mendaftarkan Blog ke Technorati 2013
• Cara Agar Blog Menjadi NO. 1 Di Google Dengan Google Ping
• Cara Membuat Artikel Random Di Blogger
• Cara Membuat Rating Bintang Di Search Engine Google
• Mengganti Older Post atau New Post Dengan Angka
• Cara Memasang Feedburner dan Memasang subcribe di Blog
• Cara Membuat Menu Blogger Style Yellow
• Cara Membuat Text Shadow/Glow Pada Judul Posting Blog
• Menu Sidebar dengan Efek Jquery Keren

Cara Membuat Artikel Terkait Dibawah Posting Tempat Cari ilmu