Cara Menciptakan Border Di Postingan Gambar

Hal-hal ibarat ini tentu akan menciptakan penampilan blog yang mungkin bahu-membahu berisi sebuah artikel menarik, menjadi kehilangan daya tarik hanya alasannya yaitu gambar posting terlihat kurang rapi. Untuk memperbaiki kesalahan tersebut anda cukup Menambahkan KODE HTML yang cukup sederhana dan tidaklah sulit, apa itu..?? "Memberikan Border Di Postingan Gambar" sehingga blog menjadi lebih rapi dan yummy dilihat. Bagaimana cara melakukannya? Ikuti saja langkah berikut ini :

Mode HTML : KLIK HTML lalu lihat instruksi html gambar. Contoh instruksi gambar sebagai berikut :

1. Contoh instruksi Gambar

<img border="0" height="145" width="215" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqZeOyDfs_Tl-GjHtsh3t49F1Yo23qDm3SIY5xwtxrG-SRltyasuMgmWhCTpRJLVzLu459PfXwU3li7lOnXruxJR_kcnfJinC0vn3IOWnSJXsj5DpeX7NXJ0H7wn-gA-sGqBC5y3yTqIQ/s320/Sukarno.png" />

2. Contoh instruksi gambar yang sudah kami modif

<img border="0" height="145" width="215" style="float:left;border:3px solid #555;padding:4px;margin:0 20px 10px 0;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqZeOyDfs_Tl-GjHtsh3t49F1Yo23qDm3SIY5xwtxrG-SRltyasuMgmWhCTpRJLVzLu459PfXwU3li7lOnXruxJR_kcnfJinC0vn3IOWnSJXsj5DpeX7NXJ0H7wn-gA-sGqBC5y3yTqIQ/s320/Sukarno.png" />

3. Maka hasil selesai ibarat gambar dibawah ini.

Keterangan Kode HTML : style="float:left;border:3px solid #555;padding:4px;margin:0 20px 5px 0;

float:left; » Digunakan apabila gambar diletakkan di posisi sebelah kiri. Apabila gambar disebelah kanan, instruksi HTML menjadi : float:right;

Padding » Digunakan untuk membentuk jarak antara gambar dan bingkai gambar. Besaran dalam pixel (px), dimana semakin besar maka jaraknya bertambah lebar.

Margin » Digunakan untuk membentuk jarak antara bingkai gambar dan segala sesuatu di sekitarnya (gambar ataupun teks). margin:0 20px 5px 0; digunakan untuk gambar pada posisi sebelah kiri, sedang apabila di sebelah kanan maka bentuk instruksi menjadi : margin:0 0 5px 20px;

Secara berurutan angka pada margin menyatakan margin bab atas, margin kanan, margin bawah dan margin kiri. Nilai dalam pixel (px) dan silahkan anda coba untuk merubah sehingga didapatkan nilai yang paling cocok berdasarkan anda.