Bagaimana Cara Agar Blog Valid Css3 itu yang akan saya bahas kali ini, Cara agar blog dapat valid Css3 yaitu dengan menghapus kode
http://www.blogger.com/static/v1/widgets/1576120009-widget_css_bundle.css
Karena kode tersebutlah yang membuat blog kita tidak valid Css3, Coba cek blog anda di http://jigsaw.w3.org/css-validator/. dan mungkin anda akan menemukan pesan error seperti ini.
URI : http://www.blogger.com/static/v1/widgets/1937454905-widget_css_bundle.css
1 .backlink-toggle-zippy Value Error : cursor hand is not a cursor value : hand
1 .status-msg-border Parse Error opacity=40)
1 .status-msg-bg Parse Error opacity=30)
1 .widget .widget-item-control a img Value Error : padding none is not a padding value : none
1 Unknown pseudo-element or pseudo-class ::root [root .goog-custom-button]
1 Unknown pseudo-element or pseudo-class ::root [root .goog-custom-button-outer-box]
1 Unknown pseudo-element or pseudo-class ::root [root .goog-custom-button-inner-box]
1 .FollowByEmail .follow-by-email-inner input Unknown pseudo-element or pseudo-class ::-webkit-input-placeholder [-webkit-input-placeholder]
1 Unknown pseudo-element or pseudo-class :-moz-placeholder
1 .label-size-1 Property filter doesn't exist : alpha(80)
1 .label-size-2 Property filter doesn't exist : alpha(90)
1 .Stats .blind-plate Parse Error opacity=65)
1 .widget.Subscribe .widget-content Property zoom doesn't exist : 1
1 .subscribe-wrapper Property zoom doesn't exist : 1
1 div.subscribe div.top attempt to find a semi-colon before the property name. add it
1 div.subscribe div.top Property progid doesn't exist : DXImageTransform
1 div.subscribe div.top Parse Error DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.blogger.com/img/widgets/s_top.png',sizingMethod='crop');
1 Parse Error [:1em;padding:4px 0 1px;width:144px}html>body div.subscribe div.top]
1 div.subscribe div.bottom attempt to find a semi-colon before the property name. add it
1 div.subscribe div.bottom Property progid doesn't exist : DXImageTransform
1 div.subscribe div.bottom Parse Error DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.blogger.com/img/widgets/s_bottom.png',sizingMethod='crop');
1 Parse Error [:3px;height:3px;line-height:0}.subscribe-wrapper .expanded]
Cara menghapus kode tersebut.1. Buka dashboard blog masing-masing > Template > Edit Html > Centang Expand......
2. Cari kode
<b:skin><![CDATA[ dan ganti dengan kode
<style type="text/css">
<!-- /*<b:skin><![CDATA[*/
3. Klik Pratinjau terlebih dahulu dan klik Save.
Peringatan !!!
Menghapus kode tersbut mungkin akan menyebabkan kerusakan pada template anda, jika Anda menggunakan widget resmi dari blogger, Tampilannya dapat berubah.
Saya sudah mencoba cara diatas dan tidak terjadi kesalahan.Sekian dari postingan saya kali ini semoga bermamfaat.