Minggu, 06 Oktober 2013

Memberi Efek Menarik Pada Gambar

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 !!!  tengkorak

  2. Menuju Design > Edit HTML (Tampilan Lama) / Menuju Template > Edit HTML (Tampilan Baru)

  3. Salin kode berikut di atas kode ]]>


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 
salut


  • Terakhir 'Save Template'

  • Gimana ? Bagus gak ? Jangan lupa komentarnya para sobat blogger !   peluk erat
  • Tidak ada komentar: