Cara Mudah Membuat Konten Widget Rata Tengah

Cara Mudah Membuat Konten Widget Rata Tengah

Membuat konten widget atau isi widget rata tengah bertujuan agar widget yang kita pasang terlihat rapi.
Kadang kita memasang beberapa widget pada satu tempat (satu kotak widget),jika pemasanganya tidak di buat rata tengah hasilnya akan berjajar dan kurang menarik dipandang mata.
Untuk itu kita harus menambahkan kode "Center" pada tiap widget agar tersusun rapi kebawah dan berada pada posisi tengah.
Sebagai contoh,sobat bisa melihat gambar di atas,atau sobat bisa lihat langsung widget yang saya beri judul "TRAFFIC" pada footer blog ini di home page.


Cara Mudah Membuat Konten Widget Rata Tengah

1. Login ke akun blogger sobat
2. Klik Desain  ─► Elemen halaman
    ─► Klik Tambahkan Gadget,(jika sobat ingin memasang widget baru dan menempatkanya bersama dengan widget yang lainnya)
Atau
    ─► klik langsung pada widget yang sobat pasang sebelumnya,jika ingin merubahnya menjadi rata tengah.

4. Pasang kode "Center" dibawah ini pada tiap kode widgetnya

<div style="text-align:center;margin:2px">
..........................................
kode widgetnya disini
..........................................
</div>

Contoh,saya pasang widget,Alexa,Page Rank dan Seo Check pada widget yang saya beri judul "Traffic".

Pemasangan kodenya seperi ini :

<div style="text-align:center;margin:2px">
<a href="http://www.alexa.com/siteinfo/tekhnik-blog.blogspot.com"><script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/s/a?url=tekhnik-blog.blogspot.com'></script></a>
</div>

<div style="text-align:center;margin:2px">
<a href="http://www.prchecker.info/" title="Page Rank" target="_blank">
<img src="http://pr.prchecker.info/getpr.php?codex=aHR0cDovL3Rla2huaWstYmxvZy5ibG9nc3BvdC5jb20v&amp;tag=1" alt="Page Rank" style="border:0;" /></a>
</div>

<div style="text-align:center;margin:2px">
<a href="http://chkme.com/seo-tekhnik-blog.blogspot.com" title="SEO Reports for tekhnik-blog.blogspot.com"><img src="http://chkme.com/seo-tekhnik-blog.blogspot.com.png" title="SEO Reports for tekhnik-blog.blogspot.com" alt="SEO Reports for tekhnik-blog.blogspot.com"/></a>
</div>

Demikan tadi tutorial ringan Cara Mudah Membuat Konten Widget Rata Tengah
Semoga bermanfaat....