Maksudnya, supaya tampilan posisi gambar atau tulisan widget pada sidebar blog anda berada di tengah. Misalnya, saat anda memasang widget alexa atau sebuah tulisan iklan atau apapun juga, tapi posisinya terlalu kesamping, atau tidak center. Maka untuk mensiasatinya, saya gunakan cara ini. Sebab coding ini spesial valid HTML5, anti warning apalagi error. Karena cara penulisan tag <center>bla…bla…bla</center> dapat menyebabkan error validation.
Begini caranya, tapi jangan bilang siapa-siapa yaaa. Cuma kita-kita aja yang tahu. Adalah, ganti tulisan yang berwarna merah dengan script widget anda. Dengan kata lain, sisipkan script widget di antara kode di bawah ini.
<p style=”margin-top:none; margin-bottom:none; padding-bottom:none; text-align:center; line-height:none;>
Sisipkan script widget disini
</p>
Jika dalam satu widget terdapat lebih dari satu jenis coding script, misalnya di bawah kode widget alexa ada kode untuk memonitor jumlah pengunjung/statistik GeoVisite, atau dalam satu widget terdiri dari beberapa macam script iklan dan lain-lain. Maka cara penulisannya, di antara script widget di tambahkan tag <br/>.
<p style=”margin-top:none; margin-bottom:none; padding-bottom:none; text-align:center; line-height:none;>
Sisipkan script widget pertama disini
Sisipkan script widget pertama disini
<br/>
Sisipkan script widget kedua disini
<br/>
Sisipkan script widget dan ketiga disini
<br/>
Sisipkan script widget dan seterusnya disini
</p>
Sebenarnya, tidak menambah tag <br/> juga bisa. Artinya, tiap script widget yang satu dengan lainnya langsung disusun berurut. Tapi efeknya, jika ukuran sidebarnya agak lebar sementara tampilan widgetnya kecil maka akan jadi sejajar. Maksudnya jika menambahkan tag <br/> maka susunan widgetnya agak berurut ke bawah.
Anda juga bisa mengatur sendiri mengenai jeda atau jarak antara widget dengan garis sidebar. Juga jarak dari widget satu dengan lainnya. Dengan cara merubah tulisan “none” menjadi “10px” (misalnya).
Nah, bisa anda lihat hasilnya. Dan buktikan di W3C Markup Validation Service, apakah cara ini bisa menyebabkan error validation HTML5.