share all free for you

Advertiser Here

Cara Membuat Valid XHTML Blogger

XHTML
XHTML
Di minggu sore ini iseng saya blogwalking ke blog temen eh ternyata nemu ilmu ya daripada mubajir mending saya share aja di sini ok langsung cekedot ke TKP,...

Ilmu yang akan saya share sekarang adalah Cara Membuat Valid XHTML Blogger sebenarnya bukan cuma HTML aja yang harus Valid tapi CSS juga,berhubung saya baru belajar jadi saya cuma bisa share Valid XHTML aja mungkin di postingan selanjutnya saya akan share.

Mengapa blog/web kita harus Valid XHTML dan CSS?? jawabannya sangat simple "supaya website atau blog kita lebih ramah dengan search engine" memang sulit untuk membuat website atau blog kita Valid 100% blog ini pun belum 100% Vaid alias masih ada beberapa error. untuk mengecek berapa error yang blog sobat miliki silahkan cek disini validator.w3.org

Berikut langkah-langkah untuk mengurangi error blog/website kita :

Bagian Pertama
  • Edit HTML Pada Posting
1. Perlu di perhatikan untuk menambah atribut pada gambar "termasuk gambar dalam postingan" contoh :

<a href="URL Anda"><img alt="http://i1179.photobucket.com/albums/x388/blogcunayz/cooltext539714264.png?t=1310583040"/></a>

2. Jika Sobat masih menggunakan Read More bawaan Blogger Sobatharus membentuk kalimat "di bagian Edit HTML" seperti berikut

<!-- more -->

Bagian Kedua
  • Edit HTML Template Blogger
1. Backup Template Blogger Sobar untuk jaga-jaga bila ada kesalahan dalam peng editan template
2. Centang Edit HTML Pada Posting
3. Memperbaiki "doctype"

awalnya seperti ini :

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

ubah menjadi seperti ini :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

("untuk mempermudah pencarian Sobat bisa tekan Ctrl+F")

4. Menghapus Navbar dengan menambahkan kode berikut sesudah kode </head>

<!-- <body>
<div></div> -->

5. Cari kode berikut :

<b:include data='blog' name='all-head-content'/>

ubah menjadi :

<!-- Blogger Default Meta --> <meta content='true' name='MSSmartTagsPreventParsing'/> <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> <link expr:href='data:blog.url' rel='canonical'/> <link href='http://www.blogger.com/profile/IDBLOGGERANDA' rel='me'/> <link href='http://www.blogger.com/openid-server.g' rel='openid.server'/> <link href='http://www.blogger.com/rsd.g?blogID=IDBLOGANDA' rel='EditURI' title='RSD' type='application/rsd xml'/> <link href='http://www.blogger.com/feeds/IDBLOGANDA/posts/default' rel='service.post' title='NAMABLOGANDA - Atom' type='application/atom xml'/> <link href='http://www.URLANDA.blogspot.com/feeds/posts/default' rel='alternate' title='NAMABLOGANDA - Atom' type='application/atom xml'/> <!-- End Blogger Default Meta -->

Bagian Ketiga
  • Edit CSS Template Blogger
1. Dalam CSS template Blogger Sobat, pastikan tidak ada Dash (-----) contoh :

/*----------- Header ------------*/

ubah menjadi :

/*  Header */

Hapus semua tanda Dash yang berada di dalam CSS template Sobat

2. Cari kode berikut :

<b:include name='quickedit'/> 

Hapus kode di atas tanpa ampun/sampai tidak tersisa,lakukan cara ini ketika Sobat menambah widget baru

3. Trik berikut ini untuk menghilang Navigasi Newer dan Older Post pada halaman index yang masih mengandung error dengan cara mencari kode ini :

<b:include name='nextprev'/>

ubah menjadi :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>

Dengan melakukan trik di atas dengan teliti dijamin error dalam template blog/web Sobat akan jauh berkurang contohnya dulu error dalam blog Saya ini mencapai 280 Errors, 300 warning(s)  buah sekarang sekitar 35 Errors, 40 warning(s) untuk demonya silahkan Sobat praktekin aja sendiri

Title : Cara Membuat Valid XHTML Blogger
URL : http://blogcunayz.blogspot.com/2011/10/cara-membuat-valid-xhtml-blogger.html
Anda boleh menyebar Luaskan atau Meng Copy-Paste Artikel ini bila dapat bermanfaat bagi teman-teman anda, Namun jangan lupa untuk meletakkan Link Cara Membuat Valid XHTML Blogger sebagai Sumbernya.

