tips Membuat Blog Valid HTML5

  saat memulai blog disini tips Membuat Blog Valid HTML5 saya abai kan karna memang tidak tahu sama sekali sama html5 ini tetapi karena ku merasa belum puas akhirnya aku pun cari tips Membuat Blog Valid HTML5
 lalu aku pun mencari apa sih yang rame di bicarain di para blogger dan ternyata banyak sekali yang bahas tips Membuat Blog Valid HTML5 , dan aku pun sempet malas buat mengetahui html5 ini tapi dikarenakan berasa belum puas sama blog yang saya buat akhirnya saya memaksakan untuk belajar tips Membuat Blog Valid HTML5 ini
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

diantara keuntungan mevalidasi blog adalah :

  • Membantu Search Engine meng-indeks dokumen website/blog lebih baik.
  • Render browser lebih baik dan lebih cepat
  • DOCUMENT OBJECT MODEL (DOM) lebih stabil dan konsisten
  • Future Proof, yang berarti HTML lebih kompatible, backward compatible terhadap browser terbaru.
  • Mengetahui kondisi website/blog lebih detail ( link-link broken, link mati, dst.)
  • Lebih disukai browser-browser dan tentu masih banyak lagi keuntungan lain dari validasi HTML ini.


 dan hasil nya seperti yang ada gambar di bawah ini
ini ss dari hasil cek di https://validator.w3.org yang homepage web
tips Membuat Blog Valid HTML5
ss hasil hompage mobile atau wap blog saya
Blog Valid HTML5 versi wap
hasil single post
Blog Valid HTML5 singlepost
langkah yang saya lakukan yang ku dapat dari para master blogger :
Langkah 1 : Backup template terlebih dahulu sebelum melakukan editing.

Langkah 2 : Cari kode seperti ini
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='https://www.w3.org/1999/xhtml' xmlns:b='https://www.google.com/2005/gml/b' xmlns:data='https://www.google.com/2005/gml/data' xmlns:expr='https://www.google.com/2005/gml/expr'><head>
saya menggantinya dengan kode seperti ini
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>

Langkah 3 : Ganti kode </html> dengan </HTML> (paling bawah di template)
Langkah 4 : Hapus kode ini :


<b:include data='blog' name='all-head-content'/>
Langkah 5 : Ganti <b:skin><![CDATA[ dengan kode dibawah :
<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>
note untuk template lama bila menghapus  <b:skin><![CDATA[ kadang eror

Langkah 6 : Hapus semua kode ini :




<b:include name='quickedit'/>
ket : tergantung dari banyak nya widget yang dipasang dan tiap kali pasang widget baru hapus kode tersebut
 Langkah 7: Hapus semua kode ini (opsional)




<a expr:name='data:post.id'/>
Langkah 8 : hapus kode seperti ini :




<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='https://
img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
Langkah 9 : Hapus kode dibawah ini (kalau ditemukan, kalau tidak ada, lewati saja)




<div class='post-share-buttons goog-inline-block'>...sampai...</div>
Langkah 10 : Ganti semua code & dengan &amp;

 lalu save pekerjaan anda mudah"an tidak terjadi eror tapi bila ada kendala silahkan berkomentar semoga saya bisa membantu :)

 mudah mudahan artikel tutorial tips Membuat Blog Valid HTML5 dapat membantu


incoming search term




html5 ,template seo html5 ,valid html5 ,cara blog valid html5 ,blog valid html5 ,

Komentar

Posting Komentar

jangan berkomentar berbau sara dan spam :)