Banner Iklan Iskaruji
Beranda » » » » » Memperbaiki Error Pada Template Blogspot oleh W3 Validator

Memperbaiki Error Pada Template Blogspot oleh W3 Validator

Ditulis oleh Iskaruji dot com pada hari Jumat, 08 Juli 2011 | 07:57
Iklan Iskaruji
Memperbaiki error template

Saya banyak melihat tingkat error yang blog-blog sahabat, khususnya yang agak "care" dengan hal ini dan yang pernah bertanya bagaimana mengurangi error tersebut, sering ditemukan masalah yang sama. Adapun beberapa error yang ditemukan tersebut adalah seputar:
  • Penulisan url script:
Kalo kita menggunakan url script seperti ini:
<script src='http://iskaruji.googlecode.com/files/manyun_smiley.js' type='text/javascript'>
Tidak ada masalah dengan penulisan tersebut dan url script tersebut tetap bisa berjalan normal. Sayangnya penulisan tersebut tidak dianggap valid. Dan penulisan yang dianggap valid adalah:
<script type='text/javascript' src='http://iskaruji.googlecode.com/files/manyun_smiley.js'></script>
Hal ini juga berlaku untuk setiap kali penulisan yang di mulai dengan "script".
  • Ada juga bentuk error seperti ini:
&adult=0&cat=news&big=big&cl=rainbow"></s…
&adult=0&cat=news&big=big&cl=rainbow"></…
Sebenarnya error tersebut hanya disebabkan oleh tanda & yang seharusnya ditulis &amp;
  • Menghilangkan fungsi navigasi blog
Fungsi navigasi blog juga menjadi penyumbang error terbesar. Jika kamu berniat tidak menggunakan navigasi "post baru, beranda, post lama" seperti pada Iskaruji dot com, silahkan menhapus kode berikut:

<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</div>
</b:if>

<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</div>
</b:if>

<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>

<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>

</div>
<div class='clear'/>

Secara default, kode ini berada pada dua tempat didalam template. Yaitu di bawah kode <b:includable id='nextprev'>
  • Template Mobile
Bagi yang pernah mengaktifkan template mobile, ini juga akan menjadi penyumbang error. Pergi ke Setting > Email & Mobile > Pilih "No" untuk show mobile template. Jangan Khawatir, aksi ini tidak menghapus mobile blogging kamu di http://namablog.blogspot.com/?m=1
  • Kode widget
Untuk kode-kode widget sendiri kalo bawaan blogspot dijamin "parah". Cobalah untuk menggunakan widget yang bisa kita "oprek" kodenya. khusus untuk blog archive gunakan yang flat list seperti pada blog ini. Walaupun fungsi linknya hilang. Hanya sekedar menampilkan jumlah post perbulan sejak blog ini dibuat. Lumayan!

Bagi para sahabat Web Code Base Programming, mohon pencerahannya. Tutorial ataupun tips ini bukan berdasarkan ke-ilmuan saya. Semua ini adalah hasil dari pengalaman saja. Jika terdapat istilah coding yang salah dalam web code terms itu semua terjadi karena keterbatasan pemahaman. Tapi apapun itu saya tetap berprinsip menurut perintah, "Sampaikanlah walau hanya satu kode saja"...Jika ada manfaatnya silahkan ambil dan jika ada salahnya sangat diharapkan pencerahannya..

Demikianlah, Happy blogging!

Iklan Banner Iskaruji

48 comments

Iskaruji dot com mengatakan...

@deeahzone
Moga post ini bisa menggantikan "Notepad"...hihihi...thanks

Deeahzone mengatakan...

penulisan url yang dianggap valid kurang tanda ">", tadi dicoba gak bisa..

Deeahzone mengatakan...

masih gak valid juga,, mau notepad!

Iskaruji dot com mengatakan...

@deeahzone
Sepertinya ada error pada bagian penulisan meta tag head..coba ganti dengan post sebelumnya..

Iskaruji dot com mengatakan...

@lavhalitya
Yupz...dicoba dulu..thanks

Iskaruji dot com mengatakan...

@lavhalitya
tulisan meta seharusnya lowercase...ganti aja jadi meta bukan META...THANKS

YADI KARNADI, S.Pd. mengatakan...

