Pada posting kali ini saya akan membahas tentang cara pembuatan footer di blog,
sobat ga usah bingung-bingung nyari apa itu footer nah untuk lebih jelasnya lihat contoh gambar digambar footer saya.
- Login keblogger masing-masing
- Pilih Rancangan >> Edit HTML dan jangan lupa centang yang bertuliskan Expand widget template.
- Lalu sobat cari code ]]></b:skin> untuk mempermudah tekan CTRL F
- Kalo udah ketemu copykan code dibawah ini tepat diatasnya ya
/* footer */
#bottom{background:#808080 no-repeat; width:980px; position:outer wraper ; clear:both; margin:0 auto; float:center; padding:25px 0 10px 0; color:#000}
#bottom a:link{color:#FF0000; text-decoration:none}
#bottom a:hover{color:#FF0000; text-decoration:underline}
#bottom a:visited{color:#FF0000; text-decoration:none}
#bottom h2{padding:15px 0 0 10px; margin:0 0 10px 0; font-weight:bold; line-height: ; text-transform:uppercase; border-bottom:0px dotted #000}
h2 {font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height:28px; color:#000; padding-bottom:6px; }
h2 a:link, h2 a:visited{color:#000; font-size:12px;}
#bottom ul{padding:0; margin:0; color:#000}
#bottom ul li{list-style-type:square; border-bottom:0px solid #000; padding-left:5px; margin:3px 0 0 22px}
#left-bottom{width:; float:left; padding-left:22px}
#center-bottom{width:; float:left; padding-left:0px}
#right-bottom{width:; float:left; padding:0 px 0 50px}
#left-bottom2{width:; padding-top:50px; float:left; padding-left:20px}
#center-bottom2{width:980px; font-size:90%; padding-top:50px; float:left; padding-left:30px}
#right-bottom2{width:; padding-top:50px; float:left; padding-left:20px}
#category{width:980px; float:left; padding:0px 0 20px 20px}
#upper-footer{width:550px; margin:0 auto; padding:0px; clear:both;line-height: ; letter-spacing:.0em; font-size:90%; border-top:1px solid #000; padding-top:50px;padding-bottom:0px;}
#footer-wrapper{float:left; margin:0; padding:0; word-wrap:break-word; overflow:hidden}
.credits{margin:0; width:980px; padding:0px 0px 0px; font-size:95%}
- Dan kemudian cari lagi <div id='footer'> sobat ganti dengan kode di bawah ini ya
<!--Start Footer-->
<div id='bottom'>
<b:section class='bottom' id='category' preferred='yes'/>
<b:section class='bottom' id='left-bottom' preferred='yes'/>
<b:section class='bottom' id='center-bottom' preferred='yes'/>
<b:section class='bottom' id='right-bottom' preferred='yes'/>
<div id='upper-footer'>
<div style='float:center; padding-top:0px'>
<font color='#ffffff'>© 2012 </font><font color='#ffffff'><data:blog.title/></font><font color='#ffffff'> is proudly powered by <a href='http://blogger.com'>blogger.com</a> | Template by <a href='http://wong3ndeso.blogspot.com'>wong3ndeso</a></font>
</div>
</div>
</div>
<!--End Footer-->
- Selesai sobat simpan templatenya
Perhatian : Sobat ganti kode yang berwarna orange dengan url yang sobat inginkan
Selamat mencoba dan semoga bermanfaat
Terimakasih
