Mengatur Jarak Tulisan dari Pinggir Sidebar

Jika anda belum pernah mengedit template, biasanya posisi tulisan pada sidebar sudah diatur secara default. Kadang pengaturan itu tidak sesuai dengan selera anda, tergantung jenis template yang anda gunakan. Sebagai contoh dibawah ini adalah posisi tulisan sidebar pada template minima:

Tampak posisi tulisan terlalu mepet bahkan tepat berada dipinggir sidebar. Dugaan saya besar kemungkinan anda kurang puas dengan tampilan seperti ini. Nah, jarak tulisan tersebut sebenarnya bisa digeser ke kanan. Caranya adalah sebagai 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: #sidebar-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 perhatikanlah beberapa baris kode pengiring di bawahnya, seperti tampak pada gambar di bawah ini:

#sidebar-wrapper {

background: #fbfcfd;
float:right;
margin-right:0px;
margin-top:-25px;

7. Anda tidak usah bingung jika semua kode di bawahnya tidak sama dengan yang anda temukan pada blog anda. Karena itu tergantung pada jenis dan pengaturan dari template yang anda digunakan.

8. Sekarang tambahkanlah kode: padding-left: 10px; di dalamnya (pada baris ke berapa tidak menjadi masalah). Bila diterjemahkan kode ini artinya adalah: jarak isi sidebar (tulisan) dari pinggir kiri (left) adalah 10 pixels. Nah, ini berarti anda juga bisa mengatur jarak tulisan dari sebelah kanannya. Anda tinggal tambahkan kode seperti ini satu lagi, cuma ganti kata left dengan right. Contohnya: padding-right: 10px; Untuk angkanya sesuaikan dengan jarak yang anda inginkan. Pada contoh ini saya hanya menggunakan pengaturan dari sebelah kiri, sehingga penulisannya menjadi seperti ini:

#sidebar-wrapper {
background: #fbfcfd;
float:right;

padding-left: 10px;

margin-right:0px;
margin-top:-25px

9. Jika sudah kliklah SIMPAN TEMPLATE dan tunggu hingga proses selesai.