Memberi Efek Menarik Pada Gambar

       Sekian lama tidak posting di blog yang sudah lama aku urus ini, di karenakan sedang mengikuti kontes SEO dari Unikama yang sangat menegangkan untuk di ikuti, dan akhirnya hasil 'final' blogku yang di ikutkan memperoleh urutan terbaik, gak tanggung tanggung, memimpin di posisi puncak, enggak sia-sia pengorbananku untuk fokus untuk mengikuti lomba tersebut daripada tes masuk SMA.  Dan semoga kemenanganku dalam ini fair dan jadi pemenang resmi.. Amin ! 

        Kini aku kembali ! dan akan berbagi untuk pengunjung setia Akatsuki Blog™,  berbagi cara-cara untuk memperindah blog.  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 !