ZeZe Official Site

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><![CDATA[ di Edit HTML Template , lalu hapus dan gantikan dengan kode berikut :

    &lt;style type=&quot;text/css&quot;&gt;

    &lt;!-- /*<b:skin><![CDATA[*/

Lalu Save hasil kerja anda .

Semoga artikel mengenai "Validasi CSS3 Platform Blogger" ini bermanfaat