Wednesday, December 12, 2012

Cara Mengatur Gadget di Tengah (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.
Untuk mengetahui cara untuk memasukkan kode html di gadget anda, silakan kunjungi artikel : Cara memasukkan banner link atau afiliasi di wordpress.


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;">

LETAKKAN KODE HTML PIHAK KETIGA ANDA DISINI

</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.

Semoga bermanfaat ....
Selamat Mencoba ....

7 comments:

  1. code html ataupun css support ama blogspot gak sob?

    ReplyDelete
  2. Makasih dah bisa ditengah ni..:)

    ReplyDelete
  3. terima kasih gan, akan saya coba di blog saya biar blog saya keliatan rapi :)

    ReplyDelete
  4. Berhasil...
    thanks artikelnya sangat membantu

    ReplyDelete
  5. Yeaaay berhasil (lagi bikin blog)....thanks gan.

    ReplyDelete