Cara Terbaru Agar Template Blog Menjadi Valid HTML5 2013

Cara Terbaru Agar Template Blog Menjadi Valid HTML5 2013
   Cara Terbaru Agar Template Blog Menjadi Valid HTML5 2013 | Kali ini saya akan membagikan sebuah tips terbaru agar template blog kalian menjadi Valid HTML5 . Emang apa sih keuntungannya kalo template blog itu Valid HTML5 ?
Keuntungannya yaitu :

1. Dapat ditulis dalam sintaks HTML (dengan tipe media teks/html) dan XML ;
2. Integrasi yang lebih baik dengan aplikasi web dan pemrosesannya ;
3. Integrasi (’inline’) MathML dan SVG dengan doctype yang lebih sederhana ;
4. Penulisan kode yang lebih efisien ;
5. Dapat dimengerti oleh peramban lawas (backwards compatible) , Sehingga istilah ‘deprecated’ tidak akan diperlukan lagi .

Pengen langsung Valid HTML5 ? Ikuti tutorial dibawah ini :

  1. Login ke akun Blogger kalian ;
  2. Masuk ke Template > Edit HTML ;
  3. Setelah itu Klik Lanjutkan dan jangan lupa Centang "Expand Template Widget" ;
  4. Hapus kode yang berada diatas kode <head> , lalu ganti dengan kode berikut :
    <?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE html>
    <HTML> 
  5. Jangan lupa ganti </html> dengan </HTML> ;
  6. Bila kalian menemukan kode seperti ini :
    <b:skin><![CDATA[/*
    -----------------------------------------------
    Blogger : Oppa Gangnam Style
    Name    :     Sexy Lady
    Date      :     03 Feb 2013
    ----------------------------------------------*/

    hapus tanda "-" , sehingga menjadi :
    <b:skin><![CDATA[/*

    Blogger : Oppa Gangnam Style
    Name : Sexy Lady
    Date : 03 Feb 2013

    */
  7. Hapus semua kode seperti berikut :
    • <b:include name='quickedit'/> [Hapuslah kode ini setiap kali kalian menambahkan widget baru] , dan ;
    • <a expr:name='data:post.id'/> .
  8. Masukkan kode dibawah ini tepat DIBAWAH kode </head>
    <!-- <body><div></div> -->
  9. Simpan templatenya .
  10. Apabila kalian mempostingan sesuatu yang memuat gambar didalamnya , selalu gunakan kode ini :
    <div class="separator" style="clear: both; text-align: center;">
    <img alt="Keyword Gambar" height="236" src="URL GAMBAR" title="JUDUL Gambar" width="320" /></div>

Setelah itu, silahkan kalian cek blog kalian disini .
Sekian tips dari saya , semoga bermanfaat .

0 comments:

Post a Comment

 
Modified by analisa saham from Blogger Templates, Bibir SEO Sponsors: WooThemes Coupon Code, Rockable Press Discount Code