Kamis, 07 Juli 2011

Memperbaiki Error Pada Template Blogspot oleh W3 Validator

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!

0 komentar:

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Powerade Coupons