Sunday, September 28, 2014

CARA MEMBUAT VALIDASI HTML5 BLOGGER

Published : 7:50 AM Author :
CARA MEMBUAT VALIDASI 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.Apa itu HTML5?HTML5 adalah pengembangan dari versi sebelumnya,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.
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 bawah4. 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 atas7. 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.
Source sipiqii

Labels: , |

0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)