1. Hello Guest, selamat datang di Forum WinPoin. Kamu bisa bertanya, berdiskusi, sharing, dan ngobrolin apapun seputar Windows, Windows Phone, PC, Gadget, atau hal seputar Teknologi lainnya. Selamat berkomunitas! ;)

Membuat CSS Bundle di Blogger Valid

Discussion in 'Developer Corner' started by Yusril Ibnu, Jun 6, 2014.

  1. Yusril Ibnu

    Yusril Ibnu Winpoin Staff Staff Member

    Joined:
    May 12, 2014
    Messages:
    6,353
    Tutorial ini diambil dari Blog saya Tutorial Plus Dengan Sedikit Perubahan​


    [​IMG]

    CSS bundle adalah css dasar bawaan blogger untuk mengatur tampilan dafault, baik itu css untuk komentar ataupun kotak widget. banyak orang yang ingin menghapus css ini dikarenakan tidak valid CSS3 di w3c. namun jika kita menghapusnya, kita akan terkena dampaknya. yaitu tampilan menjadi "rusak". nah, tutorial disini saya akan memberitahukan cara membuat CSS bundle valid. oke langsung menuju tutorial.

    Langkah pertama adalah memindahkan css dari elemen <b:skin> ke <style>, caranya :
    Cari kode dari <b:skin><![CDATA[ sampai kode ]]></b:skin>, jika sudah ketemu silahkan anda copy dan hapus (lebih mudah di cut saja) kode tsb. simpan lah kode tadi di media teks editor seperti Notepad. jika sudah silahkan masukan kode tadi di antara tag <style type='text/css'> dengan </style>, posisinya diatas kode </head> kode lebih jelasnya :

    Code:
    <style type='text/css'>
    
    paste kode css tadi disini
    
    </style>
    
    
    Langkah kedua adalah menghapus kode CSS bundle dengan cara mengganti kode <b:skin><![CDATA[]]></b:skin> dengan kode dibawah:

    Code:
      <style type='text/css'> <!-- /* <b:skin><![CDATA[*/]]></b:skin>
    Langkah ketiga mengganti CSS bundle yang telah dihapus dengan css bundle yang valid, caranya , masukan kode dibawah ini di atas kode css langkah pertama tadi (<style type='text/css'> )

    Code:
    <link href='http://plustutorial.googlecode.com/svn/trunk/validbundle.css' rel='stylesheet' type='text/css'/>
    save dan beres.
    Silahkan Cek di W3c Validator. Dan kini css bundle di blogger menjadu valid ! :goodjob:
    Sekian Thread Ini Semoga Bermanfaat.
     

Share This Page