Teknik Border-Radius Mempercantik Tampilan Gambar Blog

Yang dimaksud disini adalah agar gambar tampil di blog terlihat tidak standar.

---

Cara Penempatan Kode

1. Template >> Edit HTML >> Proceed

   

2. Penempatan kode berada di :

   <b:skin><![CDATA[

   Letakkan Kode disini

   ]]></b:skin>

   
   

   Atau :

   Ketik Ctrl+f dan masukkan kode :

   <b:skin><![CDATA[

   

   Letakkan kode di bawahnya.




Kasus Lain

Jika ada kode "/*" disamping <b:skin><![CDATA[





Di Enter, turunkan kebawah :



Dan sekarang bisa letakkan kode dibawah <b:skin><![CDATA[

---

Pilih Gaya Dan Kode

Melengkung Semua Sisi

img{
border-radius: 55px;
}

Ukuran 55px bisa anda sesuaikan, semakin besar, semakin melengkung.

Tampil Seperti Ketupat

img{
border-radius: 85px 5px;
}

Melengkung Di Sisi Atas

img{
border-radius: 55px 55px 5px 5px;
}

Melengkung Di Sisi Bawah

img{
border-radius: 55px 55px 5px 5px;
}

---

Penjelasan

Ukuran bisa anda sesuaikan selera. Bisa dikurangi atau ditambahkan ukurannya.

---

Credit Gambar Kay Panabaker (kaypanabaker.com) dari Fanpop Kay Panabaker

Artikel Terkait

Teknik Border-Radius Mempercantik Tampilan Gambar Blog

4/ 5

Oleh Hutomo Sungkar

Hutomo Sungkar