Tips/Cara membuat Blog atau template valid HTML5

Kadek Putu Sedane
0 Komentar
0
Pembahasan kali ini adalah Tips membuat Blog atau template valid HTML5, Membuat blog menjadi validate html5 dapat mempercepat, kecepatan SEO pada blog kamu, cek kecepatan SEO blog kamu terlebih dahulu untuk memastikan apakah nanti jika blog atau template kamu sudah menjadi validate html5 dapat meningkatkan kecepatan blog atau template kamu,, liat caranya di sini: Cek out kecepatan SEO blog kamu..

Tips membuat Blog atau template valid HTML5

Tips membuat Blog atau template valid HTML5
Cara Membuat Contact Form keren

Apa itu HTML5??  

HTML5 adalah revisi kelima dari perkembangan HTML (Hyper Text Markup Language) yang pertamakali diciptakan pada tahun 1990 dan versi sebelumnya HTML4 diciptakan pada tahun 1997 dan hingga pada tahun 2011 HTML5 masih dalam perkembangan. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, agar mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin telusur (search engine).

HTML5 merupakan salah satu karya dari W3C (World Wide Web Consortium) untuk mendefinisikan sebuah bahasa markah tunggal yang dapat ditulis dengan cara HTML ataupun XHTML.
Nah gi mana menurut kalian pemahaman Apa itu HTML5, apa kalian sudah memahaminya???
baiklah jika kalian sudah pahan mari kita langsung menuju tips agar blog atau template bisa validate html5 

Langkah-langkah membuat blog atau template menjadi validate html5

Note
1. Backup terlebih dahulu template kamu, langkah ini agar kamu bisa mengartisipasi kerusakan yang terjadi nantinya pada blog kamu jika ada code yang tidak cocok di template/blog yang kamu gunakan

==> Cari code seperti di bawah ini
<?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 code di bawah ini
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>
==> Cari code <html> dan </html> lalu ganti dengan <HTML> dan </HTML> ==> untuk mempercepatan pencarian code di atas klik
Ctrl
+
F
pada keyboard anda
==> Lalu kamu cari code seperti di bawah ini
<b:include data='blog' name='all-head-content'/>
 ==> Lalu ganti code di atas dengan code berikut ini
<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>
 ==> Sekrang coba anda cari code seperti ini  <b:skin><![CDATA[ lalu ganti dengan kode yang ada di bawah ini:
<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>
 ==> untuk tahap berikutnya silahkan anda cari code seperti di bawah ini:
<b:include data='post' name='postQuickEdit'/>
 ==> Hapus code yang mirip seperti di atas ini
 ==> dan juga hapus code seperti di bawah 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>
 ==> Belum selesai di sini, cari code seperti ini <b:include name='quickedit'/>  lalu hapus semua (karena setiap widget baru yang anda tambahkan/sisipkan ke blog atau template kamu akan muncul code seperti di atas, dan setiap kamu menambahkan widget baru agar blog atau template kamu bisa Validate html5 silahkan kamu hapus code tersebut)
 ==> Cari kode seperti ini <a expr:name='data:post.id'/> silahkan Anda hapus semua (ini tidak di haruskan atau wajib melakukannya)
==> Untuk lebih optimal silahkan anda cari code seperti berikut ini (jika ketemu silahkan hapus, jika tidak lewati)
<div class='post-share-buttons goog-inline-block'>...sampai...</div>
 penjelasan tentang langkah-langkah di atas mungkin belum menjadikan blog anda validate html5
untuk pelengkapan code di atas setiap anda memasukan gambar ke postingan blog silahkan ganti code gambar tersebut sehingga menjadi seperti di bawah ini:
<td style="text-align: center;"><img alt="masukan judul postingan di sini" src="Masukan Url gambar kamu di sini" title="Untuk title gambar kamu silahkan masukan di sini" width="100%"></td>
 Jika anda masih bingung dengan penjelasan di atas silahkan anda ganti template yang sudah di lengkapi dengan fitu validate html5 atau template dengan fitur SEO freandly

 Oky sampai di sini dulu yaa penjelasan tentang Tips membuat Blog atau template valid HTML5 
SEMOGA SUKSES
← NewerOlder →

Fitur Lagu