Sudah berhari hari blog ini gak di update karena kesibukan di kerjaan, untuk para sobat kali ini saya posting cara untuk memodifikasi footer blog agar menjadi lebih elegan.
Ini cara nya:
- Baca Basmallah
- Masuk ke akun blogger anda
- Langsung masuk ke Dashboard > Template > Edit HTML > Lanjutkan
- Centang tanda expand template widget
- Hapus dulu kode CSS footer anda sebelumnya, cari kode #footer-warp, jika tidak ada langsung pada langkah selanjutnya
- Cari kode ]]></b:skin>
- Copy kode dibawah ini, Paste di atas kode ]]></b:skin>
- #footer-wrap{background:#FCFCFC}#footer{background:#fbfbfb;height:50px;padding:25px 35px 20px;border-top:1px solid #eee;text-decoration:none}#footer-column-container{clear:both;padding:0px 0px 10px 0px;background:#fff;color:#FFF}#footer-column-container a{text-decoration:none;color:#FFF}#footer-column-container a:hover{text-decoration:none;color:#FFF}#footer-column-container h2{color:#FFF;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ9M1e1QBJg4jAVXj09oUlbZRA0HhlW1bCNdOpYbbod3kNaPEzpmUXCn0mZtmWnswOWlq1sm4q8V807dyjX7kxRHO7NQbePZwQXLG6so98RJ6I6nHt07as4ecfDxG1Idp0WO8ENCsLTwSt/s1600/widget-title-bg.png) left top repeat-x;font-size:16px;line-height:16px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;margin:0 0 5px 0;padding:8px 0 7px 10px;text-transform:uppercase}#footer-column-container ul{list-style-type:none;list-style:none;margin:0px;padding:0px}#footer-column-container ul li{padding:6px 0 6px 10px;margin:0;background:#292929;border-top:5px solid #666;margin:0 auto;padding:0 auto}.footer-column{padding:4px 10px}.credits{float:left;width:350px}#footer .credits p{line-height:100%;font:$(heading.font);font-size:16px;font-weight:700;margin:0 0 5px;padding:0}#footer .footer-menu{float:right;height:100pxmargin:0;padding:5px 0 0 0}
- Cari kode </body>
- Copy kode dibawah ini, Paste di atas kode </body>
- <div id='footer-column-container'><div id='footer2' style='width: 33%; float: left; margin:0; text-align: left;'><b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/></div><div id='footer3' style='width: 33%; float: left; margin:0; text-align: left;'><b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/></div><div id='footer4' style='width: 33%; float: right; margin:0; text-align: left;'><b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/></div><div style='clear:both;'/></div></div><div class='span-24' id='footer-wrap'> <div id='footer'> <div class='credits'> <p>© 2012 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a></p> <small>Powered by <a href='http://www.blogger.com' target='_blank'>Blogger</a> | Template Designed by <a href='http://rizaldipriantama.blogspot.com' target='_blank'>Rizaldi Priantama</a><br/> © All right reserved - Dilindungi oleh DMCA dan Hak Cipta Blogger</small> </div><!--//end --> <div class='footer-menu' id='section-left'></div></div></div>
- Simpan Template dan lihat hasilnya
- Jika ada pertanyaan silahkan layangkan lewat komentar