Sudah ada [ 45 komentar ] bagaimana pendapat Anda,,?

  1. wadohh ,, templateku banyak yang belum Valid sob ,, gawat ,, :|

    ReplyDelete
  2. gawaat 8-} masih banyak yang error dan warningnya apa lagi!
    nice info gan

    ReplyDelete
  3. sob templateku pertama'e 116 error dan 25 warning ,, langkahe bagian ke 2 sampai ke Bagian ke 3 udah tag lakuin tapi kok malah nambah 121 errornya sob??

    ReplyDelete
  4. @ bang_catur : thank gan
    @ Bayu Aldi Yansyah : ah masa? :-/ coba di ulang dari awal sob (yang teliti) saya juga udah coba trik ini kok

    ReplyDelete
  5. sudah dicek dan ternyata punyaku banyak yg invalid.

    ReplyDelete
  6. Mantap gan, skalian support di sini gan. ;;)

    ReplyDelete
  7. @ BRI Jakarta Veteran : wew segera perbaiki gan
    @ chelonia : terimakasih banyak gan

    ReplyDelete
  8. sob kalo ngecek validation pakek apa sih? via URL apa file upload apa input dokumen?

    ReplyDelete
  9. maksih gan infonya, akan saya coba ni..

    ReplyDelete
  10. @ pio : sama2 gan,... silahkan di coba and good luck

    ReplyDelete
  11. maaf gan,, Q cma minta bantuan aja dari anda,??
    cara membuat buku tamu,ato daftar link... di buat masuk ke deretan pilihan menu gmn ya caranya?? kayak milik e agan itu lo...
    thank...

    ReplyDelete
  12. @ fuguh : gampang itu mah gan tinggal masukin kode shoutmixnya di posting (bagian HTML) terus tinggal pasang di menu

    ReplyDelete
  13. yg valid html5 ad gk mas tutorny? :D

    ReplyDelete
  14. @ Cek Info : wah kalo itu saya belum belajar tuh gan :))

    ReplyDelete
  15. Dapet ilmu baru lagi.
    Thanks udh share. Ntr sy lapor kesini valid atw gaknya. :D

    ReplyDelete
  16. @ Hacc : sipt2 gan jangan sungkan untuk bertanya :)

    ReplyDelete
  17. boleh ni di coba gan sepertinya bagus.

    ReplyDelete
  18. @ ZONA DOWNLOAD GRATIS : silahkan di coba dulu gan,... :)

    ReplyDelete
  19. Nice info gan...manfaat sekali

    ReplyDelete
  20. @ Thepoen : thank gan alhamdulillah jika ilmu saya bisa bermanfaat bagi sobat Blogger semua

    ReplyDelete
  21. Makasih sob infonya,error di templateku sekarang sudah berkurang.Salam sukses dari Papua.

    ReplyDelete
  22. @ Er'end : sip sob dah lama nih kita tidak sharing,... samalm sukses dari Bandung

    ReplyDelete
  23. Wah, web ane banyak yang error ni, perlu secepatnya diperbaiki, thanks infonya sob.

    ReplyDelete
  24. @ COF : segera perbaiki gan supaya lebih ramah dengan search engine

    ReplyDelete
  25. wow keren nih tut nya,, nti saya coba yah, iseng ikut kontes seo,, tapi blog saya masih amburadul, maklum amatir :D, vote tips wisatawan hotel

    ReplyDelete
  26. @ yoetama : trimakasih gan,saya sudah membuktikannya gan postingan saya sekarang lebih cepat terindex mbah google

    ReplyDelete
  27. sangat menarik sob, sepertinya mantab.melanjutkan dari postingan saya di gabung jadi keren.
    http://peluangbisnisonline-dahsyat.blogspot.com/2011/10/blog-rawon-semanggi-dan-konten.html
    tapi agak takut mau mencoba perlu di back up data dulu apa ga ya?

    ReplyDelete
  28. mantap nich,,,tips n trik,, sukses slalu

    ReplyDelete
  29. @ Bisnis Online Blog : untuk jaga2 harus di back up dulu gan.
    @ bunggsu : trimakasih gan.

    ReplyDelete
  30. hmmm.... kunjungan balik neh boss, bisa banyak belajar ane disini... maklum lg demen sama ngeblog he..he...

    ReplyDelete
  31. @ abu hafsh : trimakasih atas kunjungannya kawan,... ia saya juga pernah merasakannya waktu pertama ng blog.

    ReplyDelete
  32. coba ya om... blog sya ga ke itung erornya..hehhehe

    ReplyDelete
  33. blum valid juga punya saya..

    ReplyDelete
  34. Saya sekarang berusaha untuk validasi HTML5 mas, xixixixi sangat sulit.......

    Mas saya sudah menambahkan kode yang ada di point 4, tapi kok navbar aku masih ada? :(

    ReplyDelete
    Replies
    1. Xixixixixixi udah berhasil sob, valid HTML5. Wah Jadi seneng dah aku.......

      Delete
    2. hahaha sesuatu yah,, blog saya sekarang errornya cukup banyak,gak kaya template yang kemarin cuma 4

      Delete
  35. tutorialnnya bagus benget gan, dah ane coba
    lumayan juga, error dah berkurang...
    makasih banget,, salam kenal dan kompak dari blogger kendal

    ReplyDelete
  36. blog agan juga masih banyak yang eror gan malahan lebih banyak dari blog saya :P

    ReplyDelete
    Replies
    1. saya kan baru ganti template gan jadi belum sempat di optimasi :)

      Delete
  37. mantab inponya gan.
    btw sepengatuan anda berpa pengaruhnya terhadap SEO ? mohon infonya ya. thanks berat

    ReplyDelete
  38. :D
    Wah Keren Mas.., Thanks Banget Nih Buat, Blog Saya yang masih baru!!

    Visit Back yah : dot-seo.blgspot.com

    ReplyDelete
  39. banyak banget yang error di template blogger nie, kalau pake template pihak ketiga apakah sama ya ??

    ReplyDelete

Untuk menyisipkan kode,gunakan tag
[code]KODE ANDA[/code]
Untuk menyisipkan quote,gunakan tag
[blockquote]KATA-KATA ANDA[/blockquote]
Untuk menyisipkan gambar,gunakan tag
[img]URL GAMBAR ANDA[/img]
Untuk menyisipkan video,gunakan tag
[youtube]URL VIDEO ANDA[/youtube]
Anda juga bisa menggunakan emoticon seperti biasa.

Pasang Iklan Anda Disini

 
Copyright © 2011 Blogcunayz Template Design By Rizky Wardiansyah