SepintasSeo - Hy sobat blogger, kali ini saya memberi sobat tutorial cara membuat konten widget rata tengah yang bertujuan untuk membuat widget terlihat lebih 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.
Nah. untuk itu kita harus menambahkan kode "Center" pada tiap widget agar tersusun rapi kebawah dan berada pada posisi tengah. Baiklah langsung aja sob...
Cara Membuat Konten Widget Rata Tengah
1. Login terlebih dahulu ke akun blogger sobat2. Klik ke Menu Tata Letak - Klik Tambahkan Gadget - Klik Html/Javascript
3. Pasang kode "Center" berikut:
<div style="text-align:center;margin:2px">
..........................................
kode widgetnya disini
..........................................
</div>
..........................................
kode widgetnya disini
..........................................
</div>
Contoh,saya pasang widget,Alexa,Page Rank dan Seo Check pada widget dibawah ini:
<div style="text-align:center;margin:2px">
<a href="http://www.alexa.com/siteinfo/sepintasseo.blogspot.com"><script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/s/a?url=sepintasseo.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&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 sepintasseo.blogspot.com"><img src="http://chkme.com/seo-sepintasseo.blogspot.com.png" title="SEO Reports for sepintasseo.blogspot.com" alt="SEO Reports for sepintasseo.blogspot.com"/></a>
</div>
<a href="http://www.alexa.com/siteinfo/sepintasseo.blogspot.com"><script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/s/a?url=sepintasseo.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&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 sepintasseo.blogspot.com"><img src="http://chkme.com/seo-sepintasseo.blogspot.com.png" title="SEO Reports for sepintasseo.blogspot.com" alt="SEO Reports for sepintasseo.blogspot.com"/></a>
</div>
Keterangan:
Ubah kode yang berwarna Biru dengan kode script sobat
Sekianlah tutorial Cara Membuat Konten Widget Rata Tengah
Tag :
Widget
0 Komentar untuk "Cara Membuat Konten Widget Rata Tengah"