Berbisnis Online ala Google

Sabtu, 16 Juni 2012

Mengatur Jarak Judul Posting dari Paragraf

Apakah anda sempat bingung (seperti saya) bagaimana cara mengatur jarak antara judul posting dari paragraf di bawahnya? Sedangkan di halaman Edit Entri fasilitas untuk mengaturnya tidak ada. Gambar di bawah ini adalah contoh dari judul posting yang terlalu mepet ke paragraf. 


Mengatur Jarak Judul Posting dari Paragraf

Nah, jika posisi judul posting anda juga bermasalah seperti ini, maka anda bisa mengaturnya 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:   .post-body
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 tekanEnter, maka secara otomatis akan muncul kode yang dicari dalam keadaan terseleksi dengan warna hijau.

Mengatur Jarak Judul Posting dari Paragraf

6. Kemudian rubahlah angka yang pertama dengan kode ini: 2em , sehingga penulisannya menjadi seperti ini:

.post-body {
margin:2em 0 0.75em;

Jika diterjemahkan kode tersebut maksudnya adalah: jarak paragraf dengan batas atas (judul posting) adalah 2 em. Angka 2 ini bisa saja anda ganti sesuai dengan jarak yang paling pas untuk blog anda.

7. Jika sudah jangan lupa klik SIMPAN TEMPLATE dan tunggu hingga proses selesai.

Mengatur Jarak Judul Posting dari Paragraf

8. Sekarang lihatlah hasilnya dengan mengklik Lihat Blog.

Mengatur Jarak Judul Posting dari Paragraf

9. Sebagai contoh inilah perubahan posisi judul posting dari paragraf dengan jarak 2em.

Mengatur Jarak Judul Posting dari Paragraf


Mohon beritahu saya jika anda menemukan link yang erorr pada blog ini 
Terima kasih

Tidak ada komentar:

Posting Komentar