Mksh infonya, mas.... )Aduh gak bs nahan buat nge-blogging nih. Hhaha)

Yadi Karnadi mengatakan...

Mas, kasih bocoran script widget blogroll-nya dong yang sdh dipersonalisasi biar gak nambah error di W3C. Thx.......

Iskaruji dot com mengatakan...

@Kang Salman
Hoalah...Kang..Nyusun kata-kata untuk dijadikan postingan ini aja sulit agar bisa dipahami. Apalagi personal PM..Kita diskusikan barenga aja di form komentar. Biar bisa keroyokan kalo ada yang gak bisa dipecahkan sendiri...thanks

LutFiiy Lavhalitya mengatakan...

hahhhh aku sebel habis oprek blog malah tambah banyak error dan warning, naik 200% ... ckckckck

Iskaruji dot com mengatakan...

@LutFiiy Lavhalitya
hehe..yg sabar ya.. awalnya aku juga gitu. Malah jadi ancur templatenya kalo gak di back up...Thanks

Iskaruji dot com mengatakan...

@warpsite
lewat sini aja ya...

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
=========>Tarok kode yang dihapus diatas disini<=========
</b:includable>

warpsite.blogspot.com mengatakan...

buat mas ikaruji mas mw tukeran link ga ??? ke blog saya mas??? mas... makasih sudah mengunjugi blog saya... iya nanti saya coba mas... nah kalo itu harus di expand widget tempaltes dulu ato langsung mas???? mohon pencerahan..... mas... link blog saya yanng ini www.warpsite.blogspot.com

saya mw tukeran link mas... link mas akan saya masukan setelah ini...

warpsite.blogspot.com mengatakan...

mohon kunjungi blog saya di www.warpsite.blogspot.com

Iskaruji dot com mengatakan...

@warpsite.blogspot.com
Yupz..di expand widget dulu..Untuk link akan segera saya pasang di link sahabat blogger. Thanks

Yadi Karnadi mengatakan...

Mas, yang javascript Iskaruji.googlecode gak bisa....
Mungkin masalahnya code itu sdh saya kompres tempo hari.... Trm kasih

Iskaruji dot com mengatakan...

@Yadi Karnadi
Kalo bisa jgn di kompres Pak Ditempat saya juga rusak kalo di kompres..Coba dilihat lagi susunan kodenya..dan ganti dengan yg telah saya tulis di komentar...

Iskaruji dot com mengatakan...

@Kang Salman
wuih..selamat..Free-kah? Kalo xml, itu sudah maximum seperti yg saya capai. Hanya pada halaman post mungkin nantinya perlu di tekn lagi...Sukses dan selamt..Happy blogging!

Priyanto Mariette mengatakan...

makasih gan infonya.... lagi coba opprekk nih

randy oktaran mengatakan...

ini yang saya cari2 btw kalo ngubah newer older jadi apa ya?

Iskaruji dot com mengatakan...

@randy oktaran
Mungkin bisa juga pake script pihak ketiga Sob...cari referensinya di blog sobat lainnya. Saya malah gak pake...hehe. thanks

Zulfahmi. M mengatakan...

thank... lagi

Gafar mengatakan...

teng's atas infonya gan

DARMANTO mengatakan...

ini artikel yang saya cari,karena cocok buat newbie seperti saya,thanks ya infonya..

Iskaruji dot com mengatakan...

@DARMANTO
hehe..kayaknya gak ada hal yang diperuntukkan buat newbie maupun master di blog ini sob..thanks

justdente mengatakan...

Saya sering mengoprek template. hasilnya Alhamdulillah, semakin banyak yang tidak valid. Sementara ini belum ada niat untuk memperbaiki, sebab kalau diperbaiki butuh waktu seharian karena saking banyaknya :D

Iskaruji dot com mengatakan...

@justdente
Sedikit demi sedikit aja Sob...Thanks

aNaK KoS EnTerTaiNmEnT mengatakan...

punya ku cuma 14 error 6 warning, amazing...

ironetwork mengatakan...

sungguh ilmu ini sangat bermanfaat, pantesan sering terjadi error, makasih banget sob.

jika berkenan mampir juga ya ke halaman saya :)

Asis Sugianto mengatakan...

