Skip to main content

Margin Dan Padding Pada Blog

Bagi sebagian blogger di antara kita pasti ada yang sudah kenal dengan istilah margin dan padding dalam blog. Hal ini terutama dapat kita ketahui dari blogger yang gemar mengutak-atik template blog miliknya. Karena, secara langsung maupun tidak langsung saat kita memodifikasi template blog pasti akan berkaitan dengan margin dan padding blog ini.

 

Margin dan padding blog berguna untuk mengatur tampilan dalam postingan blog kita. Dengan pengaturan margin dan padding yang pas, maka tampilan postingan dalam blog kita pun akan semakin terlihat menawan. Akan tetapi, saat kita salah dalam memahami dan memberikan pengaturan margin dan padding ini, bisa-bisa tampilan blog kita menjadi kacau, rumit, dan tidak sedap untuk dipandang mata.

Sebelum membahas mengenai margin dan padding, ada baiknya jika kita mengetahui terlebih dahulu apa yang dimaksud dengan border. Border merupakan garis yang membingkai postingan dalam blog kita. Biasanya kode HTML sebuah border berurutan mulai ukuran border, jenis border, dan warna border.

Contoh : border:1px dotted #000000;
Maksudnya adalah ;
  • Tebal garis border 1px.
  • Jenis garis border adalah dotted (putus-putus).
  • Warna border adalah hitam.
  • Untuk keterangan lebih lengkapnya mengenai jenis border dan cara membuatnya dapat kita lihat di sini.

Margin.

Berdasarkan pada ilustrasi gambar di atas dapat kita ketahui jika margin merupakan jarak antara border dengan sisi luarnya.

Kode HTML untuk margin biasanya tertulis sebagai berikut ;

margin:5px 6px 7px 8px;

Arti dari kode di atas yaitu ;
  1. Jarak setelah border dengan bagian luar sebelah atas adalah 5px.
  2. Jarak setelah border dengan bagian luar sebelah kanan adalah 6px.
  3. Jarak setelah border dengan bagian luar sebelah bawah adalah 7px.
  4. Jarak setelah border dengan bagian luar sebelah kiri adalah 8px.

Ukuran pada margin melingkar searah perputaran jarum jam, dari atas, kanan, bawah, dan kiri. Selain itu, penulisan margin juga dapat dipisah menjadi satu per satu setiap bagian.

Untuk margin atas, kode HTMLnya adalah margin-top:5px.
Untuk margin kanan, kode HTMLnya adalah margin-right:5px.
Untuk margin bawah, kode HTMLnya adalah margin-bottom:5px.
Untuk margin kiri, kode HTMLnya adalah margin-left:5px.

Padding.

Padding merupakan jarak border dengan bagian dalamnya atau jarak komponen body dengan border.

Kode HTMLnya adalah sebagai berikut ;

padding:5px 6px 7px 8px;

Arti dari kode di atas yaitu ;
  1. Jarak setelah border dengan bagian dalam sebelah atas adalah 5px.
  2. Jarak setelah border dengan bagian dalam sebelah kanan adalah 6px.
  3. Jarak setelah border dengan bagian dalam sebelah bawah adalah 7px.
  4. Jarak setelah border dengan bagian dalam sebelah kiri adalah 8px.

Ukuran pada padding juga sama seperti margin dengan melingkar searah perputaran jarum jam, dari atas, kanan, bawah, dan kiri. Selain itu, penulisan padding juga dapat dipisah menjadi satu per satu setiap bagian.

Untuk padding atas, kode HTMLnya adalah padding-top:5px.
Untuk padding kanan, kode HTMLnya adalah padding-right:5px.
Untuk padding bawah, kode HTMLnya adalah padding-bottom:5px.
Untuk padding kiri, kode HTMLnya adalah padding-left:5px.

Nah, sekarang sudah jelas bukan bahasan mengenai margin dan padding blog ini?
Kalau masih ada yang belum jelas dan merasa kesulitan silakan ditanyakan lewat kotak komentar ya kawan..
Mari kita saling berbagi pengetahuan!
Salam blogger!
Labels:

Comments

Post a Comment

Popular posts from this blog

Sherlock Holmes

Penampilan terbaru dari tokoh terkenal karya Arthur Conan Doyle, Sherlock Holmes berkisah tentang petualangan terbaru Holmes (Robert Downey Jr.) dan mitra setianya Watson (Jude Law) Mempertunjukkan kepandaiannya sebagai seorang intelektual, Holmes bertarung lebih hebat dari sebelumnya untuk menjatuhkan musuh barunya dan mengungkapkan sebuah rencana berbahaya yang dapat menghancurkan Negara tersebut Jenis Film : Drama/adventure Produser : Joel Silver, Susan Downey, Lionel Wigram Produksi : Warner Bros. Pictures Homepage : http://sherlock-holmes-movie.warnerbros.com/ Durasi : 139 Pemain : Robert Downey Jr. ...
Post a Comment
Read more

Cara Mengetahui Malware Pada Blog

Mengetahui Malware Pada Blog – Blog yang disusupi malware sangat berbahaya bagi pembaca yang mengunjunginya. Karena dengan malware yang berada di blog tersebut, bisa saja malware yang berada dalam sebuah blog yang kita kunjungi berbalik menyerang komputer yang sedang kita gunakan untuk mengakses sebuah blog yang terkena malware. Akibatnya, komputer kita menjadi bermasalah dan tidak mampu lagi melakukan fungsi kerja secara maksimal. Malware merupakan sebuah program jahat yang digunakan untuk mendeteksi kelemahan sebuah software atau sistem operasi tertentu. Ketika sebuah blog terkena malware maka sebenarnya blog tersebut sedang diteliti di mana celah kelemahannya. Selain itu, malware juga melakukan aktivitas tertentu yang berbahaya lainnya seperti mengirimkan pesan informasi tertentu mengenai blog kita tanpa sepengetahuan kita sebagai admin. Sumber penyebab munculnya malware pada blog kita sebagian besar berasal dari penggunaan script yang bermasalah. Pada kondisi tertentu, script ter...
Post a Comment
Read more

SUAMI ISTRI PUAS

WWW.KANGJAMALBISNIS.BLOGSPOT.COM PENGOBATAN IMPOTENSI dan untuk kepuasan batin silakan klik di sini Berikut ini kami akan memberikan beberapa macam cara atau beberapa langkah-langkah efektif yang dapat digunakan untuk mengatasi gangguan kejantanan atau juga untuk pengobatan impotensi. 1. RAMUAN AJAIB ( KUAT SEX ) Bahan : Kuning telur ayam kampung 1 butir, pati kunyit, lada hitam, minyak wijen, bawang putih, madu. Ket. : Semua bahan adalah 1 takaran ( satu ukuran ), misal : satu sendok besar, ya sama semua ukurannya. Untuk kunyit, lada hitam dan bawang putih, masing-masing telah diparut / dihancurkan. Caranya : campurkan semua bahan, minum selama 3 hari ( Rabu, Kamis, dan Jum’at ). Tiap sore / malam. 2. JANTAN PERKASA ( KUAT SEX SEMALAM SUNTUK / ANTI EJAKULASI DINI / KEPERKASAAN KUAT 4 JAM LEBIH ) Caranya : Pada pagi hari anda beli sepotong/sedikit daging kambing yang warnanya paling merah diantara sekian daging yang ada ditubuh kambing yang anda beli tadi. Pada malam...
Post a Comment
Read more