Kamis, 09 Juni 2011

Bagi sobat yang masih bingung memilih template yang mempunyai widget pada footer sebanyak tiga tidak perlu pusing, karena saya disini punya solusinya yang intinya semua template blogger punya widget footer sebanyak 3 yaitu dengan melakukan edit kode xml. caranya cukup mudah kog.

contoh, sebelumnya

setelah diedit

Keuntungannya adalah:
–> Anda dapat menempatkan lebih banyak widget (gadget)
–> Mengubah tampilan sesuai yang anda inginkan

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

1. Jika anda sudah memiliki beberapa widget (gadget) di Footer, harap dihapus terlebih dulu.
Cara menghapusnya:
Login ke Blogger —> LAYOUT —-> Page Element —> Periksa apakah anda memiliki gadget di footer —-> Jika anda menemukannya, klik Edit dan — Hapus

2. Selanjutnya buka LAYOUT —> EDIT HTML dan cari bagian kode berikut:

]]>

Setelah ketemu letakan kode di bawah ini tepat diatas kode warna hijau

#footer-columns {
border-top:1px dotted #999999;
clear:both;
margin:0 auto;
}
.column1 {
padding: 0px 5px 3px 5px;
width: 30%;
float: left;
margin:3px;
text-align: left;
}
.column2 {
padding: 0px 5px 3px 5px;
width: 31%;
float: left;
margin:3px 3px 3px 5px;
text-align: left;
}
.column3 {
padding: 0px 5px 3px 5px;
width: 30%;
float: right;
margin:3px;
text-align: left;
}
.addwidget {
padding: 0 0 0 0;
}
#footer-columns ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
#footer-columns li {
margin:0;
padding-top:0;
padding-left:0;
padding-bottom:.25em;
padding-right:15px;
text-indent:-15px;
line-height:1.5em;
}
body#layout #footer-columns {
width: 100%;
margin-left: auto;
margin-right: auto;
}
body#layout .column1 {
width: 32%;
float: left;
}
body#layout .column2 {
width: 32%;
float: left;
}
body#layout .column3 {
width: 32%;
float: right;
}

Itu adalah CSS style untuk bagian Footer baru. disini kita akan berbicara tentang kustom

Anda hapus kode warna merah diatas, ganti denga kode berikut
















Tidak ada komentar:

Posting Komentar