HomeHai teman, apa kabar ?. Kali ini saya akan memberikan artikel tentang menghilangkan navbar(navigation bar) pada blog/template blogger. Cara yang saya berikan ini, tidak perlu menambahkan script CSS ataupun Javascript. Cara yang saya berikan ini hanya perlu menghapus beberapa script. Berikut langkah - langkahnya ..
1. Login blogger anda
2. Masuk kehalaman template
3. Kemudian edit HTML
4. Cari kode <body> atau jika anda menambahkan kode pada kode <body> anda hanya perlu mencari kode <body tidak perlu pakai penutup.
5. Jika sudah ketemu pastikan anda melihat kode dibawah ini dibawah kode <body>
Navbar »
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'><b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
<b:includable id='main'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("iframes-styles-bubble", function() {
if (window.iframes && iframes.open) {
iframes.open(
'//www.blogger.com/navbar.g?targetBlogID\0753361744542332461058\46blogName\75SKINBIGERS\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://136-skinbigers.blogspot.com/search\46blogLocale\75in\46v\0752\46homepageUrl\75http://136-skinbigers.blogspot.com/\46vt\75-1035529168598669986',
{
container: "navbar-iframe-container",
id: "navbar-iframe"
},
{
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
</b:widget>
</b:section>
6. Jika ada, hapus semua script tersebut
7. Simpan template atau pratinjau
Selesai
Jika masih ada navbarnya gunakan cara yang ini. Pada cara ini anda harus memasukan sedikit script CSS
berikut langkah - langkahnya ..
1. Login blogger anda
2. Masuk kehalaman template
3. Kemudian edit HTML
5. Masukan script CSS berikut diatas kode ]]></b:skin>
CSS »
#navbar-iframe {display: none !important;
}
6. Simpan
Semoga Bermanfaat