Cara Membuat Postingan 2 Kolom di Homepage

Cara Membuat Postingan 2 Kolom di Homepage | Jika kemarin saya sudah posting mengenai Cara Membuat Posting Top Komentator di Blog | Kali ini saya akan posting mengenai Cara Membuat Postingan 2 Kolom di Homepage | Apa maksudnya,,? Untuk lebih jelas sobat bisa perhatikan gambar berikut ini...!!

 Postingan 2 Kolom di Homepage

Sudah tau apa maksudnya. Sekarang kita kembali ke Cara Membuat Postingan 2 Kolom di Homepage Bagaimana setalah sobat telah melihat gambar di atas sobat sudah taukan maksudnya Membuat Postingan 2 Kolom di Homepage  sekarang apakah sobat ingin membuatnya..? Marilah simak tutorial berikut ini..!!!

• Login Ke Blogger
• Pergi ke Template >> Edit HTML
• Setelah itu sobat cari kode ]]></b:skin> Untuk mempermudah sobat bisa gunakan F3 atau Ctrl+F
• Letakan kode di bawah ini tepat di bawah 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:300px;height:265px;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>

Keterangan dari kode di atas :

#main-wrapper {width:620px; : Cocokan dengan #main-wrapper di template blog sobat
width:300px;                            : 300px adalah lebar dari setiap posting yg akan di tampilkan
height:265px;                           : 265px adalah tinggi dari setiap posting yg akan di tampilkan

Cocokan kode kode ditas denagn template blog sobat masing-masing

• Klik Preview terlabih dahulu. Setelah sudah cocok klik simpan

http://luhurfatah10.blogspot.com/2013/01/cara-membuat-postingan-2-kolom-di.html

Artikel Terkait:

Widget dan Tips Blog

• Artikel Terkait atau Related Post Simple, Ringan dan Seo Friendly Widget
• Cara membuat widget Artikel terkait di blog tanpa edit template
• cara menggabungkan ccs dan html
• Membuat Menu Navigasi Bertingkat
• Membuat Navigasi Menu Fixed Full RotateX
• Membuat Menu Wrapper Melayang Di Atas Blog
• Daftar Artikel Terbaru Dalam Menu Navigasi
• Tampilan Menu Navigasi Blog Model Fly Out.
• Membuat Soal Online di Blog
• Cara Memasang Slide Show Postingan Di Blog
• Cara Membuat Slide Show Foto / Gambar Pada Postingan Blog
• Cara Membuat Widget Slidenote / Pesan Notifikasi Untuk Blogger
• Cara Mudah Memasang Komentar Facebook Di samping komentar Blog
• Memasang Widget Random Ayat Al-Quran
• Cara Membuat Sumber Link Otomatis Saat Artikel Di copy Paste
• Cara Mengatasi dan Memulihkan Blog yang di Hack/Deface
• Cara Membuat Email dengan Nama Website sendiri
• Cara Membuat Hosting dan domain Gratis Di IdHostinger
• Membuat Animasi Flash Banner
• Cara Membuat Text Area
• Membuat Scroll Untuk Daftar Link
• Memasang Kategori Untuk Tiap Tulisan
• Memasang read more otomatis
• Memasang Tulisan Terkait
• Cara Mengganti Template Blog di Blogger