January 30, 2014

Cara Membuat Validasi HTML5 Blogger

Cara Membuat Valid HTML5 Blogger - Pada kesempatan kali ini saya akan membagikan tutrial tentang Valid HTML5. Walaupun sudah banyak yang memposting tentang Valid HTML5tidak salah disini saya akan memposting lagi.
HTML5

Apa itu HTML5?HTML5 adalah pengembangan dari versi sebelumnya, Baca: Pengertian HTML dan PHP dimana tujuan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin. Intinya, agar web/blog terbaca sempurna di semua browser dan mudah dalam penggunaan.

Untuk mengecek Validasi Blog DISINI atau DISINI ~ Contoh yang sudah Balid HTML5

Langkahnya membuat validasi HTML5:
1. Masuk ke edit HTML dan jangan lupa untuk di backup
2. Cari kode seperti:
<?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'>
<head>
Ganti dengan :
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>
3. Ganti kode html dengan HTML bagian atas dan bawah
4. Ganti kode berikut:
<b:include data='blog' name='all-head-content'/>
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>
5. Ganti kode <b:skin><![CDATA[ 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>
6. Hapus semua kode:
<b:include name='quickedit'/>
Setiap ada penambahan widget baru hapus kode di atas
7. Hapus semua kode berikut:
<b:include data='post' name='postQuickEdit'/>
atau seperti ini:
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='&quot;item-control &quot; + 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>
8. Cari kode dan Hapus kode berikut:
<div class='post-share-buttons goog-inline-block'>...bla bla sampai...</div>
9. Ganti semua kode & dengan &amp;
10. Simpan Template

Mungkin hanya begitu saja yang bisa saya sampaikan dan semoga bermanfaat.

Resource: http://blog.kangismet.net/2013/08/cara-membuat-blog-valid-html5.html
Disqus Comments