Macam Ukuran Margin Padding Blog

Macam Ukuran Margin Padding Blog - Kita semua tahu apa itu margin dan padding blog. Margin dan Padding merupakan satu dari ratusan kode yang ada didalam kode template blog dan pembentuk tampilan blog. Margin dan Padding sangat mudah digunakan, namun meskipun mudah, terkadang kita sedikit bingung dengan cara pengaturan dan menerapkannya kedalam template blog. Dan pada artikel ini, saya akan menjelaskan secara lengkap tentang macam macam ukuran margin dan padding blog ini

Margin Blog
Secara umum, margin blog adalah ruang atau jarak antara beberapa element blog, seperti ruang atau jarak antara header dengan kolom posting, bagian posting dengan sidebar, bagian posting dengan footer atau jarak dari bagian element itu sendiri.
Disini, saya tidak mengartikan margin blog itu sebagai jarak terluar dari element blog karena margin blog bisa berdiri sendiri meskipun secara defaultnya margin blog selalu disertai oleh padding blog

Margin Dalam Kode Layout Blogger Template
Secara umum juga, kita juga telah mengetahui bahwa kode dasar dari layout (tampilan) dari template blog ada 2 yaitu:

• dan untuk layout tampilan Blogger yang baru, dan
• untuk layout tampilan Blogger lama

Sehingga dalam penggunaannya kedalam kode layout Blogger template tersebut, margin blog adalah sama.

Fungsi margin blog
Wuih ada fungsi juga yak? setiap kode template yang terpasang tentu memiliki fungsi yang berbeda, begitu juga dengan margin blog atau padding blog. Margin dan padding berfungsi sebagai untuk mengatur tata letak setiap element blog agar menjadi lebih rapi dan teratur. Jika margin atau padding blog ini tidak ada maka, setiap element blog akan menjadi satu dan bertumpuk-tumpuk sehingga membuat tampilan blog tidak teratur

Penulisan Kode Margin Blog
Seperti halnya sebuah ukuran, penulisan kode margin blog adalah sangat unik karena dari setiap ukuran mewakili setiap sisi-sisi yang digunakan bahkan memiliki ukuran yang sama. Dan untuk penulisan kodenya adalah seperti berikut;
cara membaca nilai pada kode margin adalah mulai dari top >> right >> bottom >>left atau seperti contoh berikut ini;

margin:top right bottom left;
margin:5px;
margin:5px 4px;
margin:5px 4px 3px;
margin:5px 4px 3px 2px;
margin:5px auto 2px;

Apa Maksud dari kode margin blog diatas? Mari kita pelajari bersama mengenai kode margin blog diatas

Box {
margin-top:5px;
margin-right:5px;
margin-bottom:5px;
margin-left:5px;
}

Karena memiliki ukuran yang sama maka kode margin diatas bisa disederhanakan lagi menjadi

Box {
margin:5px;
}

Box {
margin-top:5px;
margin-right:4px;
margin-bottom:5px;
margin-left:4px;
}

Kode margin blog diatas bisa disederhanakan lagi menjadi

Box {
margin:5px 4px;
}

Box {
margin-top:5px;
margin-right:4px;
margin-bottom:5px;
margin-left:4px;
}

Kode margin blog diatas bisa disederhanakan lagi menjadi

Box {
margin:5px 4px 5px;
}

Box {
margin-top:5px;
margin-right:4px;
margin-bottom:3px;
margin-left:2px;
}

Kode margin blog diatas bisa disederhanakan lagi menjadi

Box {
margin:5px 4px 3px 2px;
}

Box {
margin:5px auto 2px;
}

Jika dijabarkan maka kode margin diatas bisa ditulis seperti berikut

Box {
margin-top:5px;
margin-right:auto;
margin-bottom:2px;
margin-left:auto;
}

Bagaimana? Dari beberapa contoh kode margin blog diatas, saya yakin sobat menemukan salah satu diantaranya. dan itulah beberapa kode margin blog yang biasa digunakan. Semoga artikel ini memberikan manfaat bagi kita semua dan jika ada yang mau didiskusikan silahkan tinggalkan komentar sobat untuk artikel ini, Macam Ukuran Margin Padding Blog