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>
<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
#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;}
</b:if>
</style>
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...!
kok cuma jadi satu kolom ya mas? cuma lebih kecil dari pada template aslinya?
ReplyDeleteMasa sih mas? saya udah praktekan, dan hasilnya ada 2 kolom. coba mas buat ulang dari awal lagi ya, takut ada yg salah atau ketinggalan.
Deletecek disini bos..http://usahafantastic.blogspot.com/2013/07/cara-memasang-jquiry-image-preview.html
ReplyDeletesaya juga cuma satu kolom mas memanjang ke bawah jadinya
ReplyDeleteSaya waktu nyoba dan berhasil pada template standar bawaan blogger gan. mungkin di template custom gak bisa mungkin.
Deletejos hu
ReplyDelete