Validasi CSS3 Platform Blogger


CSS3Logo_406A9E5E


     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 ^_^ ..... 

0 Response to "Validasi CSS3 Platform Blogger"

Post a Comment