Membuat Gadget Baru Dalam Blog

Pembuatan widget dalam blog akan memudahkan kamu untuk menambah berbagai macam tools yang menarik. Dengan cara ini kamu dapat menjadikan tampilan menjadi lebih ramai.

Membuat Colom Gadget Baru :

1. Masuk ke blogger dan Pilih template lalu Edit HTML.

2. Lalu Centang Expand Widget Template.

3. Tekan CTRL+F, lalu cari code ini  ]]></b:skin>

4.Taruhlah code dibawah ini dengan posisi diatas ]]></b:skin> :

#box-main-container {
clear:both;
}
.box-column {
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
}

5. Kemudian carilah code ini
<div id='bottom'>
 <div id='sidebar-wrapper'>
<div id='main-wrapper'>
 <div id='header'>
<div id='content-wrapper'>

Bila sudah ketemu, letakkan kode HTML di bawah ini di Atas  atau di bawah salah satu kode tadi. Terserah kamu ingin diatas atau dibawah.

<div id='box-main-container'>
<div id='box1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='Mediablogger1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 50%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='Mediablogger2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

Keterangan :

<div id='bottom'> biasanya posisi bawah.

<div id='sidebar-wrapper'> biasanya posisi sidebar.

<div id='main-wrapper'> biasanya posisi halaman utama blog.

<div id='header'> biasanya judul blog

<div id='content-wrapper'> biasanya posisi postingan.

6. Selesai.

Perhatikanlah urutan code diatas.