Cara Membuat menu di atas Footer Blog

Also Read Other Articles

caranya mudah saja sobat silahkan langsung pada proses pembuatannya.

1. masuk dasbor

2. Klik teplate

3. Untuk jaga-jaga Klik cadangkan dan pulihkan. (download template lengkap)

4. Klik edit HTML (exspand template widget)/(centang)

5. Lalu sobat cari kode ]]></b:skin> (untuk mempermudah pencarian tekan Control f)

6. Masukkan kode berikut di atas kode No. 5

#footer-top-wrapper { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCz38uaL-bLRImw2PIJzAcWpg09lc36Y9e91J9fJpZrg4Se6KZBdyTd7jWmGPfZzzetUurg7OhWz1NKYoIloHqaoZeqV4YzcI3QJ7hlL6Hi3gCJaWGA5imKkNI8a5A7kABBhzObt8c2L4/s1600/navbar-bg.png) repeat-x; height:44px; border-bottom: 6px solid #fff}

#footer-top { width:960px; margin:0 auto; padding-top:20px; }

#footer-top a { color:#797979; text-shadow: 1px 1px 1px #000; }

#footer-navigation li { display:block; float:left; margin-right:20px; }

#footer-navigation span { margin-right:10px; }

#backtotop { float:right; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiphfUm5g1dju8nJQxNl6lEJ0mnbtO8OrPFcMEw180E7yMIVcHUhwKeqHkN14nXcr5t3hWxqZBnfOWkNvdNvw1Y1vnBj0u6T0fSAcAZY7SJf8rO_TnLH0kSXr0IcS_rVduG3OgfGqKZ8ag/s19/back-top.png) no-repeat right; padding-right:26px; }

7. Lalu sobat cari kode <div id='footer-wrapper'>

8. Setelah ketemu copy code berikut diatas kode No. 7

<div id='footer-top-wrapper'>

 <div id='footer-top'>

<ul id='footer-navigation'>

 <li><a href='url posting blog'>Home</a></li>

 <li><a href='url posting blog</a></li>

 <li><a href='url posting blog</a></li>

 <li><a href='url posting blog</a></li>

 <li><a href='url posting blog'>Link Exchange</a></li>

 <li><a href='url posting blog'>Radio Online</a></li>

 <li><a href='url posting blog'>TV Online</a></li>

</ul>

<div id='backtotop'>

 <a href='#'>Back to top</a>

 </div>

 </div>

</div>

9. Klik Pratinjau

10. Klik Simpan template