Cara Membagi Postingan Di Home Menjadi 2 Kolom

Masih dalam rangka utak atik otak blog atau desain blog kita biar terlihat bagus atau unik atau apa sajalah…….
Nah kali ini kita akan berbagi bagaimana Cara Membagi Postingan Di Home Menjadi 2 Kolom atau seperti gambar di bawah ini :

2kolom post homeKustomisasi halaman posting ini tentu saja bermanfaat untuk memanfaatkan ruang blog yang terbatas menjadi maksimal, karena lebar halaman posting yang defaultnya 1 buah kini bisa menjadi 2 buah, tentu saja dengan konsekuensi tampilan lebar halaman posting di home page menjadi kecil karena ruangnya dibagi menjadi 2 kolom,akan tetapi hal ini tidak berlaku pada halamam page atau pada saat menampilkan url artikel anda,maka halaman posting akan kembali default dengan lebar yang normal.

Ini sih buat anda yang memerlukan atau ingin coba dengan tampilan seperti gambar di atas,mari kita simak,pertama anda

  1. Login ke blogger dengan ID anda.
  2. Klik Rancangan. 
  3. Klik tab Edit HTML.
  4. Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.
  5. Cari kode css .post{ ( masing-masing template kadang berbeda) cari yang seperti ini :

.post{background:#fff;
margin:0.5em 0.5em;
border:0px solid #ccc;}
padding:0.5em;

Jika anda sudah temukan kode tersebut perhatikan perhatikan margin:0.5em 0.5em; kamu tinggal menyisipkan auto pada margin tersebut, sehingga menjadi seperti ini :

.post{background:#fff;
margin:0.5em auto 0.5em;
border:0px solid #ccc;}
padding:0.5em;

Nah kalau sudah anda ganti dan beres kini anda copy kode berikut :

<b:if cond=’data:blog.pageType != &quot;item&quot;’>
<style>
.post {
width:285px;
height:400px;
margin-right:5px;
overflow:hidden;
float:right;
border:3px double #808080;
}.post-body{color:#555;margin: 5px 10px 5px 10px;padding:0;font-family:'tahoma',Helvetica,Sans-serif;font-size:11px;line-height:16px;text-align:justify} </style></b:if>

masih dalam edit HTML anada cari kode ini :  ]]></b:skin> taruh script yang sudah di copy tadi atau di atas persis dibawah kode ini : ]]></b:skin>

Jika sudah selesai, silahkan di preview dulu, jika tidak terjadi masalah , jangan ragu-ragu silahkan save template.

Oke kalau ada pertanyaan silahkan saja hubungi Mang Darno.

salam T-82

Iklan

Komentari

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s