Cara Membuat menu di atas Footer Blog

 Cara Membuat menu di atas Footer Blog

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/AVvXsEizIBlkI2LhMcfKHCb0FlON7VKIqkq-W_By3LkRnt4CcHfFv2XSyJ-L7ITzUi8Wwrlz2zTyNeDZBJQpCh7cB8JPKGg4X4eLzNWX8-eVh-nk5dgxg_wal5rBHJ9g2_zPWPPvQ5B9hDvWKRc/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/AVvXsEgsE4u45Ac6ugUjzn45xODOTkRwKG2cSCz1HshSZclfLBE1Q4T8apU3jYo9h576UCY8a5EvT8XtV9EaaooRrspchort8A9R6PuoDEp51m85cjdbqIKAOr9D2sX58Q3Xdh7Gp_fcl6eN2rQ/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  (Jangan lupa ganti yang Merah dengan URL Sobat)

Artikel Terkait