Cara Membuat Valid XHTML Blogger ~ Blogcunayz

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

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>

5. Cari kode berikut :

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

ubah menjadi :

<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'/>

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'>

<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,,?

BayuSunday, 02 October, 2011
wadohh ,, templateku banyak yang belum Valid sob ,, gawat ,, :|
bang_caturSunday, 02 October, 2011
gawaat 8-} masih banyak yang error dan warningnya apa lagi!
nice info gan
BayuSunday, 02 October, 2011
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??
Rizky WardiansyahSunday, 02 October, 2011
@ bang_catur : thank gan
@ Bayu Aldi Yansyah : ah masa? :-/ coba di ulang dari awal sob (yang teliti) saya juga udah coba trik ini kok
BRI Jakarta VeteranMonday, 03 October, 2011
sudah dicek dan ternyata punyaku banyak yg invalid.
cheloniaMonday, 03 October, 2011
Mantap gan, skalian support di sini gan. ;;)
Rizky WardiansyahMonday, 03 October, 2011
@ BRI Jakarta Veteran : wew segera perbaiki gan
@ chelonia : terimakasih banyak gan
BayuTuesday, 04 October, 2011
sob kalo ngecek validation pakek apa sih? via URL apa file upload apa input dokumen?
Rizky WardiansyahTuesday, 04 October, 2011
@ Bayu Aldi Yansyah : pake url sob
pioThursday, 06 October, 2011
maksih gan infonya, akan saya coba ni..
Rizky WardiansyahFriday, 07 October, 2011
@ pio : sama2 gan,... silahkan di coba and good luck
fuguhFriday, 07 October, 2011
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...
Rizky WardiansyahFriday, 07 October, 2011
@ fuguh : gampang itu mah gan tinggal masukin kode shoutmixnya di posting (bagian HTML) terus tinggal pasang di menu
Cek InfoSaturday, 08 October, 2011
yg valid html5 ad gk mas tutorny? :D
Rizky WardiansyahSunday, 09 October, 2011
@ Cek Info : wah kalo itu saya belum belajar tuh gan :))
HaccSunday, 09 October, 2011
Dapet ilmu baru lagi.
Thanks udh share. Ntr sy lapor kesini valid atw gaknya. :D
Rizky WardiansyahSunday, 09 October, 2011
@ Hacc : sipt2 gan jangan sungkan untuk bertanya :)
ZONA DOWNLOAD GRATISSunday, 09 October, 2011
boleh ni di coba gan sepertinya bagus.
Rizky WardiansyahSunday, 09 October, 2011
@ ZONA DOWNLOAD GRATIS : silahkan di coba dulu gan,... :)
ThepoenMonday, 10 October, 2011
Nice info gan...manfaat sekali
Rizky WardiansyahMonday, 10 October, 2011
@ Thepoen : thank gan alhamdulillah jika ilmu saya bisa bermanfaat bagi sobat Blogger semua
UnknownMonday, 10 October, 2011
Makasih sob infonya,error di templateku sekarang sudah berkurang.Salam sukses dari Papua.
Rizky WardiansyahTuesday, 11 October, 2011
@ Er'end : sip sob dah lama nih kita tidak sharing,... samalm sukses dari Bandung
COFWednesday, 12 October, 2011
Wah, web ane banyak yang error ni, perlu secepatnya diperbaiki, thanks infonya sob.
Rizky WardiansyahWednesday, 12 October, 2011
@ COF : segera perbaiki gan supaya lebih ramah dengan search engine
yoetamaFriday, 14 October, 2011
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
Rizky WardiansyahFriday, 14 October, 2011
@ yoetama : trimakasih gan,saya sudah membuktikannya gan postingan saya sekarang lebih cepat terindex mbah google
Bisnis Online BlogSaturday, 15 October, 2011
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?
bunggsuSaturday, 15 October, 2011
mantap nich,,,tips n trik,, sukses slalu
Rizky WardiansyahSaturday, 15 October, 2011
@ Bisnis Online Blog : untuk jaga2 harus di back up dulu gan.
@ bunggsu : trimakasih gan.
abu hafshSaturday, 15 October, 2011
hmmm.... kunjungan balik neh boss, bisa banyak belajar ane disini... maklum lg demen sama ngeblog he..he...
Rizky WardiansyahSaturday, 15 October, 2011
@ abu hafsh : trimakasih atas kunjungannya kawan,... ia saya juga pernah merasakannya waktu pertama ng blog.
capoengThursday, 12 January, 2012
coba ya om... blog sya ga ke itung erornya..hehhehe
Rizky WardiansyahThursday, 12 January, 2012
@ capoeng : silahkan sob
kowandyMonday, 23 January, 2012
blum valid juga punya saya..
The 7Bloggers | Some Nice Quote Part 1Saturday, 02 June, 2012
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? :(
Hot, UnikMonday, 04 June, 2012
tutorialnnya bagus benget gan, dah ane coba
lumayan juga, error dah berkurang...
makasih banget,, salam kenal dan kompak dari blogger kendal
J-Ris-ManMonday, 04 June, 2012
blog agan juga masih banyak yang eror gan malahan lebih banyak dari blog saya :P
Cakra Buana Bangka Belitung TourTuesday, 25 September, 2012
mantab inponya gan.
btw sepengatuan anda berpa pengaruhnya terhadap SEO ? mohon infonya ya. thanks berat
NothyTuesday, 27 November, 2012
:D
Wah Keren Mas.., Thanks Banget Nih Buat, Blog Saya yang masih baru!!

Visit Back yah : dot-seo.blgspot.com
JefryWednesday, 27 March, 2013
banyak banget yang error di template blogger nie, kalau pake template pihak ketiga apakah sama ya ??

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.

Blogcunayz

Cara Membuat Valid XHTML Blogger

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

Pasang Iklan Anda Disini

Popular Posts