Membuat Postingan Blog Menjadi 2 Kolom

Kali ini saya akan Share Cara Membuat Postingan 2 Kolom di Blog . Mendesain Blog adalah cara yang dilakukan Pemilik/ Admin / Author Blog untuk membuat tampilan blog Menjadi Menarik untuk dilihat . Kali ini saya hanya ingin Memberika Tutorial Sederhana yaitu  Membuat Postingan 2 Kolom di Blog . setelah dulu saya pernah Memberikan Tutorial tentang cara membuat Postingan 2 Kolom di Homepage , .

Mungkin ada beberapa CSS yang Berbeda . Semoga saja Tutorial saya yang satu ini akan berhasil untuk semuanya . Oke langsung saja kecaranya 

Cara Membuat Posting Blog Menjadi 2 Kolom

• Buka Akun Blogger Anda.
• Masuk ke Dashboard.
• Pilih Menu Template ~> Edit HTML
• Cari Kode ]]></b:skin>
• Copy dan Paste kode dibawah ini dibawah kode ]]></b:skin>

Berikut kodenya :

&lt;style type=&#039;text/css&#039;&gt;
&lt;b:if cond=&#039;data:blog.pageType != &amp;quot;item&amp;quot;&#039;&gt;
#main-wrapper {width:620px;padding-left:5px;padding-right:5px;border-right:1px solid #ddd;}
h2.date-header, .jump-link, .feed-links, .post-footer {display:none;}
#blog-pager {width:98%; clear:both;}
.post {margin:.01em 10px 10px 0;background:none;width:250px;height:200px;float:left; border-bottom:3px double #ddd; positon:relative;overflow:hidden;}
.post-body {margin:0.2em 0 .75em;line-height:1.4em;font-size:13px;color:#111;overflow:hidden;}
.post h3 {height:32px;font-size:15px;font-weight:bold;line-height:1.3em;color:#102D57;text-transform:none;font-family:Arial;}
.post h3 a, .post h3 a:visited, .post h3 strong {font-weight:bold;color:#102D57;}
.post h3 strong, .post h3 a:hover {color:#000;text-decoration:underline;}
&lt;/b:if&gt;
&lt;/style&gt;

Silahkan sobat Klik Preview untuk melihat tampilan sementara dan apabila kelihatan sudah sempurna silahkan sobat klik Simpan Template.

Catatan:

• Kode yang Berwarna Biru adalah untuk mengatur Tinggi dari postingan.
• Kode yang Berwarna Merah adalah untuk mengatur Lebar dari postingan.

sampai berjumpa lagi dan salam blogger..