Memberi Efek Menarik Pada Gambar

Kali ini yang di awali dengan proses coba-coba , akhirnya menghasilkan keindahan yang tidak kalah saing dengan kode-kode yang dimiliki para master yang menampilkan efek pada suatu gambar.  Efek yang jika di sentuh akan menggerakkan sudut gambar menjadi agak bulat! ^^

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