contact
WA: 0822-8846-7823
SMS: 0822-8846-7823
Call: 0822-8846-7823
BBM: D7DB3491
ebsofmail@gmail.com

Cara Membuat Template Blog Valid HTML5

Posted in Blogspot Life at 15 Oktober 2016 With 0 Comments

OK.. Tutorial Kali ini kita akan Membahas Cara Membuat Template Blog Menjadi Valid HTML5 , Kenapa harus valid HTML5 , karena template yang valid dengan HTML5 akan menambah rangkin di mata google / search engine, mereka akan dengan mudah merayapi setiap detail situs anda , Tentunya akan menguntungkan kita jika artikel kita selalu terindex oleh Google

Bagaimana Caranya Membuat Template blog Valid HTML5..?

Berikut ini beberapa langkah yang dapat membantu anda untuk membuat template blog valid HTML5 :

▼ Download Source Code Dibawah Ini ▼


NB : Backup / Cadangkan terlebih dahulu template anda untuk menghindari hal-hal yang tidak diinginkan

1. Login ke akun blog anda2. Pilih Menu Template
3. Edit HTML
4. Jika sudah masuk ke editor template anda :

Cari kode dibawah ini , anda bisa mendapatkan dengan mudah lewat pencarian / ctrl+f :

<!DOCTYPE html>
<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'>

Ganti dengan code

<!DOCTYPE html>
<html lang='en' xml:lang='en' xmlns='http://www.w3.org/1999/xhtml'>
<meta charset='UTF-8'/>

 5. Langkah selanjutnya cari kode :

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

Ganti dengan :

<meta content='blogger' name='generator'/>
<meta charset='UTF-8'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' 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 == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='description'/>
</b:if>
</b:if>

6. Langkah selanjutnya ialah.. remove default css dari bloger , cari code :

<head>

Ganti dengan

&lt;/head&gt;&lt;!--<head/>--&gt;

7. Hapus semua code dibawah ini pada template blogger anda :

<b:include name='quickedit'/>

8. Hapus juga code dibawah ini :

<a expr:name='data:post.id'/>

9. Hapus juga code dibawah ini :

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

10. Ganti code & menjadi &amp;

Untuk Melihat Hasilnya silahkan Cek di http://validator.w3.org/nu/ atau http://validator.w3.org/unicorn/

 

 

Artikel Rekomendasi



Artikel Terkait

Diskusi