Membuat 1 Kolom Di Bawah Header
19.13Menambah 3 kolom di bawah header
1. Masuk ke akun bloggger anda.
2. Klik Layout/Template (New) > Klik Edit HTML.
3. Beri tanda centang pada Expand Widget Template.
4. Sekarang Cari kode ]]></b:skin>.
5. Setelah ketemu Copas dan letakan kode berikut diatas kode ]]></b:skin>.
<div id="box3" style="float: left; margin:
0; text-align: left; width: 35%;"> <b:section class="box-widget"
id="col3" preferred="yes" style="float: left;">
</b:section></div>
6. Selanjutnya Cari kode <div id='main-wrapper'> atau <div id="main-outer">
7. Copas kode dibawah ini dan letakan diatas salah satu kode <div id='main-wrapper'> atau <div id="main-outer">.
<div id='box-kolom-widget'> <div
id='box1' style='width: 35%; float: left; margin:0; text-align:
left;'> <b:section class='box-widget' id='col1' preferred='yes'
style='float:left;'/> </div> <div id='box2' style='width:
30%; float: left; margin:0; text-align: left;'> <b:section
class='box-widget' id='col2' preferred='yes' style='float:left;'/>
</div> <div id='box3' style='width: 35%; float: left; margin:0;
text-align: left;'> <b:section class='box-widget' id='col3'
preferred='yes' style='float:left;'/> </div> <div
style='clear:both;'/> </div>
8. Langkah terakhir klik Tombol Simpan Template.
9. Selesai dan lihat hasilnya. Untuk melihat hasilnya silahkan anda masuk pada halaman Tata Letak atau Layout.
Menambah 1 kolom di bawah header
1. Masuk ke akun bloggger anda.
2. Klik Layout/Template (New) > Klik Edit HTML.
3. Beri tanda centang pada Expand Widget Template.
4. Sekarang Cari kode ]]></b:skin>.
5. Setelah ketemu Copas dan letakan kode berikut diatas kode ]]></b:skin>.
<div id="box1" style="float: left; margin:
0; text-align: left; width: 100%;"> <b:section class="box-widget"
id="col1" preferred="yes" style="float: left;">
</b:section></div>
6. Selanjutnya Cari kode <div id='main-wrapper'> atau <div id="main-outer">
7. Copas kode dibawah ini dan letakan diatas salah satu kode <div id='main-wrapper'> atau <div id="main-outer">.
<div id='box-kolom-widget'> <div id='box1' style='width: 100%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col1' preferred='yes' style='float:left;'/></div> <div style='clear:both;'/> </div>
8. Langkah terakhir klik Tombol Simpan Template.
9. Selesai dan lihat hasilnya. Untuk melihat hasilnya silahkan anda masuk pada halaman Tata Letak atau Layout. Semoga bermanfaat artikel cara membuat 1 kolom di bawah header ini..
0 komentar