Cara Membuat Template Blog Valid XHTML


Seperti yang pernah diulas dalam posting sebelumnya di Cara Mengedit Template Blog Agar Seo Friendly, kebanyakan template blogger yang ada saat ini tidak valid struktur html template-nya.
Cara Membuat Template Blog Valid XHTML Cara Membuat Template Blog Valid XHTML Cara Membuat Template Blog Valid XHTML

Cara Membuat Template Blog Valid XHTML

Karena itulah teman semua juga mesti membenahi bagian - bagian yang dapat menimbulkan error dan beberapa kode html dari template blogger yang wajib diubah sekiranya sebagai berikut :

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

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

Membuat Valid tag html

Ganti Kode di bawah ini supaya valid

<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
Menjadi

<html lang='en' xml:lang='en' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

Membuat Valid Navbar Blog

Ganti Kode di bawah ini supaya valid

<b:include name='nextprev'/>
Menjadi

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<!-- navigation -->

<b:include name='nextprev'/>

</b:if>

Membuat Valid Icon Post

Ganti Kode di bawah ini supaya valid

<span class='post-icons'>

<!-- email post links -->

<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://img1.blogblog.com/img/icon18_email.gif' width='18'/>

</a>

</span>

</b:if>

<!-- quickedit pencil -->

<b:include data='post' name='postQuickEdit'/>

</span> <div class='post-share-buttons'>

<b:include data='post' name='shareButtons'/>

</div> </div>

Menjadi

<span class='post-icons'>

<!-- email post links -->

<b:if cond='data:post.emailPostUrl'>

</b:if>

</span>

</div>

Membuat Valid Comment Declaration Pada CSS

Ganti Kode di bawah ini supaya valid

/*----------- Header ------------*/
Menjadi

/* Header */

Membuat Valid default Meta

Ganti Kode di bawah ini supaya valid

<b:include data='blog' name='all-head-content'/>
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/id_blog' rel='me'/>

<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>

<link href='http://www.blogger.com/rsd.g?blogID=id_blog' rel='EditURI' title='RSD' type='application/rsd xml'/>

<link href='http://www.blogger.com/feeds/id_blog/posts/default' rel='service.post' title='Atom' type='application/atom+xml'/>

<link href='http://namablog.blogspot.com/feeds/posts/default' rel='alternate' title='Atom' type='application/atom+xml'/>

<!-- End Blogger Default Meta -->

Membuat Valid Template dengan Menambahkan script di bawah tag body

Di atas tag body, sisipkan script berikut
<!-- <body><div></div> -->

Membuat Valid Template dengan cara menghapus Quickedit



<b:include name='quickedit'/>

Membuat Valid Template dengan cara mengganti & pada url


&amp;amp;

Membuat Valid Template dengan menambahkan ALT tag pada setiap gambar


<img alt="Deskripsi singkat disini" src="URL Gambar"/>

Sebelum mengedit template blog jangan lupa untuk membackup terlebih dulu template kita, ini sekedar untuk berjaga - jaga bila proses editing template blog tidak berjalan lancar.
Oh iya, tulisan ini di ambil dari blog simple-seotips.blogspot.com di posting ini dan itu, terima kasih buat adminnya dan moga saja tidak marah artikelnya saya copy di sini. Tapi saya kasih link sumber kok, hehe :)


2 Responses to Cara Membuat Template Blog Valid XHTML
Santai Sejenak | Secangkir Teh dan Sekerat Roti mengatakan...

coba ane menyimak dengan seksama.. :)


15 Juli 2012 21.22
Walman Boomtemplate.com mengatakan...

Nice tutor gan, sangat menarik.. Nice post, sangat menarik.. Valid XHTML memang sulit full valid, namun Masalah yang mudah teratasi, kini blogger dapat 100% valid, Gratis Blogger Templates Valid .., Smoga brmanfaat.


29 Agustus 2012 21.46

Posting Komentar

 
Return to top of page Copyright © 2010 | Bloggers - Meet Millions of Bloggers