MEMBUAT EFEK KETUPAT / HOVER FOTO PASA POSTINGAN BLOG

Contoh hasilnya

1. Log in bloggermu
2. Pilih Rancangan Template dari menu pengeditan, klik Edit HTML
3. Pada edit Html cari kode





atau untuk memudahkan tekan ctrl+f bersamaan akan muncul kotak pencarian ketik
 





4. Silahkan copy terlebih dahulu kode di bawah ini:

/*--Hover--*/ .post img { border-radius: 30px 0 30px 0; -moz-border-radius: 30px 0 30px 0; -webkit-border-radius: 30px 0 30px 0; -o-border-radius: 30px 0 30px 0; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .post img:hover { box-shadow: 1px 1px 10px 3px rgba(0,0,0,0.5); border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0; }

5. Setalah menemukan kode
 

letakan kode tersebut tepat diatas kode
  





6. klik simpan dan lihat hasilnya.

Klik Tombol Print atau Pdf untuk ambil artikel