Moto GP News
Home > Trik Blog > Cara Membuat 3 Kolom Di Bawah Header
Cara Membuat 3 Kolom Di Bawah Header
Cara Membuat 3 Kolom Di Bawah Header - Cara Menambahkan 3 Kolom Di Bawah Header - postingan saya sekayu agency kali ini kita akan membahas sedikit cara memodifikasi blog yaitu Cara Membuat 3 Kolom Di Bawah Header, Biasanya 3 kolom ini digunakan sebagai space iklan. Selain digunakan sebagai space iklan, 3 kolom ini juga bisa digunakan sebagai daftar artikel, daftar link dan sebagainya. Nah langsung aja yuk kita cari tau Cara Membuat atau Menambah 3 Kolom Di Bawah Header :
Cara Membuat 3 Kolom Di Bawah Header :
- Login ke blog kita.
- Setelah login, masuk ke Rancangan.
- Kemudian klik Edit HTML.
- Sekarang Cari kode ]]></b:skin>
- Setelah ketemu Copas dan letakan kode berikut dibawah ini 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>
<b:section class="box-widget" id="col3" preferred="yes" style="float: left;">
</b:section></div>
- Selanjutnya Cari kode <div id='main-wrapper'> atau <div id="main-outer">
- 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>
<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>
- Pratijau dulu jika tidak error klik Tombol Simpan Template.
- Selesai dan lihat hasilnya.
Untuk melihat hasilnya silahkan anda masuk pada halaman Tata Letak atau Layout. Semoga bermanfaat Artikel Cara Membuat 3 Kolom Di Bawah Header, Terima kasih.
Entri Populer
-
Kata Kata Mutiara | Kata Kata Bijak- kumpulan kata mutiara terbaik Terbaru Penuh Makna. Kata-kata Mutiara terbaru, terlengkap, terbaik dan ...
-
Pemanfaatan Daun Kelapa di Jadikan Sapu Lidi - Daun kelapa atau di sebut Pelepah kalau bahasa daerah saya yaitu sekayu, pernahkah anda me...
-
Arti Tangisan Seorang Wanita - Apa itu Tangisan Seorang Wanita - Tangisan Seorang Wanita - ya inilah yang bisa kita temukan dalam kehidupa...
-
Artis Indonesia Menikah Menikah Beda Usia - Inilah artis indonesia yang menikah beda usia,Artis Indonesia Menikah Beda Usia,namun tidak men...