cara untuk merubah tampilan default bloger dengan cara membagi jadi 2 bagian yaitu sebelah kiri dan kanan.
Kustomisasi halaman posting ini tentu saja bermanfaat untuk memanfaatkan ruang blog yang terbatas menjadi maksimal, karena lebar halaman posting yang defaultnya 1 buah kini bisa menjadi 2 buah, tentu saja dengan konsekuensi tampilan lebar halaman posting di home page menjadi kecil karena ruangnya dibagi menjadi 2 kolom,akan tetapi hal ini tidak berlaku pada halamam page atau pada saat menampilkan url artikel anda, maka halaman posting akan kembali default dengan lebar yang normal.
berikut cara membuat postingan di home page menjadi 2 kolom:
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Klik tab Edit HTML.
4. Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.
5. Cari kode css .post{ ( masing-masing template kadang berbeda) cari yang seperti ini :
.post{background:#fff;
margin:0.5em 0.5em;
border:0px solid #ccc;}
padding:0.5em;
6. Jika anda sudah temukan kode tersebut perhatikan perhatikan margin:0.5em 0.5em; kamu tinggal menyisipkan auto pada margin tersebut, sehingga menjadiseperti ini :
.post{background:#fff;
margin:0.5em auto 0.5em;
border:0px solid #ccc;}
padding:0.5em;
7. Kemudian carilah kode ]]></b:skin>, copy lalu paste kode berikut persis dibawah kode ]]></b:skin>
Jika sudah selesai, silahkan di preview dulu, jika tidak terjadi masalah , jangan ragu-ragu silahkan save template.
silahkan atur ketinggian dan lebar sesuaikan dengan lebar postingan template anda, lihat yang berwarna biru.
NB:berikut cara membuat postingan di home page menjadi 2 kolom:
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Klik tab Edit HTML.
4. Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.
5. Cari kode css .post{ ( masing-masing template kadang berbeda) cari yang seperti ini :
.post{background:#fff;
margin:0.5em 0.5em;
border:0px solid #ccc;}
padding:0.5em;
6. Jika anda sudah temukan kode tersebut perhatikan perhatikan margin:0.5em 0.5em; kamu tinggal menyisipkan auto pada margin tersebut, sehingga menjadiseperti ini :
.post{background:#fff;
margin:0.5em auto 0.5em;
border:0px solid #ccc;}
padding:0.5em;
7. Kemudian carilah kode ]]></b:skin>, copy lalu paste kode berikut persis dibawah kode ]]></b:skin>
<b:if cond='data:blog.pageType != "item"'>
<style>
.post {
width:285px;
height:400px;
margin-right:5px;
overflow:hidden;
float:right;
border:3px double #808080; }.post-body{color:#555;margin: 5px 10px 5px 10px;padding:0;font-family:'tahoma',Helvetica,Sans-serif;font-size:11px;line-height:16px;text-align:justify} </style></b:if>
<style>
.post {
width:285px;
height:400px;
margin-right:5px;
overflow:hidden;
float:right;
border:3px double #808080; }.post-body{color:#555;margin: 5px 10px 5px 10px;padding:0;font-family:'tahoma',Helvetica,Sans-serif;font-size:11px;line-height:16px;text-align:justify} </style></b:if>
Jika sudah selesai, silahkan di preview dulu, jika tidak terjadi masalah , jangan ragu-ragu silahkan save template.
silahkan atur ketinggian dan lebar sesuaikan dengan lebar postingan template anda, lihat yang berwarna biru.