Cara Menghilangkan Footer atau Navigasi Ke-2 pada Template VioMagz Lengkap

Disini saya akan memberi tutorian menghapus semua yang berkaitan dengan footer nav-menu entah itu CSS atau javascript lebih jelasnya lihat gambar. Jika tidak ingin menggunakan footer nav menu ini bisa di praktekkan.

CATATAN! Mungkin Tutorial Ini Tidak Berlaku Lagi Untuk Versi VioMagz V.2.8 Ke Atas!

Backup Terlebih Dahulu Template Anda

1. Masuk/Login keblogger kalian
2. Masuk kemenu Tema
3. Lalu Edit HTML
4. Cari kode CSS ini biar lebih cepat tekan CTRL + F Lalu HAPUS.

/* FOOTER NAV MENU */
#footer-navmenu {
   background: $(navmenufooter.bg);
   padding: 25px 0px;
   font: $(navmenufooter.font);
   color: $(navmenufooter.color);
}
#footer-navmenu-container {
   max-width: 1000px;
   margin: 0 auto;
   text-align: center;
}
#footer-navmenu ul {
   list-style: none;
   margin: 0;
}
#footer-navmenu ul li {
   display: inline-block;
   margin: 6px 0;
}
#footer-navmenu ul li:after {
   content:"/";
}
#footer-navmenu ul li:last-child:after {
   content:"";
}
#footer-navmenu ul li a {
   color: $(navmenufooter.color);
   margin: 0 15px;
}
#footer-navmenu ul li a:hover {
   color: $(navmenufooter.hover.color);
   border-bottom: 2px solid $(navmenufooter.hover.color);
}




<Group description="Footer Navigation Menu" selector="#footer-navmenu">
   <Variable name="navmenufooter.font" description="Font" type="font" default="500 14px Roboto, Arial, sans-serif" value="500 14px Roboto, Arial, sans-serif"/>
   <Variable name="navmenufooter.bg" description="Background Color" type="color" default="#292929"  value="#292929"/>
   <Variable name="navmenufooter.color" description="Color" type="color" default="#ffffff"  value="#ffffff"/>
   <Variable name="navmenufooter.hover.color" description="Hover Color" type="color" default="#ffffff"  value="#ffffff"/>
</Group>




#footer-navmenu ul li a {
   margin: 0px 8px;
}



5. Cari kode ini (INGAT YANG SAYA BLOK MERAH YANG DIHAPUS) khusus langkah ke-5

.footer-widget, #footer-navmenu-container {
   max-width: 100%;
}
#header-wrapper, .footer-widget .widget, #footer-navmenu-container {
   padding-left: 30px;
   padding-right: 30px;
}




.footer-widget .widget, #footer-navmenu-container {
   padding-left: 12px;
   padding-right: 12px;
}




.footer-widget .widget, #footer-navmenu-container {
   padding-left: 10px;
   padding-right: 10px;
}




body#layout #cssmenu ul, body#layout #footer-navmenu ul {
   display: none;
}



6. Sekarang kita akan menghapus tata letaknya (lebih jelas lihat gambar)






body#layout #footer-navmenu {
   position: relative;
   display: block;
   padding:0;
   font-size: 14px;
   color: #fff;
   background: #bbbbbb;
   border: 1px solid #8e8e8e;
   font-weight: bold;
   margin: 0 20px 8px;
   height: 50px;
}




body#layout #footer-navmenu:after {
   content: "Menu navigasi harus diedit melalui Edit HTML";
   color: #fff;
   position: absolute;
   top: 17px;
   left: 20px;
   visibility: visible;
}



7. Sekarang menghapus kode HTML-nya

<!-- footer nav menu -->
<div id='footer-navmenu'>
<nav id='footer-navmenu-container'>

<!-- menu navigasi footer start -->
<ul>
   <li><a href='#'>About</a></li>
   <li><a href='#'>Contact</a></li>
   <li><a href='#'>Privacy Policy</a></li>
   <li><a href='#'>Disclaimer</a></li>
</ul>
<!-- menu navigasi footer end -->

</nav>
</div>

<!-- footer nav menu end -->



8. Lalu disimpan lihat hasilnya

Baca juga edit Template VioMagz Lainnya disini.
Terima Kasih!

Bagikan Artikel

Facebook Twitter Pinterest Whatsapp