Validasi CSS3 Platform Blogger | Pada kesempatan yang lalu saya telah memberikan sedikit tutorial mengenai Validasi HTML5 Platform Blogger , kini saya akan memberikan tutorial mengenai Validasi CSS3 Platform Blogger .
Banyak para blogger yang hanya mementingkan validasi pada HTML5 , sedangkan validasi pada CSS3 banyak yang tidak dilakukan . Padahal , validasi pada CSS3 itu sangat berguna bagi kelangsungan blog tsb , karena dapat membuat blog tsb lebih ringan dalam meload halaman .
Validasi terhadap CSS3 memang belum banyak para blogger yang membahasnya , oleh karena itu mari ikuti tutorial berikut ini :
- Login Blogger ;
- Template ||> Edit HTML [Jangan Lupa Centang "Expand Template Widget"] ;
- Cari kode berikut menggunakan Ctrl+U / F3 ;
http://www.blogger.com/static/v1/widgets/1576120009-widget_css_bundle.css
- Hapus kode tsb dan Save , lalu segera meluncur menuju http://jigsaw.w3.org/css-validator/ . Bila masih menemui pesan error seperti berikut :
1 .backlink-toggle-zippy Value Error : cursor hand is not a cursor value : hand
Lakukanlah langkah-langkah dibawah ;
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] - Cari kode <b:skin><![CDATA[ di Edit HTML Template , lalu hapus dan gantikan dengan kode berikut :
<style type="text/css">
<!-- /*<b:skin><![CDATA[*/ - Lalu Save hasil kerja anda .
Semoga artikel mengenai "Validasi CSS3 Platform Blogger" ini bermanfaat ^_^ .....
Subscribe via Email
0 Response to "Validasi CSS3 Platform Blogger"
Post a Comment