Margin Dan Padding Pada Blog

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

 

Margin dan padding blog mempunyai kegunaan 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, ketika kita salah dalam memahami dan memperlihatkan 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 bila kita mengetahui terlebih dahulu apa yang dimaksud dengan border. Border merupakan garis yang membingkai postingan dalam blog kita. Biasanya arahan HTML sebuah border berurutan mulai ukuran border, jenis border, dan warna border.

Contoh : border:1px dotted #000000;
Maksudnya yaitu ;

• Tebal garis border 1px.
• Jenis garis border yaitu dotted (putus-putus).
• Warna border yaitu hitam.
• Untuk keterangan lebih lengkapnya mengenai jenis border dan cara membuatnya sanggup kita lihat di sini.

Margin.

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

Kode HTML untuk margin biasanya tertulis sebagai berikut ;

margin:5px 6px 7px 8px;

Arti dari arahan di atas yaitu ;

1. Jarak sesudah border dengan bab luar sebelah atas yaitu 5px.
2. Jarak sesudah border dengan bab luar sebelah kanan yaitu 6px.
3. Jarak sesudah border dengan bab luar sebelah bawah yaitu 7px.
4. Jarak sesudah border dengan bab luar sebelah kiri yaitu 8px.

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

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

Padding.

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

Kode HTMLnya yaitu sebagai berikut ;

padding:5px 6px 7px 8px;

Arti dari arahan di atas yaitu ;

1. Jarak sesudah border dengan bab dalam sebelah atas yaitu 5px.
2. Jarak sesudah border dengan bab dalam sebelah kanan yaitu 6px.
3. Jarak sesudah border dengan bab dalam sebelah bawah yaitu 7px.
4. Jarak sesudah border dengan bab dalam sebelah kiri yaitu 8px.

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

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

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

Share this post