cara membuat footer pada blogger
Kali ini saya akan menjelaskan tentang Cara Menambahkan Widget Footer pada blog anda, jadi anda yang templatenya tidak ada widget footer tidak usah ganti template lagi. Tinggal mengikuti langkah langkah berikut. Silahkan baca dengan seksama tutorial di bawah ini :
1. Login ke blogger.
2. Template => Edit Html
3. Cari kode ]]></b:skin> menggunakan CTRL + F
4. Kemudian copy-paste code di bawah ini di atas kode ]]></b:skin> :
/* Start 3 Column Footer Widget Code by http://artikeldewawijaya.blogspot.com */
#lower-wrapper{
-moz-box-shadow:0 0 7px rgba(0,0,0,0.5);
background:#fff; margin:10px auto 0;
padding:5px 0px 0px 0px; width:1000px;
border:1px solid #dbe1e6}
#lowerbar-wrapper{
color:#333; float:left; margin:0px auto auto; padding-bottom:20px; width:332px; text-align:justify; font-size:100%; line-height:1.6em; word-wrap:break-word; /* fix for long text
breaking sidebar float in IE */ overflow:hidden; /* fix for long non-text
content breaking IE sidebar float */}
.lowerbar{margin:0;
padding:0}
.lowerbar
.widget{ border-right:1px solid #bbb;border-bottom:1px solid #bbb;
background-color:#fff;margin-bottom:10px}
.lowerbar
.widget-content{padding:5px 5px 5px 15px}
.lowerbar
h2{background:none repeat scroll 0 0 #1C262F;color:#FFF;text-align:center;
padding:4px 10px; margin:0; font-size:8.5pt; font-weight:bold;
text-transform:uppercase}
.main
.Blog{border-bottom-width:0}
.lowerbar
ul{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;list-style-type:none}
.lowerbar
li{margin:0px 0px 2px 0px;padding:0px 0px 1px 20px;border-bottom:1px dashed
#dbe1e6;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhblphajDaO3MT0n1Ju4fUNfYlb1jj-3-HtBg8CD9r4cG3EEGdXBILWm0kt9pHVQvlgXsRJ4N1wJaur8-C9C5EgPnRolRVbnnkZcgXOWPZj-bObSclhGDyy1NzeWOs3pvopT0-56pdt276j/s1600/bullet-point-image-1.png)
no-repeat left}
.lowerbar
a{color:#333;font-size: 12px;
font-family:arial;text-decoration:none;text-decoration:none}
.lowerbar
a:hover{color:#A61111; text-decoration:none}
.lowerbar
a:visited{color:green; text-decoration:none}
/* End 3 Column Footer Widget Code by http://artikeldewawijaya.blogspot.com */
6. Copy-paste kode di bawah ini di atas kode </body> :
<div id='lower'>
<div id='lower-wrapper'>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
</b:section>
</div>
<div style='clear: both;'/>
</div> </div>
7. Klik Simpan Template, kemudian close.
8. Masuk ke Tata Letak & lihat hasil nya .
semoga bermanfaat . ^_^
Postingan
di coba ahh haha :D
BalasHapus