Ada sebagian blogger kurang menyukai ada ruang kosong terlihat antara header blog dengan kolom link web browser (peramban web). Header blog berada pada bagian atas media media online internet Blog sebagai tempat link induk.
Gambar: Jarak Header Blog dengan Kotak Link Web Browser media online internet
Dan bahasan artikel ini cara mengatur jarak antara widget header blog dengan kotak peraman web atau web browser. Kotak link web browser dimaksud disini adalah kotak tempat munculnya teks judul posting posting media online internet website-blog setelah dipublikasikan pengelolanya.
Cara mengatur jarak header blog dengan search bar web browser dapat dilakukan sebagai berikut:
- Sign in diblog
- Klick Template
- Klick Edit HTML
- Centang kotak kecil Expand Template Widget
- Cari Kode </head>. Gunakan Ctrl F untuk mudah menemukan kodennya.
- Hapus kode berikut ini dan kemudian ganti dengan kedua yang tersedia berikutnya
- Klick Simpan Template untuk menyimpan perubahan
- Klick Tutup untuk kembali pada halaman sebelumnya
<body expr:class='"loading" + data:blog.mobileClass'>
<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\Nomor Blog Anda\AngkablogName\Angka NamaBlogAnda\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75BLACK\46layoutType\75LAYOUTS\46searchRoot\75http://NamaBlogAnda.blogspot.com/search\46blogLocale\AngkaBlogAnda\AngkaBlogAnda\AngkaBlogAnda\46homepageUrl\AngkaBlogAndahttp://NamaBlogAnda.blogspot.com/\46vt\Nomor-Nomor Blog Anda',
{
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>
<b:if cond='data:blog.pageType == "index"'>
<div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
<meta expr:content='data:blog.title' itemprop='name'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
</b:if>
</div>
</b:if>
Kode untuk mengganti kode yang dihapus diatas
Jika setelah mengganti dan menyimpan perubahan kemudian muncul pesan hapus widget pilih saja hapus.
Artikel lainnya
Cara Menghilangkan Navbar Blog Versi 2Cara Mengatur Jarak Header Blog Dengan Judul Posting Versi 2
Cara Mengatur Jarak Widget Side Bar Blog Secara Default
Cara Mengatur Jarak Header Blog Dengan Judul Posting Blog Secara Default
