Cara Membuat Validasi HTML5 Blogger

Cara Membuat Valid HTML5 Blogger - Pada kesempatan kali ini saya akan membagikan tutrial tentang Valid HTML5. Walaupun sudah banyak yang memposting tentang Valid HTML5tidak salah disini saya akan memposting lagi.
HTML5

Apa itu HTML5?HTML5 adalah pengembangan dari versi sebelumnya, Baca: Pengertian HTML dan PHP dimana tujuan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin. Intinya, agar web/blog terbaca sempurna di semua browser dan mudah dalam penggunaan.

Untuk mengecek Validasi Blog DISINI atau DISINI ~ Contoh yang sudah Balid HTML5

Langkahnya membuat validasi HTML5:
1. Masuk ke edit HTML dan jangan lupa untuk di backup
2. Cari kode seperti:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html b:version='2' class='v2' 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 dengan :
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>
3. Ganti kode html dengan HTML bagian atas dan bawah
4. Ganti kode berikut:
<b:include data='blog' name='all-head-content'/>
dengan
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='description'/>
</b:if>
</b:if>
5. Ganti kode <b:skin><![CDATA[ dengan:
<link href='//www.blogger.com/static/v1/widgets/3950009988-widget_css_bundle.css' rel='stylesheet' type='text/css'/>
&lt;style type=&quot;text/css&quot;&gt; &lt;!-- /*<b:skin><![CDATA[*/]]
<style>
6. Hapus semua kode:
<b:include name='quickedit'/>
Setiap ada penambahan widget baru hapus kode di atas
7. Hapus semua kode berikut:
<b:include data='post' name='postQuickEdit'/>
atau seperti ini:
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='&quot;item-control &quot; + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
8. Cari kode dan Hapus kode berikut:
<div class='post-share-buttons goog-inline-block'>...bla bla sampai...</div>
9. Ganti semua kode & dengan &amp;
10. Simpan Template

Mungkin hanya begitu saja yang bisa saya sampaikan dan semoga bermanfaat.

Resource: http://blog.kangismet.net/2013/08/cara-membuat-blog-valid-html5.html

