|
|
 |
| XHTML |
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
<a href="URL Anda"><img alt="http://www4.sharebeast.com/i/00091/7akphmpvwpv9.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
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
/*----------- 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
Silahkan anda laporkan jika ada link yang rusak atau beberapa tutorial yang tidak bekerja, karena saya akan segera memperbaikinya, dan berhubung saya baru mengganti themes blog, jadi pasti banyak artikel yang berantakan!
Saya harap anda dapat membantu saya untuk memperbaiki semuanya dengan berkomentar di artikel yang bermasalah..
thanks sebelumnya sudah berkunjung keblog utta yang sederhana ini...
Please rate this article:
{[['
', '
']]}
', '']]}{["Useless", "Boring", "Need more details", "Perfect"]}
Jika Artikel ini menarik, Silahkan copy paste permalink berikut ini di blog sobat!
ok om makasih ilmunya
BalasHapus