Wednesday, 31 July 2013

Cara Membuat Blog / Template Valid HTML5

Cara Membuat Blog / Template Valid HTML5-Tentu kalian tahu apa fungsi dari HTML5 , fungsi dari blog / template html5 ialah artikel kita cepat terindek oleh Google , dapat meningkatkan SEO , lihat kriteria atau syarat-syarat SEO di seo analyzer . gak percaya ...? buktinya setiap kali saya menulis artikel Al-hamdulillah 80% masuk di Home page atau berada di halaman utama google , buktikan sendiri ..

Cara Membuat Blog / Template Valid HTML5

Berikut cara membuat Template Blog Valid HTML5 :

1. Biasanya dalam template lama ( jadul ) masih menggunakan HTML di bawah ini :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html 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'>

Ganti kode di atas dengan kode 

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML expr:dir='data:blog.languageDirection'>
<head>
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>

Dan ganti kode </html> biasanya terletak paling bawah  (dibawah kode </body>) dengan kode </HTML> (huruf besar)

2. Setiap anda menambahkan widget baru hapus kode sepeerti di bawah ini :
<b:include name='quickedit'/>

3. Setiap anda memberi image atau gambar di dalam postingan jangan lupa untuk menghapus 
imageanchor="1" dan  border="0" 

4. apabila anda menggunakan <script>Kodescript </script> maka gantilah kode tersebut dengan kode <script type='text/javascript'>Kode script</script>

Itu merupakan sebagian cara membuat blog atau template valid HTML 5 , apabila masih ada kesalahan jangan lupa untuk berkomentar , insya Allah saya bisa mengatasinya , karena saya sudah biasa membuat template blog valid HTML 5.
Diposkan oleh di
Label:

31 comments:

  1. Dasep New Kasep1 August 2013 at 00:14

    tidak berhasil sob...
    html nya gak mau dirubah dengan huruf besar HTML

    ReplyDelete
    Replies
    1. ahmad suyadi1 August 2013 at 00:37

      oh ya , maaf sob tadi kodenya kurang sedikit , tapi sekarang sudah saya perbaiki sob ...
      silahkan di coba lagi

      Delete
    2. Dasep New Kasep1 August 2013 at 09:34

      masih belum sob...
      masih gak mau di rubah html nya. kode peringatanya gini sob

      Tidak dapat memuat pratinjau template: Kesalahan saat mengurai XML, baris 2387, kolom 10: The element type "head" must be terminated by the matching end-tag "

      Delete
  2. ahmad suyadi1 August 2013 at 18:22

    bisa , sob silahkan di coba lagi
    kalau mau berekenan nanti saya bantu , lewat email ahmadsuyadi97@gmail.com

    ReplyDelete
  3. Ryan Anggowo24 August 2013 at 11:44

    Maaf ganggu. saya ingin menanyakan kenapa saya menambahkan widget tentang Profil malah ada errornya terus. mohon bantuannya.
    thanks

    ReplyDelete
    Replies
    1. Ahmad Suyadi24 August 2013 at 16:10

      maksudnya kode ini sob :

      b:include name='quickedit'

      untuk mempermudah pencarian kode tersebut cari kode " quickedit "
      tanpa tanda petik ...

      Delete
  4. vhycko mayaut28 August 2013 at 01:10

    Thanks Gan, ane coba dulu :D

    ReplyDelete
  5. fitrah bin mahdi31 August 2013 at 00:43

    syukran

    ReplyDelete
  6. Ahmad Suyadi8 September 2013 at 03:26

    salam kembali

    ReplyDelete
  7. taufiq andepi13 September 2013 at 05:49

    oke sob

    ReplyDelete
  8. taufiq andepi13 September 2013 at 05:52

    oke sob

    ReplyDelete
  9. Roku-roku14 September 2013 at 23:51

    tanks infonya sob
    salam kenal http://roku-rokudo.blogspot.com/

    ReplyDelete
  10. TWINStronik14 October 2013 at 22:18

    siplah

    ReplyDelete
  11. Ikhsan Iskandar7 November 2013 at 15:12

    gan, saya sudah mencoba cara diatas, namun setelah saya cek di w3c ternyata blog saya masih memiliki 2 eror 1 warning, pemberitahuan w3c seperti ini

    Error Line 203, Column 22: An body start tag seen but an element of the same type was already open.

    menurut agan letak masalah kode erornya ada dimana?

    ReplyDelete
  12. sherly annisa7 November 2013 at 20:55

    visit me back

    ReplyDelete
  13. alex15 November 2013 at 00:27

    koq gak bisa gan?

    ReplyDelete
  14. Go Speed Indonesia (GSI)27 November 2013 at 23:30

    salam kenal http://indonesiaspeed1.blogspot.com

    ReplyDelete
  15. Lukman Hakim29 November 2013 at 23:52

    sip tulisannya....jalan-jalan ke blog ane gan..catatanbanglukman.blogspot.com....mohon masukannya soalnya ane blogger baru...salam persahabatan,gan!.

    ReplyDelete
  16. muhammad rifqi20 December 2013 at 16:01

    terima kasih sob nfonya

    ReplyDelete
  17. Mas Heru26 December 2013 at 07:56

    Sip sob, langsung dipraktekin arahannya. Salam kenal dan sukses ya

    ReplyDelete
  18. Mochamad Elgarif28 December 2013 at 17:45

    infonya bermanfaat
    tetap sukses gan dengan postingan berkualitas

    ReplyDelete
  19. Icha Rental30 December 2013 at 20:16

    thank masbro atas info

    ReplyDelete
  20. Rifqi Rusdi1 January 2014 at 02:04

    Assalamualaikum
    agan, bisa gak bantu nge valid in blog template saya ? soalnya kalau masuk ke template blog suka ada peringatan kesalahan :( bisa di cek www.rifqirusdirahman.blogspot.com
    Tolong pencerahannya gan :)

    ReplyDelete
  21. Muqsith Al Hamid2 January 2014 at 04:30

    Work gan, maksii yehh info nya

    ReplyDelete
  22. Ibnu hajar5 January 2014 at 13:13

    mantap

    ReplyDelete
  23. Maz wahid13 January 2014 at 21:33

    Mas saya sudah chek blog saya, ketika saya chek di validator.w3.org blog saya sudah Passed HTML5 cuma sisa 2 warning, namun ketika saya chek di www.seoanalyser.net,kok masih belum valid HTML5 ya :( ?? mohon bantuannya mas.
    ini blognya http://artikel-artikel-keren.blogspot.com/

    ReplyDelete
  24. Ariy Anto29 January 2014 at 23:39

    thanks gan sangat bermanfaat...
    http://pusatfurnituresurabaya.blogspot.com/

    ReplyDelete
  25. Tri Nugroho13 February 2014 at 23:46

    Thanks for info, visit to my Blog, dan tolong komentari hal yang kurang dari blog saya

    ReplyDelete
  26. Ibnoe Frame-Art23 February 2014 at 14:29

    Mau nanya ni gan, kenapa ya stelah saya hapus kode-kode sesuai perintah diatas, lalu saya pratinjau saya lihat aman-aman saja, trus saya save. tapi kenapa ya gan setelah saya tutup edit template, lalu saya buka lagi kode yang saya hapus tadi nongol kembali, alias kembali seperti semula, untuk sobat blogger yang lain jika tidak keberatan coba lihat kembali kode-kode yang dihapus sesuai petunjuk di atas, jika kode template blogger sobat yang dihapus tersebut tidak kembali seperti semula, berarti ada masalah dengan template saya, dan jika sobat tidak keberatan mari kita diskusikan permasalahan ini, contoh kode yang kembali seperti semula alias nongol kembali pada template seperti :

    b:include name='quickedit'

    ReplyDelete
  27. Lyfa Stiker2 March 2014 at 02:25

    Terima kasih infonya

    ReplyDelete
  28. Si M0log2 March 2014 at 04:04

    Ok mas trims

    ReplyDelete

Subscribe to: Post Comments (Atom)