55 Responses to Cara Membuat Validasi HTML5 Blogger

  1. Hmmm aku nggak tau punyakuhtml5 apa tidak..
    Dan untuk edit html aku nggak bisa.
    Eeeyy aku coba check di link itu kok semuanya error dan sebagian warning..
    Maksudnya apa yaaa..

    ReplyDelete
    Replies
    1. berarti blum valid HTML5 sist, perlu di optimalkan untuk HTML5 nya. :)

      Delete
  2. punya saya masih belum valid, cara ini harus saya lakukan nih //

    ReplyDelete
    Replies
    1. sama yang ini juga blum valid sist.. masih error pada JSnya, nyari2 gak ketemu =(

      Delete
    2. Saya lihat dengan ctri+ u ada script di bawah kode </body> coba pindahkan tepat di atas kode </body>

      Delete
    3. iya benar.. script alexanya.. setalah di hapus dan bisa valid HTML 5 :) makasih :D

      Delete
  3. Dulu saya pernah nyoba tapi eror, untung udah di backup...) sampai sekarang blog saya belum valid html5 :'(

    ReplyDelete
    Replies
    1. sabar mas, pelajari lagi. saya juga masih belajar :)

      Delete
  4. saya fahami dulu mas...buat saya masih rumit
    makasih ya

    ReplyDelete
  5. wah ni blog lainnya ya, dalam rangka kunbal gan,
    oh ya sya pernah pake cara itu di blog sya dgn template yg sekarang jd acak2an aneh ga ngerti jd d restore aja yg lama deh, pengaruhnya apa ya ga valid html5?
    seo ny?

    gan sering2 ya maen ke blog sy kuliposting

    ReplyDelete
    Replies
    1. iya sist :) yang sudah di tuliskan pada postinagn kang Ismet kelebihan memakai ini:
      1. Membantu Search Engine meng-indeks dokumen website/blog lebih baik.
      2. Render browser lebih baik dan lebih cepat
      3. DOCUMENT OBJECT MODEL (DOM) lebih stabil dan konsisten
      4. Future Proof, yang berarti HTML lebih kompatible, backward compatible terhadap browser terbaru.
      5. Mengetahui kondisi website/blog lebih detail ( link-link broken, link mati, dst.)
      6. Lebih disukai browser-browser dan tentu masih banyak lagi keuntungan lain dari validasi HTML ini.

      siap BW

      Delete
  6. wah menarik juga ya mas kalau blog kita bisa valid html5. Jadi lebih ringan loading nya :)
    tapi lumayan banyak juga ya kode nya hehe :D

    ReplyDelete
  7. kalau nggak ngerti kode html susah untuk membuat blog kita valid HTML yah mas, saya juga udah pernah mencoba tapi masih bingung dan masih banyak yang error, makasih infonya mas :)

    ReplyDelete
    Replies
    1. sama-sama mas.. :) memang bgitu harus berlatih HTML

      Delete
  8. Saya juga blm gitu paham sama soal ini...
    Sekalian ikut belajr dan mahamin pelan2 deh :)

    ReplyDelete
    Replies
    1. iya kita belajar bersama mas, biar bisa :) pelan2 asal pasti

      Delete
  9. Wah, blog ane belum valid. harus dibenahi lagi jadinya.

    memang sih, untuk membuat blog valid HTML5 memang gampang-gampang sudah mas

    ReplyDelete
    Replies
    1. maksud saya gampang-gampang susah mas.

      Delete
    2. iya gampang bagi yang sudah tahu :p tekuni belajar nanti pasti bisa :D

      Delete
  10. Izin praktekin dulu deh kang..
    makasih nih sudah share cara buat validasi HTML5 :-bd

    ReplyDelete
  11. kebetulan punya saya belum valid, cara ini bisa dicoba nih ;)

    ReplyDelete
    Replies
    1. iya mbak.. sebagai alternative belajar :D

      Delete
  12. pingin mencoba tp belum paham, saya pahami dlu ya gan..
    mencoba itu lebih baik dr pada tidak sama sekali ya nggak? :D

    ReplyDelete
    Replies
    1. benear sekali mas, maka kita tahu kesalahan kita dimana untuk bisa memperbaiki lagi kedepannya :-d

      Delete
    2. benear sekali mas, maka kita tahu kesalahan kita dimana untuk bisa memperbaiki lagi kedepannya :-d

      Delete
  13. Saya banyak sekali kesalahan html5 nih mas :)

    ReplyDelete
  14. pelajaran saya belum nyampe sini mas

    ReplyDelete
  15. ane html satu dua aja belum becus gan,,, saran template ke ane donk gan,,,

    ReplyDelete
    Replies
    1. coba cari disini mas http://pcfreesoftwarez.blogspot.com/search/label/Blogger%20Template :)

      Delete
  16. save dulu sob, untuk dipelajari ...

    ReplyDelete
  17. Dengar-dengar google Algoritma seneng blog yang valid html5 dan responsive

    ReplyDelete
  18. Mantap sob . . . .
    saya ternyata banyak yg erorr

    ReplyDelete
  19. Sulit untuk saya karena html aku ga ngerti

    ReplyDelete
    Replies
    1. gak sulit kalau mau belajar mbak ,hehe :D

      Delete
  20. saya nyimak aja deh mas.. gak terlalu mudeng kalo soal html.. :D

    ReplyDelete
    Replies
    1. makasih atas kunjungannya :) jangan bosan2 aja kesini :-d

      Delete
  21. makasih gan pos y bermanfaat buat saya

    ReplyDelete
    Replies
    1. sama-sama sob :-d alhamdulillah kalau bermanfaat :)

      Delete
  22. sangat sulit belajar editing coding HTML,terlebih tidak disertai dengan keberanian, sebagai saran awal buat sahabat semua jangan terburu-buru mengambil sikap untuk merubah HTML ke V-HTML5, coba lakukan pada hapus lekukan kode template saja dulu, lalu kemudian penghapusan kode padding :0px;border:0px atau bc-ground:none DKK sebagai dasar belajar coding template
    Terimakasih

    ReplyDelete
    Replies
    1. iya mbak.. mungkin tutorial sebagai awal kenapa langsung ke valid html5 bukan dari dasar pembelajaran.. makasih masukannya mungkin bisa saya perbaiki lagi :D

      Delete
  23. Tapi settingan ini untuk hasil SERp setelah nama blog pasti terdapat tulisan Blogger, bagaimana cara menghilangkannya ?

    ReplyDelete
    Replies
    1. maaf mas prisma sebelumnya saya belum memahami sampai situ,hehe maklum masih newbie nih :)

      Delete
  24. saya akan mempelajarinya, mulai dari nol :) mohon bimbingannya

    ReplyDelete
    Replies
    1. iya nanti saya bantu semmpu saya sis :)

      Delete
  25. mantaab brooo ,, aen dh valid :D

    ReplyDelete

Note:
► Silahkan Berkomentar Sesuai Tema.✔
► No LINK. SPAM & PROMOSI ✘
► Segala Komentar Yang Masuk tidak Saya Moderasi ✔
► Dilarang Promosi (kecuali Ijin Admin ) ✔
► Link Hidup = Hapus.✔