Tampilan Posting 2 Kolom

Untuk membuat tampilan posting sedikit berbeda dari biasanya kita dapat menggunakan model kolom sebagai salah satu bentuk variasi. dengan tampilan kolom posting akan tampak lebin padat sehingga hal ini akan mempengaruhi tampilan blog kita. untuk membuat variasi kolom tidak lah terlalu sulit, syarat utamanya adalah kita mau mencoba.

Terdapat 2 cara untuk membuat variasi kolom pada posting blog. Berikut ini akan disajikan bagaimana cara membuat tampilan posting menjadi 2 kolom :

Cara Pertama

1.      Login ke Blogger

2.      Setelah masuk Dasboard klik New Posting dan klik Edit HTML. Seperti gambar dibawah ini :

3.      Kemudian copy paste scrip dibawah ini :

<style type="text/css">

.kolom {

   margin-top: -30px;

   margin-bottom: 10px;

   padding: 20px;

   background: #fff;

   -moz-column-count: 2;

   -moz-column-gap: 20px;

  -webkit-column-count: 3;

   -webkit-column-gap: 20px;

}

</style>

<div class="kolom">

<b class="bold">Header Kolom 1</b>

Letakkan Artikel/Posting kamu disini.

<b class="bold">Header Kolom 2</b>

Letakkan Artikel/Posting kamu disini.</div>

</div> 

4.      Setelah kamu letakkan artikel kamu pada tempat yang telah ditentukan dan artikel kamu siap untuk di publikasikah maka klik lah Publis Post dan lihatlah hasil posting kamu.

Untuk cara kedua caranya adalah sama dengan yang pertama yang membedakan adalah scripnya saja. Berikut ini adalah script untu cara yang kedua.

<div style="width: 50%; float: left;">Posting 1</div>

<div style="width: 50%; float: right;">Posting 2</div>

copy paste script diatas dan letakkan sama dengan cara yang pertama.

Semoga bermanfaat. :)