Cara menambah kolom widget header, atau
cara membuat kolom widget di header dan kali ini saya berikan cara membuat 2 kolom header, silahkan simak tutorial nya di bawah ini
kolom widget adalah sebuah ruang di dalam rumah website yang letaknya paling atas sejajar dengan judul website atau diatas judul website dan bisa juga di bawah judul dan description.
pokoknya kolom yang ada di atas halaman posting itu masih disebut dengan header, dan sebagai contoh dari kolom widget headernya seperti gambar yang di bawah ini
 |
| kolom widget Headeer |
Pada dasarnya kolom header sudah ada dalam bawaan template akan tetapi kadang kala aksesories untuk website kita yang banyak jadi akirnya ruang widget nya tidak cukup oleh karena itu kita bisa untuk Menambah kolom widget header supaya aksesories yang ingin ditampilkan cukup.
Pada kesempatan saya akan memberikan panduan untuk menambah kolom Header , untuk bisa menambah kolom widget header ini sebenar mudah, anda hanya butuh ketelitian dan kesabaran dalam menambahkan kode script widged tersebut, dan Cara nya seperti di bawah ini :
Cara menambah kolom widget Header
1.buka blog anda dengan alamat blogger.com
2. lalu login ke akun blog masing-masing.
3.klik setelan/desain untuk menuju dashboard blogger,
4.selanjutnya pilih menu template dan klik Edit HTML, Contohnya seperti gambar yang di bawah ini
5.kemudian cari kode di dalam html template anda kode seperti ini ]]></b:skin>
6.lalu kopi kode yang di bawah ini dan pastekan di atas kode ]]></b:skin>
#box-main-container {
clear:both;
}
.box-column {
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
}
7.selanjutnya kopi kode yang di bawah ini dan pastekan di bawah kode <body>
<div id='box-main-container'>
<div id='box1' style='width:
24%; 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:
76%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
8.angka 24 dan 76 itu sebagai ukuran lebar dari kolom header yang dikiri dan di kanan , dan anda bisa menyesuaikan sesuai keinginan anda.
9.selanjutnya simpan template.
10.selesai.
selanjutnya kolom yang sudah anda tambahkan tersebut bisa di pergunakan untuk iklan , gambar atau aksesories anda yang lainya
kolom-kolom atau ruang di sebuah website/blog itu kerangka nya dari yang namanya
Template, dari sebuah template ini lah yang bisa membuat tampilan blog atau website bisa menarik , responsive dan sedap di pandang mata
Demikian panduan blogger tentang
Cara menambah kolom widget header, dan panduan diatas adalah cara menambah 2 kolom header.
Blogger Template Responsive di desain khusus untuk website berplatform blogger , desain super responsive pada desain gambar dan tulisan art...
Cara menambah kolom widget header , atau cara membuat kolom widget di header dan kali ini saya berikan cara membuat 2 kolom header, silahkan...