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.
- Login ke Blogger.com , Harus !!!
- Menuju Design > Edit HTML (Tampilan Lama) / Menuju Template > Edit HTML (Tampilan Baru)
- 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
- Terakhir 'Save Template'
- Gimana ? Bagus gak ? Jangan lupa komentarnya para sobat blogger !
0 komentar:
Posting Komentar