Menambah Radius Border Gambar Ala Skin Design

Membuat sebuah image atau gambar yang kita upload dan share pada posting tidak memilki siku sudut yang tajam, sehingga akan membuat tampilannya lebih keren dan menarik tidaklah bergitu sulit. buatlah sebuah class, yang nantinya akan mengatur properti dari gambar tersebut.

Letakkan class dibawah ini pada kerangka blog tepat diatas @media screen and pertama.

.gambar {position:relative;display:inline-block;background-color:transparent;width:auto;height:auto;border-radius:6px;overflow:hidden}

Sesuaikan width dan height menurut image atau gambar yang yang akan di posting.
Save template.
Kemudian panggil class tersebut pada setiap posting yang berisi gambar dengan cara letakkan kode dibawah ini.

<center><div class="gambar"><img border="0" data-original-height="512" data-original-width="512" height="348" src="XXX" width="348"></div></center>

>Sesuaikan width dan height menurut image atau gambar yang yang akan di posting.
Gantilah XXX dengan url image atau gambar yan akan diposting, kemudian save atau publish.

Result

Itulah tadi cara sederhana untuk membuat image atau gambar yang kita upload dan share pada posting tidak memilki siku sudut yang tajam. Demikian tutorial yang bisa kami sampaikan, jika kurang dipahami silahkan tinggalkan pesan.