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 me...

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

COMMENTS

BLOGGER: 55
Loading...
Name

Adsense,5,CSS,8,Font,1,HTML,5,Javascript,5,Jquery,1,Lain-lain,5,PHP,1,SEO,3,Template,45,Tips,2,Tutorial,50,Widget,1,
ltr
item
HBT Blog: Cara Membuat Validasi HTML5 Blogger
Cara Membuat Validasi HTML5 Blogger
http://2.bp.blogspot.com/-W5fByyoB4uc/UuqA7ZVu1WI/AAAAAAAABKY/xQtQy69tdmY/s1600/HTML5+Logo.png
http://2.bp.blogspot.com/-W5fByyoB4uc/UuqA7ZVu1WI/AAAAAAAABKY/xQtQy69tdmY/s72-c/HTML5+Logo.png
HBT Blog
http://hollabacktexas.blogspot.com/2014/01/cara-membuat-validasi-html5-blogger.html
http://hollabacktexas.blogspot.com/
http://hollabacktexas.blogspot.com/
http://hollabacktexas.blogspot.com/2014/01/cara-membuat-validasi-html5-blogger.html
true
4727374246882403435
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy