Cara Menghilangkan Ruang Kosong Di Atas Header Blog

Terdapat blank space atau ruang kosong di atas header blog di saat kita menghapus Navbar. Ruang kosong ini sering dimamfaatkan oleh banyak blogger untuk memasang menu horizontal, Sticky Bar, Notification Bar bahkan untuk memasang iklan. Bagi sebagian blogger, ruang kosong yang ada di atas header sangat mengganggu desain blog oleh karenanya, mereka lebih memilih untuk menghilangkan ruang kosong itu.

space header,ruang kosong,cara menghilangkan jarak header,menghapus jarak di atas blog

Langkah-langkah menghilangkan jarak di atas header blog
  • Masuk ke akun blogger Anda
  • Klik Template -> klik Edit HTML
  • Gunakan Ctrl + F untuk mencari tag </ head>
  • Selanjutnya, tambahkan kode berikut tepat di atas tag </ head>
<style type='text/css'>
.content-inner
{
margin-top: -40px !important;
}
</style>
  • Preview template terlebih dahulu sebelum di simpan

Anda dapat mengubah -40px sesuai nilai yang diinginkan. Terus bereksperimen dengan nilai ini untuk menyesuaikan posisi header. Setelah berhasil menempatkan kode ini di situs Anda, header situs Anda tidak akan memiliki ruang yang tidak perlu di atasnya.

0 komentar:

Posting Komentar