Cara Membuat Footer Blog. Bagi sobat-sobat yang mungkin punya template dan mungkin juga template sobat tu belum ada footernya.
Nah sobat gak usah bingung nyari-nyarinya nih soalnya Dunia Internet kali ini mau share mengenaiCara Membuat Footer Blog.
Bagi sobat yang belum tahu apa itu footer nih tak kasih contohnya
contoh Footer blog
pengen tahu cara buatnya??? nih tak kasih tau caranya sob
Cara Membuat Footer Blog
1. login blog
2. rancangan >> edit HTML
3. cari kode ]]></b:skin>
4. lalu tambahin kode dibawah ini diatasnya
sekian artikel Cara Membuat Footer Blog semoga bisa bermanfaat bagi sobat.. ^_^
copy paste by http://vikrymadz.blogspot.com/
Nah sobat gak usah bingung nyari-nyarinya nih soalnya Dunia Internet kali ini mau share mengenaiCara Membuat Footer Blog.
Bagi sobat yang belum tahu apa itu footer nih tak kasih contohnya
contoh Footer blog
Cara Membuat Footer Blog
1. login blog
2. rancangan >> edit HTML
3. cari kode ]]></b:skin>
4. lalu tambahin kode dibawah ini diatasnya
/* footer */5. lalu cari kode <div id='footer'> dan ganti dengan kode dibawah ini.
#bottom{background:#444 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQEd5_YxIxfDsNo26Qq8NG6u_GX2XzhGjPCfxlY7uzMDXT-7yKeJGFcPYF7VjGgBsIAmpkSHEZ6VeYttpcDdKMPmXrjVyJeDapL6dH5EufI0-_3BhQQ9x-ghuE0pU1uf_CgE_HjDGUKfPJ/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%}
<!--Start Footer-->6. simpan dan coba lihat hasilnya dah nongol belum.... heheheh
<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'>© 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-->
sekian artikel Cara Membuat Footer Blog semoga bisa bermanfaat bagi sobat.. ^_^
copy paste by http://vikrymadz.blogspot.com/
Share This Article :
comment 0 komentar
more_vert