Pasti anda menjumpai blog yang di halaman depan / homepage tampilan untuk tempat posting terbagi menjadi 2 kolom. Tampilan postingan di homepage terbelah menjadi di kolom posting sedangkan kalai Mungkin anda menginginkan blognya khusunya tampilan di homepage menjadi 2 kolom yaitu ruang posting kiri dan ruang posting kanan, tetapi pada halaman lain tempat postingan masih 1 kolom, simak caranya dibawah ini.
Cara membuat postingan di homepage menjadi 2 kolom
1.Login ke blogger
2.Klik Template => Edit HTML
3. Tekan Ctrl+F, cari kode
]]></b:skin>
lalu letakkakn kode berikut dibawahnya<style type='text/css'>
<b:if cond='data:blog.pageType != "item"'>
.post {float:left;margin:0 5px 10px 5px;overflow:hidden;padding:7px 7px 5px;positon:relative;width:274px;height:200px;}
.post h1,.post h2{line-height:1em;margin:0 0 4px;padding:0}
.post h1 a, .post h1 a:visited, .post h1 strong,.post h2 a, .post h2 a:visited, .post h2 strong{font:bold 12px Arial}
.post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover{color:#111;}
.post-body{font:11px Arial;border-top:none;padding-top:0px;background:none;margin: 5px 10px 5px 10px;text-align:left}
</b:if>
</style>
Keterangan :
Teks warna merah silahkan diubah sesuai lebar dan tinggi kolom posting
4. Simpan Template
Demikianlah cara membagi dua kolom postingan di homepage, semoga bermanfaat.
Related Posts
tutorial blog
- How to Use Pokespy
- Cara Membuat Link Download dari MediaFire
- Menambah Elemen Sidebar Sebelah Kiri di Blogspot
- Cara Mendaftar Blog ke Dmoz
- Begini Cara Daftar Blog di Technorati
- Cara Claim Token Di Technorati
- Menyembunyikan Titel Blog Untuk Diganti Logo Di Header
- Membuat Header dan Menu Navigasi Tidak Bergerak (Tetap Diatas)
- Static Pages Blogger Bermasalah? Solusinya Begini
- Memasang Widget Cek No Resi JNE, TIKI, Pos Indonesia
- Membagi Elemen Postingan Blog Menjadi Dua Kolom Tanpa Edit HTML
- Cara Mengganti Template Baru di Blogspot
- Membuat Efek Marquee di Blogspot
- Cara Membuat Tabel dan Thumbnail di Postingan Blog
- Cara Membuat Artikel Terbaru Dengan Thumbnail di Blogspot
- Membuat Related Posts Dengan Thumbnail di Bawah Postingan
- Cara Mengganti Warna Link di Blogspot
- Cara Memberi Tombol Scroll di Kotak Komentar Blog
- Cara Membuat Related Posts Super Cepat
- Cara Pasang Tombol Spoiler di Komentar Blogspot Versi 2
- Cara Memasang Google Translate di Blog
- Cara Membuat Blockquote di Postingan Blog
- Inilah Widget Random Post Fast Loading Plus Thumbnail
- Merubah Tampilan Blog Yang Berbeda Pada Homepage dan Halaman Posting