Cara Sederhana Agar Blog Valid HTML5 - D I A K U I N
Home Blog HTML5 Cara Sederhana Agar Blog Valid HTML5

Sunday, December 22, 2013

Cara Sederhana Agar Blog Valid HTML5

Author.    On.   
Cara Sederhana Agar Blog Valid HTML5

Banyak sekali para blogger yang ingin template blognya tersebut dapat valid HTML5 . Keuntungan dari valid HTML5 sebenarnya banyak, 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.
Berikut langkah-langkah validasi HTML5 :
  1. Hapus kode yang berada diatas kode <head> , lalu ganti dengan kode berikut :
    <?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE html>
    <HTML>
  2. Ganti kode </html> dengan kode </HTML> ;
  3. Hapus semua kode berikut ini :

    1. <b:include name='quickedit'/> Harap hapus kode diatas lagi jika kamu menambahkan beberapa widget lagi .
    2. <a expr:name='data:post.id'/>

  4. Cari kode </head>, lalu masukkan kode berikut tepat dibawahnya :

    <!-- <body><div></div> -->Sehingga menjadi :
    </head>
    <!-- <body><div></div> -->
    <body>
  5. Jika kamu menambahkan gambar pada posting, harap gunakan kode berikut dimode HTML :
    <div class="separator" style="clear: both; text-align: center;">
    <img alt="Keyword Gambar" height="236" src="URL GAMBAR" title="JUDUL Gambar" width="320" /></div>
Cukup sederhana kan caranya? hehee semoga bermanfaat yaaaaa ...

source : http://shukaku4rt.blogspot.com/2013/06/cara-mudah-agar-blog-valid-html5.html

Share with your friends

70 comments

  1. fiu sDecember 22, 2013 at 7:04 AM

    ebeeeeeh,,,, ternyata neng dwi mahir ngubek-ngubek kode html toh ... salut buat neng dwi ... ;-) hehehe

    ReplyDelete
    Replies
    1. DwiDecember 22, 2013 at 8:56 AM

      sayaa suka ngubek ngubek html :D kalo rusak yaaa resiko :D

      Delete
    2. fiu sDecember 22, 2013 at 11:11 AM

      hehehe namnya juga ngubek2 pasti ada resiko, tpi kns seblm diubek bisa di nyiapin buat cadanganny .... hehehe ;)

      Delete
    3. dedetea66December 22, 2013 at 8:56 PM

      ngubek-ngubek tidak sama dengan obok-obokan yahhhhh hihi

      Delete
    4. Rz BotJanuary 30, 2014 at 8:25 PM

      obok-obok seperti lagunya joshua yah:

      sederhana tapi bermanfaat sist :D

      Delete
  2. Kang SunDecember 22, 2013 at 7:15 AM

    Kalau urusan HTML, hadechhhh...pusing dech!

    ReplyDelete
  3. UnknownDecember 22, 2013 at 7:31 AM

    Lagi pusing mikirin html mbak, biarin aja dulu deh :D

    ReplyDelete
  4. Aldi Rahman December 22, 2013 at 7:54 AM

    Terima kasih infonya, sangat bermanfaat untuk saya yang masih blogger pemula :)

    ReplyDelete
  5. Kang UcupDecember 22, 2013 at 8:07 AM

    saya juga paling mumet kalau urusan kode html :)

    ReplyDelete
  6. GupitanDecember 22, 2013 at 8:12 AM

    Terimakasih sob... Blog saya banyak menggunakan gambar, trik ini bisa saya terapkan agar valid HTML5

    ReplyDelete
    Replies
    1. DwiDecember 22, 2013 at 9:57 PM

      semoga berhasil kang ;) goodluck

      Delete
    2. GupitanDecember 23, 2013 at 12:43 AM

      Terimakasih infonya sebagian sudah saya terapkan :)

      Delete
  7. UnknownDecember 22, 2013 at 8:20 AM

    blog yang saya kelola belum valid html5 nih tapi yang perpenting adalah isinya ..hehe

    ReplyDelete
    Replies
    1. UnknownDecember 22, 2013 at 8:36 AM

      sist itu kode tidak bisa dicopy malah waktu dicopy cuma ada link sumbernya saja ..jadi saya tidak bisa menerapkan yang ada dibawah head

      Delete
    2. DwiDecember 22, 2013 at 8:55 AM

      kok bisa gitu ya kak? :(

      Delete
    3. UnknownDecember 22, 2013 at 9:54 AM

      mungkin karena javascript anti copas nya itu de .. jadinya gak bisa nyoba deh :(

      Delete
    4. DwiDecember 22, 2013 at 10:01 AM

      hahaa iya kak bisa jadi bisa jadi :D

      Delete
  8. Guru TIKDecember 22, 2013 at 8:34 AM

    sepertinya blog saya sudah seperti itu, hehe
    nyimak aja mbak, ntar kalo diubek2 malah ancur, hehe soalnya tidak mahir ngubek2 html

    ReplyDelete
    Replies
    1. DwiDecember 22, 2013 at 9:58 PM

      hahaaa blog saya sendiri gak valid html5 :D

      Delete
  9. paridahDecember 22, 2013 at 8:34 AM

    xberapa pandai nk mengklil-klik ni...tq infonya.

    ReplyDelete
  10. Mas MarnesDecember 22, 2013 at 8:38 AM

    Wah kalo udah urusan yang beginian saya cuma planga plongo aja nie, kagak mudeng hehehe...tapi makasi banyak nie udah share infonya nanti ta' coba praktekin :)

    ReplyDelete
  11. UnknownDecember 22, 2013 at 8:40 AM

    wahh keren artikelnya...
    yang saya udah valid...

    ReplyDelete
  12. UnknownDecember 22, 2013 at 8:50 AM

    wah gak nyangka sederhana sekali, tapi kalo soal berhasilnya ngedit template itu tergantung koneksi internetnya, soalnya saya sering gagal dikarnakan koneksi yang lambat

    ReplyDelete
  13. UnknownDecember 22, 2013 at 8:54 AM

    Meski saya juga suka mumet kalau urusan beginian tapi ngak ada salahnya dicoba siapa tau bisa..asyik..makasih ya

    ReplyDelete
  14. Hasan A.KDecember 22, 2013 at 9:10 AM

    sepertinya salah kalah jauh soalnya sampai sekarang saya tidak mengerti html5 yang saya tahu cuma md5 dan codeigniter

    ReplyDelete
  15. Indra Kusuma SejatiDecember 22, 2013 at 9:13 AM

    Walau agak ribet dengan urusan HTML, sepertinya cara sederhana ini blog kita akan menjadi mantap.

    Salam

    ReplyDelete
  16. Intan SudibjoDecember 22, 2013 at 9:44 AM

    sebenernya mudah html5 itu, itu juga kalo ngerti wkwkwk :D

    ReplyDelete
    Replies
    1. UnknownDecember 22, 2013 at 11:49 AM

      kwkwkw bener mas... saya aja puyeng @_@

      Delete
    2. UnknownDecember 22, 2013 at 12:55 PM

      inyong belum paham beginian... yang ada erorr melulu ...

      Delete
  17. abang ichalDecember 22, 2013 at 10:24 AM

    hanya cara ke 4 yg belum sy lakukan

    ReplyDelete
  18. UnknownDecember 22, 2013 at 12:00 PM

    wah simpel sekali trnyata ya mbak.. bsa di coba ni hehe :)

    ReplyDelete
  19. lolDecember 22, 2013 at 12:06 PM

    mantep infonya . . . bermanfaat banyak buat blogger seperti saya yang newbe

    ReplyDelete
  20. ArifDecember 22, 2013 at 12:09 PM

    Praktek dulu mbak!

    ReplyDelete
  21. UnknownDecember 22, 2013 at 1:22 PM

    koreksi post id itu penting jadi jangan dihapus

    ReplyDelete
  22. rumah abu abuDecember 22, 2013 at 1:52 PM

    Nice mba dwi :) Salam sukses

    ReplyDelete
  23. Mas JackDecember 22, 2013 at 2:09 PM

    bagus deh, punyaku udah html 5 kok :D

    ReplyDelete
  24. UnknownDecember 22, 2013 at 3:01 PM

    wahh ternyata caranya sangatt simple sekali yah mbak :) jujur saya baru tahu nih makasii yah mbak atas infonya ^_^

    ReplyDelete
  25. UnknownDecember 22, 2013 at 3:12 PM

    punya saya sudah valid ternyata mbak

    ReplyDelete
  26. UnknownDecember 22, 2013 at 3:12 PM

    masih bingung soal ginian...meskipun keliatan sederhana tapi agak susah. hehe

    ReplyDelete
  27. UnknownDecember 22, 2013 at 4:17 PM

    Nyoba ya Sob, mudah-mudahan bisa nih

    ReplyDelete
  28. ClarestaDecember 22, 2013 at 5:16 PM

    rumit juga ya mbak kedepannya, karena harus menghapus beberapa script jika kita menambahkan widgwt baru :(
    saya pelajari dulu nih, makasih infonya ;)

    ReplyDelete
  29. Wahyu Eka PrasetiyariniDecember 22, 2013 at 5:35 PM

    ternyata mudah banget ya mbak untuk membuat blog valid html 5. bisa dicoba nich :)

    ReplyDelete
  30. MasnadyDecember 22, 2013 at 5:52 PM

    wah ternyata mbak dwi master template juga nih.. hmmm saya kalah deh kalau urusan template mbak.. saya pernah nyoba membuat blog saya valid html5 mbak, bukanya valid malah error terus, hmm mungkin ada yang salah saya dalam meletakkan kode atau menghapusnya hehehehe

    ReplyDelete
  31. UnknownDecember 22, 2013 at 7:42 PM

    Koding lagi,, koding lagi.. hehe
    meskipun menarik, tapi klo sy pribadi terlalu buang banyak aktu..
    but, its no problem.. mgkin sy bsa mncobany d lain hari yg lbh renggang.. :)
    Salam kenal n kunjungan

    ReplyDelete
  32. Abah KheboDecember 22, 2013 at 8:07 PM

    Mampir malam sob....

    ReplyDelete
  33. UnknownDecember 22, 2013 at 8:45 PM

    Sangat bermanfaat ni Mbak Dwi artikelnya ternyata jago Valid HTML5 Juga yah
    Saya mau tanya ada 2 error pada validasi html5 pada halaman Artikel saya
    Pasti Mbak Dwi paham mengatasinya mohon cara mengatasinya Makasih
    di bawah ini yang errornya :
    <a href='' rel='nofollow' title='Kisah Sunan Gunung Jati dan Lie ong tien '>

    ReplyDelete
    Replies
    1. DwiDecember 22, 2013 at 10:50 PM

      silahkan baca ini kak ;) ~> https://www.dropbox.com/s/yjsvf7gp2rx0fur/cara%20validasi%20html.txt

      Delete
    2. UnknownDecember 22, 2013 at 11:51 PM

      Link nya ada Laporan : Error (404) Mbak Dwi
      dan jadi Broken link dan sedikit waspada pada broken link
      Dan yang saya tanyakan seperti comments saya diatas
      Bukan nanya site drobox. tapi gak apa-apa deh sudah
      Ketemu sendiri antisipasinya

      Delete
    3. DwiDecember 23, 2013 at 12:47 AM

      di dropbox itu ada note.txt gan ;) saya bukan mau ngasih site dropbox :D

      Delete
  34. dedetea66December 22, 2013 at 8:59 PM

    luarbisa neg Dwi,ternyata suka juga utak-atik blog ( tutornya ) oke deh terimakasih nanti bisa dicoba nih,,,,

    ReplyDelete
  35. UnknownDecember 22, 2013 at 9:22 PM

    lho, ko segampang itu ya memvalid 5-kan html? thanks mbak dwi

    ReplyDelete
  36. FIRASATDecember 22, 2013 at 9:23 PM

    This comment has been removed by a blog administrator.

    ReplyDelete
  37. UnknownDecember 22, 2013 at 11:09 PM

    keren masbro :X

    ReplyDelete
  38. UnknownDecember 22, 2013 at 11:33 PM

    makasih mbak info nya ;)

    ReplyDelete
  39. HeriDecember 23, 2013 at 1:32 AM

    This comment has been removed by the author.

    ReplyDelete
  40. HeriDecember 23, 2013 at 2:10 AM

    nah, yang saya sering di lakukan adalah cara nomor ke 3, setiap menambah widget baru dan nomor 5 setiap mengupload gambar pada postigan, selain itu setiap gambar di blog saya baik itu postigan ataupun widget selalu saya tambahkan alt dan title tag agar seo friendly :D, tapi blog saya sendiri belum valid html 5 masih ada beberapa error, lebih pentingkan seo dulu, belum mengarah ke validasi html 5 hehehe

    oh yah mbak dwi, coba diperhatikan deskripsi blog mbak di dwi yang di header, kayaknya ada salah penulisan sedikit. kata "yan g" yang seharusnya "yang", :D

    terus mbak, sedikit saran, nah blognya mbak kan ada script anti copas, jadi jika membagikan kode, maka pengunjug gk bisa copy kodenya dong, untuk menghilangkan script anti copas-nya, cari kode seperti screenshot dibawah pada edit html template mbak, terus hapus deh

    lihat screenshot-nya, buka link ini mbak:

    https://lh5.googleusercontent.com/-QXSvAdC_w88/Urc2fCWhmbI/AAAAAAAABF8/nadWMAqare4/s640/script-anti-copas-di-blog-dwi-alfina.jpg

    tadinya mau langsung masukin kodenya di komentar, tapi komentar blog mbak gak ngijinin kode, makanya saya screenshot aja

    tapi ini hanya saran yah mbak :D, agar pengunjung tidak kesusahan saat copy kode yang mbak bagikan :D

    ReplyDelete
  41. UnknownDecember 23, 2013 at 4:23 AM

    nice tips mbak,,,
    nanti deh, klo saya mau bikin blog baru lagi saya akan coba tips ini,,,
    alhamdulillah, blog saya yg sekarang, udah valid html 5..hehe

    ReplyDelete
  42. MANG YONODecember 23, 2013 at 11:59 PM

    ternyata adminnya master juga ya, seneng utak - atik daleman blog hehehe

    ReplyDelete
  43. UnknownDecember 24, 2013 at 7:44 AM

    Setau saya untuk blog HTML5 ada beberapa tag dan widget yang harus di hindari , hindari tag < center > kemudian widget " Google+ Followers " Pengikut " Share Button " Pageview " Peace v :D v

    ReplyDelete
  44. UnknownDecember 24, 2013 at 2:16 PM

    Mangstab nih, Wajib dicoba ini :)

    ReplyDelete
  45. ISyamsunDecember 26, 2013 at 6:37 AM

    wah banyak juga yah manfaat dari template yang Valid HTML5.
    cara mengetahui template Valid HTML5 atau tidak bagaimana nih mbak?

    ReplyDelete
  46. AnonymousDecember 30, 2013 at 10:42 AM

    Back up template dulu sebelum di edit

    ReplyDelete
  47. ERCEDIJanuary 8, 2015 at 5:24 PM

    em. semangat maneh.

    ReplyDelete

Berkomentarlah dengan baik, diharapkan komentar sesuai Isi Artikel.
Dilarang keras meninggalkan link aktif ataupun iklan dikolom komentar.

Halo Sehat