Sabtu, 23 April 2011

cara mengatur jarak judul postingan dari header

Dalam trik blogging kali ini PKC 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

0 komentar:

Posting Komentar

Jangan sungkan untuk mengisi kolom koment, karena koment sobat adalah satu jawaban untuk membangun kebersamaan.