Dalam postingan ini saya akan menjelaskan bagaimana Cara Menambah 3 Kolom Gadget di bawah footer. Namun, pada dasarnya sudah banyak para blogger yang menulis tentang Cara Menambah 3 Kolom Gadget di bawah footer, tetapi penjelasannya mungkin kurang di fahami oleh pemula. Oleh karena itu, saya akan menjelasakan secara detail tentang Cara Menambah 3 Kolom Gadget di bawah footer. Berikut tutorialnya.
- Login Ke Blog sobat
- Pilih blog yang ingin di tambah gadgetnya
- Kemudian klik template, untuk lebih jelas lihat gambar berikut ini
- Selanjutnya sobat cari kode ]]></b:skin>, dan copy kode script di bawah ini, setelah dicopy, maka pastekan tepat di atas kode ]]></b:skin>
.
#tiga-kotak-bawah {
clear:both;
border-top:3px double #e6e4e3;
}
.kolom-kotak {
padding:0px 10px 10px 10px;
}
clear:both;
border-top:3px double #e6e4e3;
}
.kolom-kotak {
padding:0px 10px 10px 10px;
}
- Selanjutnya, cari kode <div id='footer'>, dan copy kode script di bawah ini, seterusnya pastekan tepat di atas kode <div id='footer'>
<div id='tiga-kotak-bawah'>
<div id='kotak1' style='width: 33%; float: left; margin:0; text-align: left;'>
<b:section class='kolom-kotak' id='kol1' preferred='yes' style='float:left;'/>
</div>
<div id='kotak2' style='width: 34%; float: left; margin:0; text-align: left;'>
<b:section class='kolom-kotak' id='kol2' preferred='yes' style='float:left;'/>
</div>
<div id='kotak3' style='width: 33%; float: right; margin:0; text-align: left;'>
<b:section class='kolom-kotak' id='kol3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
<div id='kotak1' style='width: 33%; float: left; margin:0; text-align: left;'>
<b:section class='kolom-kotak' id='kol1' preferred='yes' style='float:left;'/>
</div>
<div id='kotak2' style='width: 34%; float: left; margin:0; text-align: left;'>
<b:section class='kolom-kotak' id='kol2' preferred='yes' style='float:left;'/>
</div>
<div id='kotak3' style='width: 33%; float: right; margin:0; text-align: left;'>
<b:section class='kolom-kotak' id='kol3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
- Selanjutnya, lakukan pratinjau terlebih dahulu, jika tidak ada masalah dengan blog anda lanjutkan dengan simpan








0 komentar:
Post a Comment