Cara mengurangi jarak antara header dengan deskripsi Blogspot

Kalau Anda pertama kali membuat blog dengan menggunakan Blogger/Blogspot, biasanya jarak antara header (judul) dengan deskripsi blog terlalu renggang. Ini bisa membuat tampilan blog kurang menyenangkan bagi Anda sendiri maupun pembaca, yang harus menarik scroll ke bawah lebih banyak agar dapat membaca posting pertama, misalnya. Nah, trik berikut ini adalah cara mengurangi jarak antara header dengan deskripsi Blogspot.


1. Masuk ke Dashboard, pilih Rancangan/Design
2. Pilih Perancang Template/Template Designer
3. Pilih Tingkat Lanjut/Advanced
4. Pilih Tambahkan CSS/Add CSS
5. Di kolom sebelah kanan, tambahkan kode berikut ini:

.region-inner.main-inner{
margin-top: -20px;
}

.titlewrapper{
margin-bottom: -30px;
}

6. Pilih Terapkan ke Blog/Apply to Blog
7. Selesai

Anda bisa mengubah parameter -20px dan -30px sampai memperoleh jarak yang pas. Mudah, kan? Selamat menerapkan cara mengurangi jarak antara header dengan deskripsi pada Blogspot ini.