Mengatur Image/Gambar

Sidebar memiliki ukuran yang berbeda-beda, untuk itu diperlukan penyesuaian terhadap beberapa bagiannya, antara lain :

Mengatur Ukuran Image/Gambar

<img style="border:0px; width:120px; height:50px;" src="URL image 1"/>

Mengatur Letak/Posisi Gambar
tinggal menambahkan

Tengah <center> kemudian ditutup dengan </center>
Kiri <left> kemudian ditutup dengan </left>
Kanan <right>kemudian ditutup dengan </right>

Mengatur Jarak
Memberi Margin Atas Bawah
<img style="border:0px; width:120px; height:50px; margin-top:5px;" src="URL image 1"/>
Perintah margin-top:5px artinya bahwa gambar akan diberi margin ke atas dan ke bawah sebesar 3px

Memberi Margin Atas Bawah - Kanan Kiri
<img style="border:0px; width:120px; height:50px; margin:3px 1px;" src="URL image 1"/>
Perintah margin-top:5px artinya bahwa gambar akan diberi margin ke atas dan ke bawah sebesar 3px, serta ke kanan dan ke kiri sebesar 1px

Keterangan :
Berwarna merah ---> dapat dirubah sesuai kebutuhan.

Hasil/Contoh Prakteknya :
<center>
<img style="border:0px; width:120px; height:50px; margin:3px 1px;" src="http://i831.photobucket.com/albums/zz233/qcux80/logo/cooltext456342228.jpg"/>
<img style="border:0px; width:120px; height:50px; margin:3px 1px;" src="http://i831.photobucket.com/albums/zz233/qcux80/cooltext456022094.gif"/>
<img style="border:0px; width:120px; height:50px; margin:3px 1px;" src="http://i831.photobucket.com/albums/zz233/qcux80/cooltext455996287.gif"/>
</center>

<center>
<img style="border:0px; width:120px; height:50px; margin-top:5px;"src="http://i831.photobucket.com/albums/zz233/qcux80/logo/cooltext456342228.jpg"/><img style="border:0px; width:120px; height:50px; margin-top:5px;"src="http://i831.photobucket.com/albums/zz233/qcux80/cooltext456022094.gif"/>
<img style="border:0px; width:120px; height:50px; margin-top:5px;"src="http://i831.photobucket.com/albums/zz233/qcux80/cooltext455996287.gif"/>
</center>

Related Posts by Categories