Do you want to share?
Do you like this story?
Hal-hal seperti ini tentu akan membuat penampilan blog yang mungkin sebenarnya berisi sebuah artikel menarik, menjadi kehilangan daya tarik hanya karena 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 enak dilihat. Bagaimana cara melakukannya? Ikuti saja langkah berikut ini :
Mode HTML : KLIK HTML kemudian lihat kode html gambar. Contoh kode gambar sebagai berikut :
1. Contoh kode Gambar
<img border="0" height="145" width="215" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcrQ3uHE_v2Q8n-Ro0uuVzQJFGjPPt_ZOe7zLkUsfDgThHsJmh7kysje1N9BN7OOpfx1_TKwfokbMg_aDZW3NxHMVQm2rELAe57INcaQYThuDFDtnyT0oA91bhdVH0-4-u4sadqNo8WKM/s320/Sukarno.png" />
2. Contoh kode 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/AVvXsEgcrQ3uHE_v2Q8n-Ro0uuVzQJFGjPPt_ZOe7zLkUsfDgThHsJmh7kysje1N9BN7OOpfx1_TKwfokbMg_aDZW3NxHMVQm2rELAe57INcaQYThuDFDtnyT0oA91bhdVH0-4-u4sadqNo8WKM/s320/Sukarno.png" />
3. Maka hasil akhir seperti 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, kode 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 kode menjadi : margin:0 0 5px 20px;
Secara berurutan angka pada margin menyatakan margin bagian atas, margin kanan, margin bawah dan margin kiri. Nilai dalam pixel (px) dan silahkan anda coba untuk merubah sehingga didapatkan nilai yang paling cocok menurut anda.
2 komentar:
boleh nih dicoba...
makasih infonya... :)
mantab sahabat, ijin dicopas
Posting Komentar
Kebijakan Berkomentar akan dihapus, jika tidak sesuai dengan apa yang sudah ditulis dibawah ini:
» Menggunakan bahasa yang tidak sopan (Sara, Pornografi, Menyinggung)
» Duplikat komentar
» Komentar menautkan link secara langsung
» Komentar tidak berkaitan dengan artikel
» Judul Komentar Berupa Promosi