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
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
RSS Feed


0 komentar:
Posting Komentar