Cara Mengatur Jarak Header Blog Dengan Judul Posting Versi 2

Header Blog merupakan lokasi letaknya url (uniform resource locator) utama media online internet ketika pertama kali membuat blog. Pada Header juga dapat dipasang gambar/logo media bersangkutan.

Selain itu Header blog juga merupakan tempat untuk membuat Menu Horizontal dan Menu Dropdown. Sementara judul posting blog adalah teks judul artikel blog yang dibuat melalui halaman edit posting blog. Namun yang dibahas pada artikel ini adalah cara mengatur jarak antara header blog dengan judul posting blog.

Dan bahasan kali ini merupakan kode versi kedua setelah sebelumnya sudah diperkenalkan cara mengatur Jarak Header Dengan Judul Posting Blog Versi 1

Gambar: Letak gadget Header Blog

Cara mengatur jarak judul posting dengan gadget header blog dapat dilakukan dengan langkah-langkah sebagai berikut:

Sign in di blog
Klick Template
Klick Edit HTML
Cari kode <Variable name="main.padding.top" description="Main Padding Top". Untuk mudah menemukannya gunakan Ctrl F kemudian masukan kode tersebut dalam kotak yang muncul lalu enter. Letak kodenya akan terlihat seperti dibawah ini.

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

Ganti kedua angka di atas sesuai jarak diinginkan
Simpan Template untuk menyimpan perubahan
Klick Tutup untuk kembali pada halaman sebelumnya

Jika ingin melihat tampilan sementara dari pengaturan yang telah dilakukan klick Pratinjau yang tersedia pada halaman edit Template Blog sebelum melakukan langkah ke 7

Artikel lainnya

Cara Menampilkan Widget Tertentu Hanya Pada Halaman Home dan Label Posting Blo
Cara Mengatur Jarak Widget Side Bar Blog Secara Default
Cara Mengetahui Broken Link atau Link Rusak dalam Blog/Website
Cara Membuat Twitter Button sendiri Untuk Dipasang Dalam Blog-Website
Cara Pesan URL Links Judul Posting Blog Khusus Pada Mesin Peramban Web
Cara Mengatur Warna Teks Link Judul Posting Blog Pada Widget