Cara Membuat Psting Blog Menjadi 2 Kolom



Contoh Pstingan Blog 2 Kolom
Cara Membuat Psting Blog Menjadi 2 (Dua) Kolom - sahabat blogger, sudah sekian lama bang dadan tidak posting artikel tentang tutorial blogger, nah kali ini bang dadan akan coba membuat artikel tentang Cara Membuat Psting Blog Menjadi 2 Kolom, Postingan ini mungkin sudah banyak yang membuat terutama para master blogger, namun tidak ada salahnya juga bila bang dadan coba membuatnya kembali, karena ada sebagian sahabat blogger juga yang menanyakan hal tersebut, maka dari itu pada postingan kali ini akan coba bang dadan bahas. simak baik - baik ya??

Cara Membuat Psting 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.
Mungkin sekian dulu postingan kali ini tentang Cara Membuat Psting Blog Menjadi 2 Kolom, dan apabila sobat berminat untuk memposting artikel power point di blog, silahkan klik disini. semoga artikel ini bermanfaat buat anda semua.. Salam blogger.
Labels: blogger tutorial

Thanks for reading Cara Membuat Psting Blog Menjadi 2 Kolom. Please share...!

6 Comments on Cara Membuat Psting Blog Menjadi 2 Kolom

  1. kok cuma jadi satu kolom ya mas? cuma lebih kecil dari pada template aslinya?

    ReplyDelete
    Replies
    1. Masa sih mas? saya udah praktekan, dan hasilnya ada 2 kolom. coba mas buat ulang dari awal lagi ya, takut ada yg salah atau ketinggalan.

      Delete
  2. cek disini bos..http://usahafantastic.blogspot.com/2013/07/cara-memasang-jquiry-image-preview.html

    ReplyDelete
  3. saya juga cuma satu kolom mas memanjang ke bawah jadinya

    ReplyDelete
    Replies
    1. Saya waktu nyoba dan berhasil pada template standar bawaan blogger gan. mungkin di template custom gak bisa mungkin.

      Delete

Back To Top