saya mau tanya mas, katany dari sumber yg pernah saya baca katanya gak boleh menghapus navbar yg ada pada blog mas??/ trus kenapa mas menyarankan untuk menghapusnya??? boleh kasi penjelasan gak mas???

Iskaruji dot com mengatakan...

@Asis Sugianto
nah itu die..sumber yang pernah sobat baca bahwa itu gak boleh ada link rujukannya atau tidak? Atau siapa yang melarangnya berdasarkan sebuah link dari yang punya blogspot. Kalo saya berani mengatakan boleh karena:

silahkan buka dua situs ini:
--- http://www.renewpilates.com/
--- http://www.360-stl.com/

menurut sobat dibuat dari apakah kedua situs tersebut? yupz..itu dibikin dari blogspot. Kok Navgarnya hilang? melanggarkah? Ternyata malah di puji oleh yang punya lapak di link ini:
http://buzz.blogger.com/2011/07/you-can-do-some-amazing-things-with.html dengan judul mantab lagi "You can do some amazing things with Blogger".

Jadi kembali ke sobat, apakah masih mau menurutin tutorial yang asal nulis tanpa sumber atau mau menggali lebih jauh di bloggnya blogger...Dan jika yang mengatakan melanggar tersebut ada sumbernya, tolong dibagikan disini juga Sob...nanti kita bedah!

Asis Sugianto mengatakan...

terima kasih mas untuk penjelasnya, mohon maaf saya membuat banyak pekerjaan untuk mas, karena saya sering bertanya tentang optimasi blog kepada mas,,, maaf yach mas...

dan terima kasih untuk bantuannya mas...

Rudy Hartono mengatakan...

thanks masukannya

Ageboy Blog mengatakan...

thanks gan infonya..:)

agusbg mengatakan...

cek dulu ah siapa tau blog saya banyak errornya.. terima kasih...

sukague.com mengatakan...

wah alhamdulillah total sukaguecom sekarang 32 Errors & 39 warnings

Iskaruji dot com mengatakan...

@sukague.com
tinggal dibeneri lagi sisanya yg error menurut W3C...step by step aja Sob...thanks

Tonnys mengatakan...

akhirnya dapat juga penjelasan yang memuaskan bang..saya tau template blog sy error tapi tidak mam[u memperbaiki karna kurangnya pengetahuan tentang itu..makasih sudah dapt ilmu disini, insya allah akan dicoba :)

Blog Keperawatan mengatakan...

Ikutan menyimak dan langsung dipraktekkan sahabat

koming mengatakan...

butuh ketlatenan,sperti kang salman punyaku tinggal 1 eror dan 2 warning.dah mentok....

Zaenal Abidin mengatakan...

cara menghilangkan eror != 'undefined' && BLOG_attachCsiOnload gimna gan??
tolong bantu ya,,??

Iskaruji dot com mengatakan...

@Zaenal Abidin
Gak bisa Sob selama kita masih menggunakan fasilitas blogspot seperti post dan widget. Terkecuali jika sobat menggunakan tempalte klasik sperti Bilik.iskaruji.com atau HTML 5 seperti oprexmedia.blogspot.com...thanks

Taufik Akbar mengatakan...

makasih atas infonya tentang Memperbaiki Error Pada Template Blogspot oleh W3 Validator yang sangat bermanfaat...
happy blogging...

Lizanovia M. Hadi mengatakan...

kode navigasi blog di atas, dihapus salah satunya apa kedua2nya, bro? soalnya saya hanya menghapus satu. Dan navigasinya tetap ada.
Trims

Iskaruji dot com mengatakan...

@Lizanovia M. Hadi
satu aja sob...persis seperti kode diatas..thanks

Lizanovia M. Hadi mengatakan...

Tapi masih ada navigasi blog di blog saya. Tolong dicek ya?
http://lizanovia.blogspot.com

sekedarwawasan mengatakan...

punya ane yang eror nggak akayk gitu om...beda...coba cekkan om...gimana cara memperbaikinya...

Iskaruji dot com mengatakan...

@ sekedarwawasan
Yang diatas adalah satu dari sekian banyak penyebab dan kemungkinan error. Silahkan terapkan di link ini dulu. Thanks

http://www.iskaruji.com/2011/07/validasi-xhtml-template-blogspot.html