Mengatur perataan widget pada sidebar

Semua blogger pasti menginginkan tampilan yang terbaik untuk blognya, namun mungkin tidak semua blogger tahu bagaimana mengatur tampilan terutama widget pada sidebar agar lebih kelihatan rapi. Karena saya sering melihat beberapa blogger yang mungkin masih belum memahami teknik perataan elemen widget pada sidebar sehingga widget-widget tersebut terlihat acak-acakan. Sebagai contoh jika memasang kumpulan banner pada sidebar, masih ada beberapa blogger yang menempatkannya secara asal tanpa estetika yang baik. Padahal jika disusun secara baik tentu akan memberi nilai lebih pada blog yang bersangkutan.

Tips saya kali ini khusus untuk blogger pemula yaitu tips mengatur perataan widget pada sidebar. Untuk blogger senior tentu ini bukan masalah karena memang tekniknya sangat sederhana.

Mengatur perataan title/judul sidebar

Untuk mengatur perataan title atau judul sidebar silahkan login ke blogger dan pilih Layout-Edit HTML. setelah itu cari kode berikut:

#sidebar-wrapper {
text-align:center;
}

Ganti center dengan left jika ingin rata kiri, right untuk rata kanan dan center untuk rata tengah. Kadang setiap template memiliki kode sidebar yang berbeda, jika tidak menemukan kode seperti diatas maka anda dapat mencari kode-kode berikut:

#sidebar-wrap
#sidebar
#side
.sidebar

Mengatur perataan widget

Untuk widget secara default akan rata kiri, anda dapat mengatur agar rata tengah dengan mudah tanpa perlu mengedit HTML, anda cukup menambahkan kode <center> diawal kode widget sidebar anda dan diakhiri kode </center> diakhir kode. Contoh kode untuk membuat banner rata tengah seperti ini:

<center>
<a href="http://eris-agustian.blogspot.com/"><img src="http://img141.imageshack.us/img141/9346/264951039879049m3.gif"width="180" border="0" />
</a>
</center>

Maka hasilnya banner anda akan berada tepat di tengah sidebar. Untuk widget yang lain triknya sama, ada cukup menambahkan kode seperti diatas. Sangat mudah bukan?
(Posted by: Eris Agustian)

Artikel terkait: