Cara Membuat Atau Menambah 3 Kolom Dibawah Header berhubungan dengan tutorial sebelumnya tentang Cara Membuat Atau Menambah 2 Kolom Dibawah Header. Dari tutorial tersebut kita akan menambahkan sedikit kode untuk Merubahnya menjadi 3 kolom.
Berikut Lankah-Langkah Untuk Menambah 3 Kolom Dibawah Header :
- Pastikan anda sudah login ke akun blogger/blogspot
- Setelah ada berada pada halaman Panel Blog anda Pilih " Template"
- Klik Tombol Edit HTML
- Klik Tombol Proceed atau Tombol Lanjutkan kemudian akan muncul halaman Edit HTML
- Jangan lupa Centang Expand Template Widget.
- Sebelum melakukan Edit HTML download lengkap template anda terlebih dahulu baca dimari
- Sekarang Cari kode ]]></b:skin> (gunakan tombol CTRL + F3 u/ memudahkan pencarian kode)
- Setelah ketemu Copas dan letakan kode berikut diatas kode ]]></b:skin>
<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>- 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>
- Lankah terakhir klik Tombol Simpan Template
- Untuk melihat hasilnya silahkan anda masuk pada halaman Tata Letak atau Layout jika ada Elemen tambahan Diatas Header Seperti dibawah ini berarti lankah-langkah diatas sudah anda lakukan dengan benar
0
Comments
