Cara Menambahkan 3 Kolom Di Bawah Header

Cara ini akan sangat berguna untuk modifikasi blog..
jika tertarik ingin membuatnya...langsung aja nyeburrr deh..hhehehehe..
1. Login ke Blogger.
2. Klik Rancangan > Edit HTML.
3.Klik Download Template Lengkap (Download Full Template) » Proses Backup template.
4.Cari kode ]]></b:skin>
5. Copy kode di bawah ini dan paste di atas kode ]]></b:skin>

#box-main-container {
clear:both;
border-bottom:3px double #e6e4e3;
}
.box-column {
padding:0px 10px 10px 10px;
}
6. Selanjutnya cari kode <div id='main-wrapper'>


7. Copy kode di bawah ini dan paste di atas kode tersebut.

<div id='box-main-container'>
<div id='box1' style='width: 33%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 34%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='box3' style='width: 33%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
8.KLIK simpan dan lihat hasilnya..

Happy BLOGGING

Salam buat sobat blogger ... ...

Aku hanyalah seorang cah ndeso dan katro yang kebetulan suka nulis, suka ngenet dan terutama suka uothak-uathik template blogspot. Bila sampeyan menyukai semua yang telah aku coba tulis dan terbitkan, aku hanya berharap bahwa semuanya bisa memberi manfaat dan mungkin juga bisa memberi dorongan untuk terus nglembur, nulis dan selalu memeras otak menuangkan hal-hal baru yang bermanfaat bagi pembaca. O, ....ya ..., Orang-orang atau tetangga sebelah biasa memanggil ku dengan sebutan si katro, "yang suka melek malam dengan asap lintingan tak pernah telat". Yah ... moga-moga saja sampeyan semua nggak ikutan memanggil ku seperti para tetangga sebelah! Makacih, ya, atas kunjungannya. Maap nggak bisa kasih wedang kopi ma roti bolu!

Silahkan buka link di bawah ini untuk mengikuti tutorial menarik lainnya:
http://tio-dhp.blogspot.com/

0 komentar:

Posting Komentar

Diberdayakan oleh Blogger.

© Tutorial Blog, AllRightsReserved.

Designed by Tio Prasetyo