Memberi Efek Ketupat Pada Blog

Nah sekarang bagaimana cara memberikan efek ketupat seperti di bawah ini.


Langsung saja, untuk membuat efek seperti di atas tutorialnya seperti ini: Masuk ke akun blogger terlebih dahulu ==> Pergi ke Rancangan Template ==> Edit HTML==>
Kemudian cari kode ]]></b:skin> ==> Lalu pastekan script di bawah ini tepat di atasnya kode ]]></b:skin> ==> setelah itu save
/*--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;
}
Selamat Mencoba....!!!!