Validasi HTML 5 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
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]
Lakukanlah
langkah-langkah dibawah ;
Cari kode
<b:skin><
