if (window.jstiming) window.jstiming.load.tick('headEnd');
Minal 'Aidin wal Faizin
Mampukah setiap tahun bertambah baik?
Sebuah tantangan bagi siapapun. Jadikan Idul fitri sebagai mement yang indah dan tepat untuk setiap kali merubah diri menjadi pribadi yang jauh lebih baik, lebih peduli, jauh dari korupsi, jauh dari iri hati dan dengki... dan tentu saja ... jauh lebih lebih berharga dimata Allah dan dan sesama.

Cara Mengatur Jarak Judul Postingan dari Header di blogspot

Dalam trik blogging kali ini EFA akan mencoba membahas tentang cara mengatur jarak judul postingan dari header, tentunya di blogspot. karena bloggermania tahulah bahwa blog ini dibuat di blogspot jadi tutorialnya ya harus diblogspot supaya tidak salah alamat. kenapa hal ini perlu diatur? tentunya agar postingan nampak rapi.
kalau blogger mania ingin mencobanya silahkan ikuti step-step berikut:

1. Seperti biasa masuklah ke halaman Dasbor blog anda lalu klik Rancangan.
2. Kemudian klik pada Edit HTML.
3. Untuk mengantisipasi jika terjadi kesalahan sebaiknya backup dulu template anda dengan mengklik  
    Download  Template Lengkap. 
4. Kemudian carilah kode: #main-wrapper 
5. Agar lebih mudah mencarinya tekan (Ctrl + F) keyboard lalu tekan Enter. Ketiklah kode yang akan dicari  
   pada kotak tersebut lalu tekan Enter, maka secara otomatis akan muncul kode yang dicari dalam keadaan 
   terseleksi dengan warna hijau. 
6. Kemudian tambahkanlah kode ini  padding-top: 20px; dibawah margin. contohnya seperti dibawah ini

#main-wrapper {
background:#ffffff;
float:left;
margin-left:0px;
padding-top:20px;
padding-left:30px;
padding-right:30px;


7. Jika sudah kliklah SIMPAN TEMPLATE dan tunggu hingga proses selesai. dan lihatlah hasilnya


Semoga bermanfaat selamat mencoba



Mohon tinggalkan komentar agar saya bisa berkunjung ke blog anda

The Owner of Education For All Blog hanyalah seorang Blogger pemula namun bila sobat blogger mania berminat untuk melihat tutorial lainya bergaya magazine blog silahkan. Akses melalui link di bawah ini :





» Selamat Berkreasi - E F A «


10comments:

  1. Info yang sangat menarik tentunya, saya ucapkan selamat atas rank yang bagus. semoga esok lebih baik dan sukses. amin selamat berpuasa bagi blogers yang sedang berpuasa, kunjungi balik saya di http://s-surya62.blogspot.com. terima kasih.

    ReplyDelete
  2. bos , saya mau tanya template saya kode : #main-wrapper kok tidak ada , apa ada persamaan lain untuk kode tersebut, thanks.

    ReplyDelete
  3. nah,,,,saling mengunjung blog

    ReplyDelete
  4. saya browsing kesana kemari, baru di postingan ini saya bisa ngerti dan tau kodenya untuk mengatur jarak antara postingan dengn menu page. thanks gan. di tunggu kedatangannya di blog saya

    ReplyDelete
  5. oya admin bisa gk kasi tau cara buat kotak dialog komentar seperti ini hehehe

    ReplyDelete
  6. bISA aja mas, kenapa ngk, tapi kode kode css ini menyatu dengan template, coba gogling aja cari judulnya, cara membuat recent koment dengan avatar...

    ReplyDelete

Terimakasih Atas Komentar Anda dan EFA akan segera menuju Blog anda...

NextPrev