Edit Template Blogspot Menjadi Lebih Valid XHTML

Edit Template Blogspot Menjadi Lebih Valid XHTML

Template yang valid XHTML katanya sangat mempengaruhi pasa Optimasi SEO, untuk itu marilah kita merubah template kita menjadi lebih Valid XHTML, kenapa saya bilang menjadikan lebih Valid? Kenapa gak menjadikan Valid 100%? Karena template saya juga masih banyak errornya belum 100% Valid XHTML.

Dengan cara dibawah kita bisa mengurangi error pada template Blogaspot kita, Ikuti langkah-langkahnya menjadikan template Blogspot lebih Valud XHTML:
=>> Login ke akun blogger sobat
=>> Masuk Rancangan/Layout
=>> Pilih Edit HTML
=>> Klik "Download Template Lengkap" (ini untuk memBackUp template sobat)
=>> Beri tanda centang "Expand Template Widget"
Setelah itu:
1. Cari kode dibawah ini:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Kemudian, gantilah kode diatas dengan kode berikut:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2. Cari kode semacam ini:

<b:skin><![CDATA[/*
-----------------------------------------------
Name: Baby Blue
Designer: Ipiet
URL:http://ipietoon.blogspot.com
Date : Jan 2009
Attention : Please Do Not Remove the Credit Footer
----------------------------------------------- */

Hapuslah semua kode/tanda strip (--) hanya stripnya saja yang dihapus. Dan cek juga pada kode css yang lainnya, biasanya terdapat banyak tanda seperti pada contoh diatas. Hasilnya kan menjadi seperti ini:

<b:skin><![CDATA[/*
Name: Baby Blue
Designer: Ipiet
URL:http://ipietoon.blogspot.com
Date : Jan 2009
Attention : Please Do Not Remove the Credit Footer */

3. Cari kode dibawah ini:

<b:include name='quickedit'/>

Hapus saja semua kode diatas yang ada dalam template kamu, dan ingat! kode diatas akan muncul jika kamu menambah gadget pada blog kamu, jadi selalulah menghapusnya ketika sesudah kamu menambah gadget.

4. Cari kode dibawah ini:

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

Dan hapus saja juga! tapi buat kamu yang memberi foto profile pada komentar blog maka berisiko foto-foto profile komentar tidak muncul, tapi terserah, kalau ingin valid maka sikat aja.

5. Langkah selanjutnya silahkan kamu cari kode </head> dan letakkan kode dibawah ini tepat dibawah kode </head>

6. Jika Sobat meng-upload sebuah gambar, berilah tambahan alt pada gambar tersebut. contoh kode alt seperti ini:

<a href="http://pulmeyzherbal.blogspot.com/"><img alt="Photo 4x6 Aep Saepuloh" src="https://lh4.googleusercontent.com/-edBYUudUn3o/T4utoeITTQI/AAAAAAAABi4/yGYzFBNfa1w/s400/Aep%2520Saepuloh%2520Foto%2520Setengah%2520Badan%25204x6.jpg" height="400" width="266" /></a>

7. Jika sobat menemukan penulisan meta content dengan huruf besar, rubahlah menjadi huruf kecil, contoh:

<META content='aep saepuloh' name='author'/>

ubah menjadi:

<meta content='aep saepuloh' name='author'/>

8. Menghapus Post icon, adapun kode post icon atau pensil kodenya mirip kode seperti ini:

<span class='post-icons'>  <b:if cond='data:post.emailPostUrl'> <span class='item-action'> <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'> <img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/> </a> </span> </b:if>  <b:include data='post' name='postQuickEdit'/> </span>

Ganti kode diatas dengan kode berikut:

<span class='post-icons'>  <b:if cond='data:post.emailPostUrl'> </b:if> </span>

9. Menambahkan jenis type="text/javascript" pada semua kode JavaScript yang ada. Contoh:

<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'></script>

menjadi seperti dibawah ini:

<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>

10. Menyembunyikan page navigation di halaman utama cari kode:

<b:include name='nextprev'/>

ganti kode diatas dengan kode dibawah ini:

<b:if cond='data:blog.homepageUrl != data:blog.url'>  <b:include name='nextprev'/> </b:if>

11. Memperbaiki attribut title dan alt pada link gambar. contoh:

<a href="http://japanesepulsa.blogspot.com" alt="Jual Pulsa Murah" target="new"><img src="https://lh4.googleusercontent.com/-edBYUudUn3o/T4utoeITTQI/AAAAAAAABi4/yGYzFBNfa1w/s400/Aep%2520Saepuloh%2520Foto%2520Setengah%2520Badan%25204x6.jpg" title="Jual Pulsa Murah" border="0"/></a>

Rubah menjadi:

<a href="http://japanesepulsa.blogspot.com" title="Jual Pulsa Murah" target="new"><img src="https://lh4.googleusercontent.com/-edBYUudUn3o/T4utoeITTQI/AAAAAAAABi4/yGYzFBNfa1w/s400/Aep%2520Saepuloh%2520Foto%2520Setengah%2520Badan%25204x6.jpg" alt="Jual Pulsa Murah" border="0"/></a>

Untuk kasus diatas jangan lupa untuk link atributnya title dan target, untuk gambar alt dan border jagan sampe terbalik-balik. Mungkin hanya itu saja yang bisa saya share karena saya juga masih belajar, untuk mengetahui hasilnya silahkan cek ke-validan template blog sobat sebelum dan sesudahnya di http://validator.w3.org.

Sumber: http://infonetmu.blogspot.com/

Anda baru saja selesai membaca artikel di EpulJapanese Blog yang berjudul: Edit Template Blogspot Menjadi Lebih Valid XHTML

dengan URL: http://epuljapaneseblog.blogspot.com/2012/04/template-blog-menjadi-lebih-valid-xhtml.html

Apabila anda menyukai artikel ini atau merasa bermanfaat silahkan bagikan artikel ini di Facebook, Google+ dan Twitter anda dengan meng-klik tombol-tombol Share yang ada diatas postingan ini.

7 comments:

Saeful said...: nice info gan,,kalau saya coba tutorial ini bisa atasi error blogku gk ?; April 17, 2012 at 9:05 AM [Balas Komentar Ini]
Blog Keperawatan said...: Terima kasih sahabat atas berbagi ilmunya ini.
langsung dipraktekkan nih; April 20, 2012 at 4:13 PM [Balas Komentar Ini]
Kang Aep said...: @Saeful
Bisa... Tapi mungkin hanya mengurangi saja, ga 100%...; April 20, 2012 at 6:21 PM [Balas Komentar Ini]
Kang Aep said...: @Blog Keperawatan
Sama-sama.... kalo ada tambahan share disini ya.....; April 20, 2012 at 6:22 PM [Balas Komentar Ini]
arie5758 said...: Tips ini cukup membantu buat yang awam tentang optimasi blog seperti saya. Terima kasih banyak sudah share ilmunya masbro :); April 25, 2012 at 2:13 PM [Balas Komentar Ini]
Unknown said...: mass.,minta template mas donk.
abiss keren error'a cuma 12.
kirim ke email aqu yaa mas template'a...
faderyyasha@gmail.com; May 5, 2012 at 4:43 PM [Balas Komentar Ini]
IP Media said...: ini yang saya cari2..
info yg bermanfaat bgt utk newbie seperti saya..
Lgsg saya praktekkan kang, semoga saja berkurang error'y..coz masih ada 166 errors di blog saya stlh di cek w3 validator..
Thanx ya kang.; August 6, 2012 at 8:30 AM [Balas Komentar Ini]

Edit Template Blogspot Menjadi Lebih Valid XHTML

Related Post

7 comments:

Post a Comment

Search This Blog

Ebook Gratis

Recent Post

Top Post

Add Your Income

Labels

Blog Stats

Recent Comments