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:



16 Komentar:

Bhakti said...

mmemang hrs ke edit html ya?? bingung ak kalo kesana tp coba dulu ah.... thanks ya infonya,,

Eris Agustian said...

Kalo untuk membuat rata tengah tidak usah ke edit HTML, cukup tambahkan saja kode seperti diatas pada kode widgetnya.

AD1N said...

sip banget infonya sob.

Anonymous said...

wuah..makasih bro tipsnya...langsung pake saya...

al-basri said...

bertemu lagi sob,
inilah masalah aku sob, untung juga ada solusinya disini. terima kasih ya..

Bratadilaga said...

ane coba tipsnya ya sob,
thanks banget udah sharing ilmu...

Hani Delphys Aryanta said...

Waduh Tetep gag bisa e bro
coba dicek hanny-adjah.blogspot.com
Berantakan

Faris said...

makasih tutorialnya ..

Cendaku said...

Makasih tipsnya, Mas! Udah dicoba & sidebar jadi lebih rapi

Blog_SANTAI said...

Ini dia yg aku cari2.. Ternyata ada disini.
Btw terimakasih sobat.

internetzone said...

thanks.....

akhirnya ketemu juga ne cara yang saya cari......

fajarnoverdi said...

thx bro..
ats trip blognya..

Spektrum's Blog said...

Wah, mantap sob...segera dicoba di blog saya...

noer said...

UDAH SAYA COBA DAN BERHASIL... NICE INFO.

Nawi Van said...

Thanks gan, gw dah ikutin caranya dan ternyata berhasil ckckc :D

sopyan said...

makasih bro infonya

Post a Comment

Silahkan tinggalkan komentar anda, setiap komentar yang anda tulis akan menambah jumlah backlink anda.
Sebaiknya gunakan Name/URL pada saat menuliskan komentar.

Template Design by Eris Agustian - Digital Life | Professional Blogger Template