Pages

Ads 468x60px

Selasa, 24 November 2009

Mendayagunakan Margin pada Posting Gambar


Margin pada sebuah posting gambar atau photo sering kali tidak begitu diperhatikan dan dimanfaatkan dengan baik oleh para blogger saat melakukan posting, karena pemahaman yang kurang tentang KODE HTML, khususnya yang berkaitan dengan margin. Keteledoran ini mengakibatkan gambar atau photo terpostingkan begitu saja tanpa ada upaya untuk membuat penataan dengan memanfaatkan margin yang tersedia. Pada dasarnya, besaran angka margin merupakan nilai yang digunakan untuk mengatur jarak antara suatu bidang dengan bidang yang lain, yang pada penggunaanya memberi keleluasaan blogger untuk mengatur jarak pada ke 4 sisi bidang. Margin atas untuk mengatur jarak bagian atas, margin kanan untuk mengatur jarak bagian kanan, margin bawah untuk mengatur jarak dengan bidang di bawahnya dan margin kiri digunakan untuk mengatur jarak dengan bidang (garis, gambar atau teks) yang berada di sebelah kirinya. Pengaturan margin memungkinkan blogger untuk membuat penataan yang diinginkan saat melakukan posting gambar ataupun photo yang disertai teks. Hal yang perlu diperhatikan adalah, pengaturan margin untuk penataan gambar hanya bisa dilakukan pada saat dilakukan posting pada menu POSTING EDIT HTML.

Contoh KODE Gambar atau Photo pada menu Posting Edit HTML:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTAIy-ytOmbt2syIMdpxoAW0oBQ6hL7LMFS4obqBNijCx77tJ7LFKQRGjFBB_HOuwqecx5Y3ZkVTGcY3F2lqtr_h45NEB2wcxNCt5Z72gNTOnYyUDmyXkjXb_UtEfoTkglMwbyMH1iJkU/s1600/lamborghini_007.jpg"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 150px; height: 110px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTAIy-ytOmbt2syIMdpxoAW0oBQ6hL7LMFS4obqBNijCx77tJ7LFKQRGjFBB_HOuwqecx5Y3ZkVTGcY3F2lqtr_h45NEB2wcxNCt5Z72gNTOnYyUDmyXkjXb_UtEfoTkglMwbyMH1iJkU/s200/lamborghini_007.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5407694479103270130" /></a>

- Apabila KODE gambar ini dipergunakan seperti apa adanya, maka pola susunan gambar yang di hasilkan saat posting adalah seperti di bawah ini :




Gambar posting yang di buat tanpa perubahan nilai margin akan menghasilkan pola tampilan gambar dan teks seperti ini.
Pada posting ini terlihat betapa gambar bagian atas terlihat terlalu menonjol ke atas melebihi teks

- Pemanfaatan margin untuk merubah pola tampilan (posisi gambar) :




Penataan posisi gambar bisa dilakukan dengan cara merubah nilai margin untuk memperoleh pola penataan yang tertata dan sesuai sehingga mampu memberikan penampilan yang indah serta rapi.

margin yang dipergunakan pada gambar di sebelah adalah : margin: 25px 20px 10px 20px;


- Pemanfaatan penggunaan margin akan lebih terasakan pada saat dalam satu posting menampilkan lebih dari satu gambar/photo.

0 komentar:

Posting Komentar