Pages

Cara Gampang Pasang Footer Di Blog


Masuk akun blogger
2. Pilih template > HTML
3. Copas kode di bawah ini di atas kode ]]></b:skin>
#footernya-hijack{width:100%;background:#111 url(http://3.bp.blogspot.com/-XH2hBNMtXBA/U6_EpW3r0gI/AAAAAAAAAJk/mQFHapyZWj8/s1600/footer.jpg) repeat-x top;margin:0 auto;text-align:left;border-top:7px solid #1658A0;overflow:hidden}
#footernya-hijack a{color:#9c9c9c}
#footer-inners{overflow:hidden;padding:10px 20px}
.footer .widget{padding:0 1px}
.footer .widget-content{padding:0}
.footer li{list-style:none;border-bottom:1px dotted #666;padding:3px 0}
.footer h4{font-size:150%;font-weight:400;color:#fff;font-family:Oswald,Arial,Sans-serif;text-transform:uppercase;padding-bottom:10px}
#footer-left{width:34.5%;float:left;overflow:hidden}
#footer-right{float:right;width:64.5%;overflow:hidden}
@media only screen and (max-width:700px){
.footer{width:100%!important;float:none!important}
}
4. Copas kode di bawah ini tepat di atas kode </body>
<div class='clear'/>
<footer id='footernya-hijack'>
<b:section class='footer' id='footer-left' showaddelement='yes'/>
<b:section class='footer' id='footer-right' showaddelement='yes'/>
</footer> 
5. Save template
6. Pilih tata letak > add gadget (tambahkan gadget) > buat dua gadget baru
7. Selesai

0 komentar:

Follow by Email