Thursday, May 2, 2013

Cara Membuat Template Blog Valid HTML5

Cara Membuat Template Blog Valid HTML5
Cara Membuat Template Blog Valid HTML5 | Template blog valid HTML5. Siapa sih yang tidak menginginkan template blognya valid HTML5. Saya yakin semuanya menginginkan template blognya valid HTML5. Apalagi dengan validnya template yang digunakan pada sebuah blog tersebut akan cukup mempengaruhi Google dalam mengindeks blog tersebut, karena validnya template suatu blog akan membantu SEO suatu blog. Selain itu juga, blog yang templatenya valid HTML5 loadingnya bisa lebih lancar. CMIIW. :)

Nah, Bagi Sobat Blogger yang ingin menjadikan template blog kesayangannya menjadi valid HTML5 silahkan mencoba tips dibawah ini yang biasa Saya terapkan pada beberapa template yang Saya gunakan.
  1. Cari kode seperti di bawah ini atau yang mirip dengan kode tersebut, lihat pada menu Edit HTML di urutan paling atas.
    <?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
      <head>
    Ganti semua kode yang berwarna hijau di atas dengan kode di bawah ini.
    <!DOCTYPE html>
    <HTML>
    <head>
    <meta charset='utf-8'/>
  2. Setelah itu cari kode </html> dan ganti dengan </HTML>.
  3. Lalu cari kode <body> dan letakkan kode di bawah ini tepat di atas kode tersebut.
    <!-- <body><div></div> -->
  4. Kemudian cari kode di bawah ini dan hapus kode tersebut.
    <b:include data='blog' name='all-head-content'/>
  5. Setelah itu cari semua kode yang memuat unsur /*--- BlaBla ---*/ seperti kode di bawah ini.
    /*--- Header ---*/
    Setelah ketemu, hapus semua tanda --- sehingga kode tersebut menjadi seperti di bawah ini.
    /* Header */
    Ingat, temukan semua kode tersebut dan hapus tanda --- nya.
  6. Setelah itu cari kode <b:include name='nextprev'/> dan ganti dengan kode di bawah ini.
    <b:if cond='data:blog.homepageUrl != data:blog.url'>
    <!-- navigation -->
    <b:include name='nextprev'/>
    </b:if>
  7. Setelah itu cari tulisan onClick, jika ada yang seperti itu ubah menjadi onclick.
Setelah melakukan beberapa langkah di atas, jangan lupa untuk menyimpan template Sobat tersebut dan silahkan cek ulang kevalidan template Sobat. Saya yakin akan jauh berbeda dari sebelumnya, karena template yang Saya gunakan awalnya memiliki ratusan kode yang error dan warning. Setelah melakukan langkah-langkah di atas menjadi valid dengan 1 warning.

Semoga tips sederhana Cara Membuat Template Blog Valid HTML5 ini bisa bermanfaat ya Sobat. Apabila ada yang kurang jelas jangan segan-segan untuk menanyakannya. Buat para Sobat Blogger yang mungkin lebih berpengalaman, mohon untuk bersedia memberikan masukannya. :)

NB : Sebenarnya untuk valid HTML5 tersebut tergantung dari si pengguna template itu sendiri, template yang sudah valid bisa menjadi tidak valid jika tidak hati-hati dalam menyusun atau peletakan kode CSS maupun Script.

Artikel Terkait

Blog ini dibuat atas ketertarikan dan minat kami dengan Dunia IT khususnya masalah software, game dan sebagainya. Blog ini juga sebagai media sosial untuk berbagi Info Menarik serta Hiburan lainnya agar lebih bermanfaat.

4 komentar

masih banyak errornya bang...gimana nich..?

wah, berarti belum beruntung tu Ga., :)
Coba sesuaikan lagi kodenya, karena tiap template kan beda2, lagian valid gak nya tergantung pengguna juga.,

Udah saya terapkan diblog saya gan

Gmn hasilnya Sob, berkurang atau malah jdi valid 100% Sob., :)

- Dilarang SPAM

- Dilarang Pasang Link Aktif

- Harus Sopan.
EmoticonEmoticon