Apakah anda kurang puas dengan posisi judul posting blog anda? Misalnya terlalu dekat atau terlalu jauh dari header. Gambar di bawah ini adalah contoh dari judul posting yang terlalu mepet ke header (judul postingnya: Koor Pentagona+)
Nah, jika anda ingin mengaturnya, maka bisa dilakukan dengan cara berikut:
1. Masuklah ke halaman Dasbor blog anda lalu klik Rancangan.
2. Kemudian klik pada Edit HTML.
3. Untuk berjaga-jaga 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) pada keyboard lalu tekan Enter. Maka akan muncul kotak Find. 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 di bawahnya (posisi barisnya tidak menjadi masalah): padding-top: 20px; Jika diterjemahkan arti kode ini adalah: jarak judul posting ke batas atas (header) adalah 30 pixels. Gantilah angkanya sesuai keinginan anda. Setelah kode tersebut ditambahkan maka penulisannya akan menjadi seperti ini:
#main-wrapper {
background:#ffffff;
float:left;
margin-left:0px;
padding-right:30px;
7. Jika sudah kliklah SIMPAN TEMPLATE dan tunggu hingga proses selesai.
8. Sekarang lihatlah hasilnya dengan mengklik Lihat Blog.
9. Sebagai contoh inilah perubahan tampilan posisi judul posting. Tampak jaraknya sudah agak menjauh dari header.
Nah, jika anda ingin mengaturnya, maka bisa dilakukan dengan cara berikut:
1. Masuklah ke halaman Dasbor blog anda lalu klik Rancangan.
3. Untuk berjaga-jaga 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) pada keyboard lalu tekan Enter. Maka akan muncul kotak Find. 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 di bawahnya (posisi barisnya tidak menjadi masalah): padding-top: 20px; Jika diterjemahkan arti kode ini adalah: jarak judul posting ke batas atas (header) adalah 30 pixels. Gantilah angkanya sesuai keinginan anda. Setelah kode tersebut ditambahkan maka penulisannya akan menjadi seperti 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.
8. Sekarang lihatlah hasilnya dengan mengklik Lihat Blog.
9. Sebagai contoh inilah perubahan tampilan posisi judul posting. Tampak jaraknya sudah agak menjauh dari header.
RSS FeedBurner
@UnoZoneuTM on Twitter