Saturday 16 April 2016

Tips Menjadikan Blog Valid HTML 5

nahloh
4/16/2016
0
Sumber gambar : kaisz.com


BertiSeo - HTML 5 adalah pengembangan dari versi HTML sebelumnya ,tujuan pengembangan HTML 5 ini untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru terutama mudah di baca/di pahami oleh manusia dan mudah di mengerti oleh manusia maupun mesin.

Namun beberapa orang belum mengetahui bahwa HTML 5 itu perlu atau berguna untuk blog.

 Manfaat HTML 5 Bagi Blog
  • Render browser lebih cepat
  • Membantu search engine memudahkan untuk proses pengindexan website/blog anda.
  • Mudah di baca oleh manusia maupun mesin.
  • Coding lebih simple.
  • Lebih di sukai browser karena browser mudah membaca web/blog anda.
Lantas bagaimana cara membuat template blog menjadi valid HTML 5? ,ikuti langkah di bawah ini.

*Jika anda takut template blog anda rusak silahkan backup dulu template blog anda.

1. Cari kode di bawah ini:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>

Ganti dengan:

<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE html><HTML><head><meta charset='utf-8'/>

2. Ganti kode </html> dengan </HTML>

3. Ganti kode ini :

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

Ganti dengan:

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<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>

4.  Ganti kode <b:skin><![CDATA[

Ganti dengan :

<link href='//www.blogger.com/static/v1/widgets/3950009988-widget_css_bundle.css' rel='stylesheet' type='text/css'/>
&lt;style type=&quot;text/css&quot;&gt; &lt;!-- /*<b:skin><![CDATA[*/]]
<style>

5. Cari kode di bawah ini ,lalu hapus semua.

<b:include name='quickedit'/>

6. Cari kode di bawah ini ,lalu hapus semua.

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

7. Jangan gunakan border="0" sebaiknya ganti dengan:

style:"border=none"

8. Jangan sampai ada "2" "id" pada template blog anda.

9. Setiap membuat widget baru ,cari kode "<b:include name='quickedit'/>" lalu hapus

itulah cara membuat blog menjadi valid HTML 5 ,jika kurang lengkap anda bisa langsung ke Sini >masukan alamat/url blog >cek ,nanti anda akan melihat kode yang belum tervalidasi dan segera anda perbaiki .

Sekian kalo ada salah mohon di kritik ,dan akan saya perbaiki ,sekian semoga bermanfaat.

0 Comments

Subscribe to: Post Comments (Atom)