Ayo kita Mulai dengan Basmalah ....!!!:
* Login ke blogger dengan ID Anda
* Jika sudah berhasil login klik link Nama Blog Anda >> Template ~ sebelum melakukan perubahan atau update kode HTML template sebaiknya backup terlebih dahulu template Anda, lihat artikel Cara Backup dan Restore Template Blogger
* Selanjutnya klik Template >> Edit HTML >> Proceed
* Jangan lupa beri tanda mark ✔ (check/centang) pada kotak Expand Template Widget kemudian cari kode ]]></b:skin>
* Copy kode di bawah ini dan paste tepat diatas kode ]]></b:skin>
#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
}
* Selanjutnya cari kode <div id='footer-wrapper'> atau kode <div class='footer-outer'> kemungkinan akan berbeda untuk setiap template mengingat beragamnya template yang digunakan oleh para blogger, lalu pilih salah satu kode di bawah ini (sesuai kebutuhan), copy kode ini dan paste atau tempatkan di bawahnya (catatan : jika anda tidak menemukannya pusatkan saja perhatian pada kata footer)
Script untuk menambahkan 2 kolom Add a Gadget :
<div id='footer-column-divide'>
<div id='footer1' style='width: 50%; float:left; margin:0; text-align:left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer2' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div style='clear:both;'/>
</div>
Script untuk menambahkan 3 kolom Add a Gadget :
<div id='footer-column-divide'>
<div id='footer1' style='width: 33%; float:left; margin:0; text-align:left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer2' style='width: 33%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 33%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
Script untuk menambahkan 4 kolom Add a Gadget :
<div id='footer-column-divide'>
<div id='footer1' style='width: 25%; float:left; margin:0; text-align:left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer2' style='width: 25%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 25%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div id='footer4' style='width: 25%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col4' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
* Untuk menyimpan perubahan klik button Save template
Periksa layout template anda seperti gambar di bawah ini, jika berhasil ucapkan Alhamdulillah... Sekarang Anda sudah dapat menambahkan gadget pada bagian footer blog Anda dan untuk menambahkannya lihat artikel Cara Menambahkan Gadget di Blog
Sekian Postingan kali ini
Sumber
Related Post:
Widget by [ girayraspati ]
Posted in: Tutorial Blogger
