Validasi CSS3 Platform Blogger

     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 :

1.  Login Blogger ;
2.  Template ||> Edit HTML [Jangan Lupa Centang "Expand Template Widget"] ;
3. Cari kode berikut menggunakan Ctrl+U / F3 ;
   

   http://www.blogger.com/static/v1/widgets/1576120009-widget_css_bundle.css

4. 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 ;
5.  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[*/
6. Lalu Save hasil kerja anda .

Semoga artikel mengenai "Validasi CSS3 Platform Blogger" ini bermanfaat ^_^ .....