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/AVvXsEgfOHvQUJOTwrv5Qtpd8cStl9mrILNb5XeNKhiKvwhN-lVt8fobSHRyKymDYXVkQ4lXiUfoyAiLGkIOtXu214FIjZ2fQ7zvdJMOZac8xYyDwP6z_nyBlilu1IQwdkx1hljqGBcOzdSsn1g/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/AVvXsEiYoDHrC-y24ocsjkw9s2zcpj1OKEZOOncD6PipGzEyNdwxK1JNJvhqFf0xU8TgCReCLhi2fkn0LRp-3_9BxxdIiOZasXBPisxJW_U2YPKGrXvsrc2lYMLnUrz4V6bFI868lV3DoHdpT6s/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