Cara Mengatur Jarak Postingan dengan Header / menubar

Mengatur Jarak Postingan dengan Header / Menubar

Banyak sekali cara untuk mengatur Header, sidebar, postingan dan banyak lagi yang lainy kali ini admin akan membagikan trik untuk Mengatur Jarak Postingan dengan Menubar / Header, karena biasanya untuk template dasar atau bawaan blogger yang masih sederhana, harus lebih banyak lagi di edit pada bagian-bagian tertentu, yang menurut kita serasa belum pas dalam blok


Cara Mengatur Jarak Postingan dengan Menubar / Header ada beberapa hal yang perlu dilakukan itu hanya merubah bagian kolom postingan dan Header / menubar dan tidak merubah yang lainnya serperti letak judul witget sidebar (h2), judul postingan (h3) apabila setingan dilakukan dengan cara merubah tata letak kedua elemen tadi pasti akan secara otomatis dengan sendirinya akan merubah semua template dalam suatu blog, jadi jangan sekali - kali sobat merubahnya tanpa dasar apapun atau blog anda akan error nantinya.

Jadi lansung saja sobat sekalian kita akan lakukan langkah langkahnya  Mengatur Jarak Postingan dengan Menubar simaklah dibawah ini :
1. Masuk / login di blogger.com 
2. Masuk ke dashboard pilih Template => Edit HTML
3. Carilah kode ]]></b:skin> gunakan Ctrl + F  supaya cepat ketemu
4. Kemudian copas kode dibawah ini sebelum kode ]]></b:skin>

.main-inner {padding-top:0px} .main-inner
.column-center-inner {margin-top:10px}
.main-inner .column-right-inner {margin-top:10px}

Kemudian simpan templat dan lihat hasil, sebelum menyimpan sebainya anda tinjau dulu
untuk mengetahui arti kode diatas silahkan simak dibawah ini
.main-inner dengan padding-top sebesar 0px bila ingin tidak ada jarak antara header dengan sidebar dan 
 postingan.
.main-inner .column-center-inner gunanya untuk mengatur jarak posting dengan header /menubar navigasi.
.main-inner .column-right-inner gunanya untuk mengatur jarak sidebar dengan header /menubar navigasi..
Nah mudah bukan ? silahkan sobat atur sendiri besarnya nilai padding dan margin sesuai dengan yang sobat inginkan.Baca juga Cara Mengatur Jarak Header dengan Navbar

No comments:

Post a Comment

Silahkan Berkomentar Sesuai Artikel di atas
Thank's