Mengatur Gadget/Widget Blog Berada ditengah/center

Setelah kita memasangkan gambar ataupun kode html dari pihak ketiga seperti banner program affiliasi, gadget Alexa maupun program adsense lainnya. Kebanyakan kita akan mengalami tidak teraturnya gambar yang kita pasang tersebut atau rata-rata terletak di samping kiri gadget. Cara dibawah ini dapat kita lakukan untuk mengatur ke tengah gambar di dalam widget pada blog wordpress maupun pada gadget blogspot.

1.Hanya mengatur Satu Widget / Gadget saja  ke Tengah

Kalau anda hanya ingin mengatur satu gadget / widget saja, kita dapat meletakkan kode pihak ketiga di dalam kode html dibawah ini : 

 <div style="text-align: center;">
Kode HTML ATAU PIHAK KETIGA
</div>

Catatan : 

• Pada kondisi tertentu, kode html dari Pihak ketiga sudah memasukkan "align center" kedalam kode-nya, jadi kita tidak perlu menambahkan lagi.
• Jika anda ingin mengatur kiri ataupun kanan, tinggal mengantikan kata "center" ke "left" atau "right"

Mengatur semua Widget / Gadget sekaligus ke tengah

Kalau anda ingin mengatur semua widget ke tengah sekaligus, anda dapat menambahkan aturan ke CSS (Cascading Style Sheet) dengan menuliskan kode html pada blog Wordpress anda. 

.widget {  text-align: center;}

Demikian Cara untuk mengatur ke tengah banner ataupun gambar pihak ketiga ke dalam gadget atau widget blog anda.

2.Cara Lain Adalah
buka widget yang ingin diatur posisinya..
contoh script widget nya

<a href="http://www.alexa.com/siteinfo/www.rivai-namikaze.blogspot.com"><script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/t/b?url=www.rivai-namikaze.blogspot.com'></script></a>

kemudian tambahkan kode  :

<p style="margin-top:0px; margin-bottom:0; padding-bottom:0; text-align:center; line-height:0">..................................................................................................................................</p>

atur script widgetnya sperti ini :

<p style="margin-top:0px; margin-bottom:0; padding-bottom:0; text-align:center; line-height:0"><a href="http://www.alexa.com/siteinfo/www.rivai-namikaze.blogspot.com"><script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/t/b?url=www.rivai-namikaze.blogspot.com'></script></a></p>