Hey para reader semua......, kali ini ane akan membuat postingan tentang bagaimana caranya menambah 1 kolom di atas postingan. Ane awalnya cuman mau ber-experimen aja eh ternyata berhasil....(alhamdulillah)
Begini hasilnya.....
Langsung aja ya...
Hal yang wajib pertama kali sebelum edit-mengedit script adalah membuka akun blogger anda. (hehehehe semua juga tahu...)
- Buka akun blogger anda.
- Masuk ke template > Edit HTML.
- Cari kode ]]></b:skin> dan copy kan kode css di bawah ini diatas kode ]]></b:skin>.
#magazine-column-container h2{color:#111;font:bold 13px/13px Verdana,sans-serif;margin-bottom:5px;border-bottom:1px solid silver;padding:0 0 5px;text-transform:uppercase;}
#magazine-column-container ul{list-style-type:circle;margin:10px;padding:10px}
#magazine-column-container ul li{border-bottom:1px solid silver;line-height:1.5em;text-align:left;list-style-type:auto;margin:0;padding:2px 0}
.magazine-column {padding: 4px 10px;}
#magazine-center{margin-top:10px;float:center;}
- Kemudian cari code <div id='main-wrapper'>.
- Copy kode di bawah ini di bawahnya.
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='magazine-column-container'>
<div id='magazine-left' style='width: 48%; float: left; margin:0; text-align: left;'>
<b:section class='magazine-column' id='col31' preferred='yes' style='float:left;'/>
</div>
</div>
<div style='clear: both;'/>
</b:if>
- Kemudian simpan template.
0 comments:
Post a Comment
Berkomentarlah dengan baik jangan berkomentar yang bersifat menjatuhkan
terima kasih