Mengatasi Error Valid HTML5 Pada Template Blogger
Kamis, 19 Mei 2016
Blogger,
Optimasi Blog,
Template Blogger,
Template Blogspot,
template seo friendly,
valid HTML5
Edit
Apa Itu HTML5
HTML5 adalah markup language khusus digunakan untuk structuring (penataaa) data dan mempresentasikan world wide web konten. Markup language ini merupakan versi ke lima yang dikembangkan dari versi HTML original. HTML5 membantu memudahkan mesin pencari seperti Google untuk mengindeks sebuah situs atau blog. HTML5 dikembangkan dengan tujuan untuk meningkatkan kualitas pencarian oleh mesin pencari untuk teknologi multi media, mudah dibaca oleh manusia dan juga mudaha dipahami oleh komputer.Apa manfaat dari memvalidasi template blogger ke versi HTML5
Versi HTML5 memiliki beberapa keuntungan untuk sebuah situs atau blog sebagai berikut:- memiliki struktur kode yang jelas dan dapat meningkatkan markup
- rich media elements
- rendering browser lebih lancar dan cepat
- memudahkan mesin pencari mengindeks situs atau blog
- template seo friendly
- dukungan untuk Mobile ready projects
- desain form yang elegan
- meningkatkan user interface
- memiliki interaksi yang lebih baik
- dan lain-lain...
Cara agar template blogger valid HTML5
Sebelum melakukan perubahan sebaiknya backup dahulu template Anda
1.Login ke Akun blogger Anda dan buka Dashboard blogger
2. Klik Template > Edit HTML
3. Cari kode berikut (letaknya di atas tag
<head><?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 b:version='2' class='v2' 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'>
4. Ganti semua kode di atas dengan kode berikut:
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <HTML> <head> <meta charset='utf-8'/>
5. Cari kode
</html> kemudian ganti dengan </HTML>, letaknya ada di baris paling bawah dari template blogspot Anda.6. Cari kode
<b:include data='blog' name='all-head-content'/> ganti kode tersebut dengan kode berikut:<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> <meta content='blogger' name='generator'/> <link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/> <link expr:href='data:blog.url' rel='canonical'/> <link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/> <link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/> <link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/> <link href='http://www.blogger.com/openid-server.g' rel='openid.server'/> <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/> <b:if cond='data:blog.pageType == "item"'> <b:if cond='data:blog.postImageThumbnailUrl'> <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/> </b:if> <b:if cond='data:blog.metaDescription != ""'> <meta expr:content='data:blog.metaDescription' name='description'/> <b:else/> <meta expr:content='data:blog.pageName + " - " + data:blog.title' name='description'/> </b:if> </b:if>
7. Cari kode
<b:skin><![CDATA[. Ganti dengan kode berikut:<style type="text/css"> <!-- /*<b:skin><![CDATA[*/]]></b:skin> <style type='text/css'>
8. Cari kode
]]></b:skin> ganti dengan kode </style>. Selengkapnya akan terlihat sebagai berikut:<style type="text/css"> <!-- /*<b:skin><![CDATA[*/]]></b:skin> <style type='text/css'> //Semua kode CSS di sini... </style>
9. Kini cari dan hapus semua kode ini
<b:include name='quickedit'/>.Hapus juga kode tersebut yang akan muncul setiap kali Anda menambahkan widget baru.
10. Langkah terakhir cari dan hapus semua kode berikut:
<b:include data='post' name='postQuickEdit'/>Atau kode berikut
<b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='"item-control " + data:post.adminClass'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </b:if> </b:includable>
11. Simpan template Anda.
Sampai di sini saya berharap artikel sederhana ini dapat membantu mengatasi error valid HTML5 pada template blogger Anda. Jika ada pertanyaan jangan ragu untuk bertanya. Anda mengirim pesan Anda melalui kolom komentar di bawah.
BERITA LENGKAP DI HALAMAN BERIKUTNYA
Halaman Berikutnya
terimakasih banyak. ini benar-benar sangat membantu :D template saya pun sudah tidak error lagi THKS
BalasHapus