Maaf, blog ini hanya support dengan Browser

Mozilla FireFox or Google Chrome

Sabtu, 16 Maret 2013

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 .




Judul: Cara Terbaru Agar Template Blog Menjadi Valid HTML5 2013
Deskripsi:    Cara Terbaru Agar Template Blog Menjadi Valid HTML5 2013 | Kali ini saya akan membagikan sebuah tips terbaru agar template blog kalian...
URL: https://blog2walking.blogspot.com/2013/03/cara-terbaru-agar-template-blog-menjadi.html

0 komentar :

Posting Komentar

 
 
Copyright © 2013 | Blog Walking Mania - All Rights Reserved . Design by DIEKY'S BLOG - Powered by Blogger