Cara Memberi Efek Menarik Pada Gambar di Postingan Blog

   

Kita akan menambahkan beberapa kode CSS yang singkat tapi sangat bermanfaat untuk kecantikan blog, untuk demo silahkan lihat di http://craxup.blogspot.com/ !

Ikuti langkah-langkah berikut untuk membuat efek pada gambar.

1. Login ke Blogger.com , Harus !!! 
   
   
2. Menuju Design > Edit HTML (Tampilan Lama) / Menuju Template > Edit HTML (Tampilan Baru)
   
   
3. Salin kode berikut di atas kode ]]></b:skin> 
   
   
   a img {-webkit-transition-duration:.4s;}
   img:hover {filter: alpha(opacity=60);opacity: .9.9;border-radius:50px;border: 1px #FF66CC;-webkit-box-shadow: 0px 0px 20px #FF66CC;-moz-box-shadow: 0px 0px 20px #FF66CC;}
   
   Jika terdapat kode seperti yang berwarna orange, silahkan salin kode yang hanya berwarna biru di dalamnya
   Jika tidak terjadi efek apa-apa, korbankan semua kode a img dan  img:hover yang ada di kode CSS blogmu 
   
   
4. Terakhir 'Save Template'
   
   
5. Gimana ? Bagus gak ? Jangan lupa komentarnya para sobat blogger !  

Sumber : dopind.blogspot.com