Cara Meletakkan Tulisan/Image di Tengah (center)

Cara Meletakkan Tulisan/Image di Tengah (center)




Apa kabar sahabat blogger.? baik bukan, kali ini saya akan memberikan sedikit tips bagaimana Cara Meletakkan Tulisan/Image di Tengah (center) postingan atau sidebar, sebenarnya bagi para blogger senior hal ini sangatlah mudah, tapi mungkin sangat membingungkan bagi para blogger pemula.? setelah kita memasangkan gambar (image) ataupun kode html dari pihak ketiga seperti banner program affiliasi, gadget Alexa maupun program adsense lainnya. Kebanyakan kita akan mengalami ketidak teraturnya gambar yang kita pasang tersebut, atau rata-rata terletak di samping kiri. Cara dibawah ini dapat kita lakukan untuk mengatur ke tengah gambar di dalam widget pada blog wordpress maupun pada gadget blogspot.
Langsung saja ya sob..?
Hanya mengatur Satu Widget / Image saja ke Tengah
Kalau anda hanya ingin mengatur satu widget / Image saja, kita dapat meletakkan kode pihak ketiga di dalam kode html dibawah ini :
1
2
3
4
5
<div style="text-align: center;">
Letakkan code HTML sobat disini
</div>
Atau yang ini sobat
1
2
3
4
5
<p align="center">
Letakkan code HTML sobat disini
</p>
Catatan :
1. Pada kondisi tertentu, kode html dari Pihak ketiga sudah memasukkan “align center” kedalam kode-nya, jadi kita tidak perlu menambahkan lagi.
2. Jika anda ingin mengatur kiri ataupun kanan, tinggal mengantikan kata “center” ke “left” atau “right”
Mengatur semua Widget / Image sekaligus ke tengah
1
2
3
.widget {
  text-align: center;
}
Demikian cara untuk mengatur ke tengah widget gambar (Image) maupun tulisan pihak ketiga didalam blog sobat.
Semoga bermanfaat, Selamat mencoba.........

0 Comment "Cara Meletakkan Tulisan/Image di Tengah (center)"

Posting Komentar

Tambahkan Emotikon Kaskus Dikomentarmu, Klik Disini Untuk Melihat Kodenya.

:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
Click to see the code!
To insert emoticon you must added at least one space before the code.

Loading...