Cara Membuat Valid XHTML Blogger

Ditulis oleh: -



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

Ditulis Oleh : Unknown ~ KRJ_Team

Anda sedang membaca sebuah artikel yang berjudul Cara Membuat Valid XHTML Blogger, Semoga artikel tersebut bermanfaat untuk anda, Mohon maaf apabila konten yang anda baca rusak atau salah dalam penulisan. Jika ada pertanyaan, kritik, dan saran yang ingin di sampaikan silahkan tulis di kotak komentar

:: Terima Kasih ! ::

Bagikan ke teman : FacebookTwitterGoogle+LinkedinTechnoratiDigg

0 komentar "Cara Membuat Valid XHTML Blogger", Baca atau Masukkan Komentar

Posting Komentar

~~ KOMENTAR HARUS ~~

1. SOPAN
2. BIJAK
3. MASUK AKAL
4. GAK BOLEH KOMENTAR SAMPAH CONTOHNYA . PERTAMAXX !!!

Ty..