Merubah Jarak Posting Dengan Header, Navbar dengan Header

Blog yang sudah kita buat terkadang masih saja ada terasa kekurangan di sana-sini. dalam pemilihan font yang kurang cantik, jarak antara widget dengan widget lain yang kejauhan. dan masih banyak kendala lain yang mungkin di hadapi.

Jarak antar posting dengan header yang terlalu jauh atau jarak menu navbar dengan header yang terlalu jauh membuat tampilan halaman blog kita tidak enak untujk dilihat. Untuk itu perlu diadakan beberapa perubahan dengan mempersingkat jarak tersebut, sehingga tampilan blog yang kita miliki semakin cantik untuk dilihat. 

Nah , untuk masalah mengatur jarak postingan dengan header dan navbar dengan header saya akan berikan beberapa solusinya. Kita simak cara merubah jarak yang ada dib log kita.

1. Merapatkan Judul Posting Dengan Header Blog 

Caranya adalah :

1. Login di blog kamu.

2. Pada Dasbor, klik Templat lalu klik Edit HTML.

3. Cari kode berikut :

<Variable name="main.padding.top" description="Main Padding Top" type="length" default="30px" value="35px"/>

4. Silakan diganti angka yang berwarna Merahdengan jarak yang diinginkan. Jangan lupa Pratinjau dulu untuk melihat perubahan.

2. Cara Merapatkan Navbar Dengan Header Blog

Cara yang dilakukan sebagai berikut :

1. Lakukan langkah 1 dan 2 seperti di atas.

2. Temukan kode :

<b:skin><![CDATA[/* ----------------------------------------------- Blogger Template Style Name:     Simple Designer: Josh Peterson URL:      www.noaesthetic.com ----------------------------------------------- */

3. Copas kode dibawah ini dan letakkan tepat di bawah kode di atas :

/*CSS to hid navigation bar */

#navbar {

height:0px;

visibility:hidden;

Display:none;

}

Ingat... pratinjau dulu tampilannya sebelum di simpan...

3. Cara Merapatkan Jarak Widget Dengan Widget Lain

Untuk yang satu ini langkahnya sebagai berikut : 

1. Buka Dasbor Bloger Teman

2. Pilih Tempat lalu klik Edit HTML

3. Kopi script di bawah ini :

.main-inner .widget {

margin: 10px  0px;

}

4. Paste script di atas tepat di atas ]]><b:skin/>

5. Atur 10px dengan jarak yang diinginkan. Simpan dan lihat hasilnya

Nah.. silakan lakukan perubahan yang mana dibutuhkan. Semoga ada perubahan pada tampilan blog yang teman miliki. Semoga semakin cantik.

Semoga berhasil... Sukses selalu