Cara Membuat Kolom Tambah Gadget Di Bawah Header -
Pada post kali ini saya akan menjelaskan tentang Cara Membuat Kolom Tambah Gadget Di Bawah Header atau Membuat Space dibawah Header untuk keperluan anda memasang iklan atau widget lainnya.
Pada saat blogwalking pasti anda sering melihat iklan dibawah header, jika anda ingin membuatnya, maka
dari itu saya memposting artikel Cara Membuat Kolom Tambah Gadget Di Bawah Header .
Tutorial kali ini tentang Membuat 3 Kolom Tambah Gadget Di Bawah Header seperti gambar diatas.
Berikut Caranya:
1.Log in ke blog
2.Pilih Template
3.Edit HTML
4.Centang tulisan Expand Template Widget
5.Cari kode ]]></b:skin> untuk memudahkan pencarian tekan Ctrl+F
6.Setelah kodenya ketemu, copy kode dibawah ini dan paste 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>7.Cari kode <div id='main-wrapper'> atau <div id="main-outer">
8.Setelah ketemu, copy kode dibawah ini dan paste diatas salah satu kode diatas.
<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>
9.Simpan Template
10.Silahkan cek Tata Letak anda apakah sudah ada 3 kolom tambah gadget dibawah header atau belum ?
kalau sudah saya ucapkan selamat..
Sumber :http://hienzo.blogspot.com
0 komentar:
Posting Komentar