15.31
jeyan
- Membuat Template Blogspot Valid XHTML. template valid sangat berpengaruh terhadap SEO, kali ini kita akan membahas langkah apa saja supaya anda menjadi lebih valid dari sebelumnya agar menjadi template SEO Friendly, template adalah bungkusnya dari konten jadi jika valid alias good maka template blogspot kita akan mudah terindex dan di ketahui sama si spider.
http://validator.w3.org/, adalah situs yang memberikan jasa pengecekan templatehanya dengan masukkan alamat blogspot kita, nanti dapat terlihat berapa banyaknya yang error dan warning, maka untuk valid kita harus melakukan beberapa cara dibawah ini.
Bagaimana Cara Membuat Template Blogspot Valid XHTML 1.0 ?
- Mulai edit HTML, cari kode dibawah ini (kode terletak di paragraph paling atas)
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<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'>
<head>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<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'>
<head>
Hapus kode diatas, dan ganti dengan kode di bawah ini :
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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'>
<head>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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'>
<head>
- Cari Kode CSS seperti di bawah ini
Hapus garis-garis berikut
/* -----------------------------------------------
Blogger Template Style
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
Blogger Template Style
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
Maka hasilnya seperti ini :
/*
Blogger Template Style
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team
*/
- Mulai memasuki Expand Widget Templates.
Menambahakn kode <!-- <body><div></div> –> setelah kode </head> , ini berfungsi untuk menghapus navbar anda.
Ex.
<!-- <body><div></div> –>
</head>
Abaikan jika tidak support dengan template kita.
- Hapus Quickedit
Cari dan Hapus kode yang ada di bawah di dalam html, (gunakan CTRL+F)
<b:include name='quickedit'/> yang ditemukan dalam template
- Menghapus post icon
Sekarang temukan kode di bawah:
<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>
<!-- 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>
Kalau sudah ketemu hapus seluruh kode di atas dan ganti dengan kode di bawah:
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
</div>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
</div>
Jika telah selesai Save template dan kembali lagi ke http://validator.w3.org/ jangan lupa di refresh. :) dan template blog kita telah valid html. jika ada tambahan mari berbagi tentang cara membuat template blogspot valid biar makin banyak ilmu
Anda telah membaca artikel tentang Cara membuat template blogspot valid dan anda bisa menemukan artikel ini dengan url http://penowo.blogspot.com/2011/10/cara-membuat-template-blogspot-valid.html the best one of Cara membuat template blogspot valid
Terima Kasih by Mahir Blogging at
Cara membuat template blogspot valid
Terima Kasih by Mahir Blogging at
Cara membuat template blogspot valid
