Saturday, January 21, 2012

CARA MEMBUAT FOOTER BLOG

0 komentar
Cara Membuat Footer Blog
1. login blog
2. rancangan >> edit HTML
3. cari kode ]]></b:skin>
4. lalu tambahin kode dibawah ini diatasnya

/* footer */
#bottom{background:#444 url(http://4.bp.blogspot.com/_C6KkooKXCEw/TICgrtGXyRI/AAAAAAAAGzU/enOVeXD63p0/s1600/buttommenu-c.png) no-repeat; width:900px; position:relative; clear:both; margin:0 auto; float:center; padding:25px 0 10px 0; color:#fff}
#bottom a:link{color:#fff; text-decoration:none}
#bottom a:hover{color:#fff; text-decoration:underline}
#bottom a:visited{color:#C0C0C0; text-decoration:none}
#bottom h2{padding:15px 0 0 10px; margin:0 0 10px 0; font-weight:bold; line-height:1.4em; text-transform:uppercase; border-bottom:0px dotted #fff}
h2 {font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height:28px; color:#fff; padding-bottom:6px; }
h2 a:link, h2 a:visited{color:#666666; font-size:11px;}
#bottom ul{padding:0; margin:0; color:#F93}
#bottom ul li{list-style-type:square; border-bottom:0px solid #626200; padding-left:5px; margin:3px 0 0 22px}
#left-bottom{width:210px; float:left; padding-left:22px}
#center-bottom{width:280px; float:left; padding-left:0px}
#right-bottom{width:330px; float:left; padding:0 5px 0 50px}
#left-bottom2{width:30px; padding-top:16px; float:left; padding-left:20px}
#center-bottom2{width:760px; font-size:90%; padding-top:16px; float:left; padding-left:30px}
#right-bottom2{width:30px; padding-top:16px; float:left; padding-left:20px}
#category{width:860px; float:left; padding:0px 0 20px 20px}
#upper-footer{width:860px; margin:0 auto; padding:0px; clear:both;line-height:1.3em; letter-spacing:.0em; font-size:90%; border-top:1px solid #c0c0c0; padding-top:10px;padding-bottom:20px;}
#footer-wrapper{height:0px; clear:both; margin:0 auto; text-align:left; padding:1px}
.credits{margin:0; width:900px; padding:0px 0px 0px; font-size:95%}

5. lalu cari kode <div id='footer'> dan ganti dengan kode dibawah ini.
<!--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'>&#169; 2011 </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://sandydoank12.blogspot.com'>Gang Tutorial</a></font>
</div>
</div>


</div>
<!--End Footer-->

6. simpan dan coba lihat hasilnya dah nongol belum.... heheheh

sekian artikel Cara Membuat Footer Blog semoga bisa bermanfaat bagi sobat.. ^_^

Leave a Reply