widget

Tuesday, January 14, 2014

Cara Membuat Kolom Postingan Blog Menjadi Dua Kolom

Cara Membuat Kolom Postingan Blog Menjadi Dua Kolom di Homepage- Kolom postingan blog di homepage biasanya hanya 1 kolom. Tetapi kolom tersebut dapat kita tambah agar menjadi 2 kolom. Dengan membuat kolom postingan blog menjadi dua kolom di homepage, kita dapat menampilkan lebih banyak posting tanpa menyita halaman homepage. Cara membuat kolom postingan blog menjadi 2 kolom di homepage tidaklah sulit, contoh hasilnya seperti berikut.















Untuk membuat kolom postingan blog menjadi 2 kolom di homepage kalian dapat mengikuti langkah-langkah berikut ini.
Cara Membuat Kolom Postingan Blog Menjadi 2 Kolom di Homepage:
1. Login ke Blogger.com
2. Pilih template kemudian edit HTML
3. Cari kode ]]></b:skin>  gunakan CTRL+F untuk mempermudah pencarian
4. Copy dan paste kode di bawah ini dan letakkan 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: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>


5. Sesuaikan tinggi dan lebarnya, kemudian simpan

Sekarang kolom postingan blog kalian sudah menjadi dua kolomm di homepage. Semoga artikel kali ini bermanfaat.-Cara Membuat Kolom Postingan Blog Menjadi Dua Kolom di Homepage

No comments:

Post a Comment

Powered by Blogger.