Cara Membuat Semua Gambar Blur Pada Blog

Cara Membuat Semua Gambar Blur Pada Blog. Daripada nggak posting (bingung posting) mending posting tentang Tricks Blog dengan judul Cara Membuat Semua Gambar Blur Pada Blog. Blur maksudnya gambar akan menjadi gelap jika kita menyorot gambar tersebut dan akan menjadi terang jika kita tidak menyorot gambar tersebut dengan kursor mouse. lebih bagusnya ini tidak membuat blog menjadi berat karena Cara ini menggunakan CSS.

Sebelum anda melihat hasilnya pada blog anda sendiri, anda juga dapat melihat hasilnya pada blog ini. Silakan sorot gambar DBP di bawah ini:
Diskusi Blogger Pemula
1. Login Blogger
2. Pilih Rancangan
3. Kemudian Pilih Edit HTML
4. Lalu anda cari kode ]]></b:skin> Cari kode tersebut dengan menggunakan CTRL+F. Dan Copy kode di bawah tepat di atas kode ]]></b:skin>
img:hover{opacity:0.5;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;}img{opacity:1.0;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;}
5. Jangan lupa untuk Menyimpan Templatenya dan lihat hasilnya


Selamat Mencoba dan Semoga Berhasil :D

Rating: 5
Anda baru saja membaca artikel yang berkategori Tricks Blog dengan judul Cara Membuat Semua Gambar Blur Pada Blog. Anda bisa bookmark halaman ini dengan URL http://abc-xp.blogspot.com/2012/02/cara-membuat-semua-gambar-blur-pada.html. Terima kasih!
Ditulis oleh: Wahyu Arief - Thursday, February 9, 2012

4 komentar untuk "Cara Membuat Semua Gambar Blur Pada Blog"

  1. mungkin lebih cocok disebut efek hover transparent karena yg dipake opacity :D

    ReplyDelete
  2. klo hover mending jangan di kurangin opacity nya... kecuali jika img{opacity:0.4;} <<=== baru lebih enak di lihat... soalnya jika pembaca menggerakkan mouse pasti akan lebih diperjelas dari effect Opacity tersebut.. :D


    nice infonya... Salam 7FB

    ReplyDelete