Cara Menghilangkan Ruang Kosong Di Atas Header Blog

Bagikan ke Google+Tambahkan ke DeliciousTweet dong..Share ke FacebookSubmit ke StumbleUponKirim ke Digg

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.

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.