Cara Membuat dan merubah Blog Valid CSS3

Baik kali ini saya kita akan membahas Blog Valid CSS3. Dimana mungkin anda pernah mengalami error pada template karna tidak mendukung CSS3. Nah, apa itu CSS3...??? CSS3 adalah Cascading Style Sheet versi ke 3, yaitu pengatur dan pengendali tampilan sebuah halaman blog/ web. Juga bertujuan agar template dan tampilan webblog kita dapat lebih Seo dan posting artikel dapat lebih mudah di telusuri oleh mesin pencari Google.

CSS versi ketiga melakukan berbagai pemutakhiran terhadap kemampuannya beradaptasi dengan teknologi multimedia yang semakin modern, diantara pemutkhiran tersebut adalah:

• CSS3 mampu membuat efek animasi secara independent tanpa membutuhkan software tambahan seperti Adobe Flash dan Microsoft Silverlight.
• CSS3 mampu memberikan efek grafis terhadap teks, kolom, table serta penataan huruf.
• CSS3 mampu menampilkan berbagai macam dan jenis huruf selain web-safe fonts.
• CSS3 mampu merekonstruksi secara visual tampilan block, seperti merubah ukuran kotak, transformasi 2D/ 3D, memberikan efek sudut dan bayangan.
• CSS3 mampu memanipulasi secara visual warna, desain maupun tekstur.

 Menarik bukan..??

Baik langsung ke TKP, silahkan ikuti langkah-langkah dibawah ini...

1. Sebelumnya Silahkan login ke halaman blogger anda
2. Masuk ke halaman 'Edit Template'.
3. Cari kode ini <b:skin><![CDATA[ selanjutnya Cut (Ctrl + X) semua kode CSS di bawah nya,    ingat hanya kode css nya sampai pada kode ]]></b:skin>, sebelumnya kode CSS di copy  paste atau dipindahkan ke  NOTEPAD,  Sehingga  akan menyisakan kode berikut : <b:skin><![CDATA[ ]]></b:skin>
Lalu ganti kode <b:skin><![CDATA[ ]]></b:skin>

dengan kode berikut ini :

&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
selanjutnya tepat dibawah nya pasang kode ini :
<style type='text/css'>

.....masukan kode css disini.....</style>

Sehingga nantinya kode menjadi seperti ini :

    &lt;style type=&quot;text/css&quot;&gt;
    &lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
    <style type='text/css'>

    .....masukan kode css disini.....
    </style>

4. kode css yang tersimpan di notepad tadi silahkan copy dan Paste pada kata
      .....masukan kode css disini.....
5. Save template

Pada tips ini sudah banyak kode error yang sudah teratasi. Silahkan cek kembali template sobat di Css Validasi Servis ( Bisa cari di mbah google ).

Baik sekian Artikel ini, Semoga membantu. Terimakasih.

Artikel Terkait