Pada saat kita memilih template yang sesuai dengan blog
kita terkadang ada saja yang terasa kurang salah satunya mungkin tidak
adanya kolom footer untuk widget seperti blog ini. Awalnya dari
template yang asli tidak tersedia kolom footer untuk ditambahkan widget
setelah Klinik Blogger modif sedikit akhirnya berhasil menambah footer 3
kolom . Bagi anda yang malas ganti template atau sudah sreg dengan
template sekarang dan ingin menambah footer 3 kolom, tips ini mungkin
berguna.
Oke, langsung saja ke tutorialnya:
1. Login ke Blogger.
2. Tata Letak >> Edit HTML
3. Centang Kotak Expand Widget Template.
4. lalu cari kode ]]></b:skin> , dan letakkan kode berikut ini di atas kode ]]></b:skin>
5. Kemudian cari kode HTML <div id="footer-wrapper"> atau kode yang sejenis. Kemudian copas kode di bawah ini di atas kode tersebut.
Jangan lupa di simpan.
Kemudian buka menu tata letak, dan cari 3 kolom yang sudah anda buat. Kemudian anda boleh mengisinya dengan widget atau apapun yang anda suka.
Source: klinik-blogger.blogspot.com
Oke, langsung saja ke tutorialnya:
1. Login ke Blogger.
2. Tata Letak >> Edit HTML
3. Centang Kotak Expand Widget Template.
4. lalu cari kode ]]></b:skin> , dan letakkan kode berikut ini di atas kode ]]></b:skin>
/* -- bottom -- */
#bottom {
width:850px;
clear:both;
margin:0 auto;
float:left;
padding:10px 0;
color:#333;
background:#ffffff;
border-top:#ffffff;
border-bottom:#ffffff;
}
#bottom a:link {
color:#006699;
text-decoration:none;
}
#bottom a:hover {
color:#c06000;
text-decoration:underline;
}
#bottom a:visited {
color:#808080;
text-decoration:none;
}
#bottom h2 {
color:#000000;
padding:10px 0 2px 0;
margin:0 0 10px 0;
border-bottom:1px dotted #333;
font-size:11px;
font-weight:bold;
line-height:1.4em;
text-transform:uppercase;
}
#bottom ul {
padding:0;
margin:0;
color:#333;
}
#bottom ul li {
list-style-type:none;
border-bottom:1px dotted #333;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYRp07I2KY71NgXZ_fimBp601kBCLgttqqw_Ku7yhi834MKRQjE1Zy1awWt-cnS-0u8aOJK3hz2JhutjTX7ravizZEglx4D_7ZIqVtqQCOMLPgbgEvOlAgiL9m7YkphTAqxdUGNAXOxrs/s144/Arrobblue.png") no-repeat 0px .17em; padding-left:17px;
margin-top:2px;
}
#bottom1 {
width:260px;
float:left;
padding-left:15px;
}
#bottom2 {
width:260px;
float:left;
padding:0 20px 0 20px;
}
#bottom3 {
width:260px;
float:right;
padding-right:15px;
}
5. Kemudian cari kode HTML <div id="footer-wrapper"> atau kode yang sejenis. Kemudian copas kode di bawah ini di atas kode tersebut.
<div id='bottom'>
<b:section class='bottom' id='bottom1' preferred='yes'/>
<b:section class='bottom' id='bottom2' preferred='yes'/>
<b:section class='bottom' id='bottom3' preferred='yes'/>
</div>
Jangan lupa di simpan.
Kemudian buka menu tata letak, dan cari 3 kolom yang sudah anda buat. Kemudian anda boleh mengisinya dengan widget atau apapun yang anda suka.
Source: klinik-blogger.blogspot.com
Tidak ada komentar:
Posting Komentar