Cara Membuat Template Blogger Menjadi Valid HTML5

Pada kesempatan ini saya akan menshare cara membuat template blogger menjadi valid html 5. HTML 5 merupakan penyempurnaan dari versi html yang sebelumnya. tujuan utama pengembangan html 5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru,mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.

Berikut tujuan dibuatnya dalam HTML 5:
1. Fitur baru harus didasarkan pada HTML,CSS,DOM,dan JavaScript.
2. Mengurangi kebutuhan untuk plugin eksternal (Seperti Flash)
3. Penanganan kesalahan yang lebih baik.
4. Lebih markup untuk menggantikan scripting.
5. HTML 5 merupakan perangkat mandiri.
6. Proses pembangunan dapat terlihat untuk umum.

Fitur Baru Dalam HTML 5:
1. Unsur kanvas untuk menggambar.
2. Video dan elemen audio untuk media pemutaran.
3. Dukungan yang lebih baik untuk penyimpanan secara offline.
4. Elemen konten yang lebih spesifik seperti:artikel,footer,header,nav,section.
5. Bentuk kontrol form seperti kalender,tanggal,waktu,email,url,search.

Untuk tidak memperpanjang penjelasan tentang Valid HTML 5,jika teman-teman ingin memasang HTML 5 ikuti langkah-langkah dibawah ini:

1. Login ke Blogger
2. Klik Template > Edit HTML.
3. Cari Kode </html> dengan </HTML>
4. Berikut ini adalah kode HTML yang harus anda hapus.

<div class='post-share-buttons goog-inline-block'>

5. Kode selanjutnya yang akan anda hapus.

</div>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + 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>

6. Pada cara ini anda dianjurkan untuk memasang Meta Tag SEO Friendly.

7. Anda harus menghindari Tag <center> karena HTML 5 tidak Support 5. Hapus Widget yang saya sebutkan dibawah ini jika anda memasangnya:

1. Google+Followers
2. Share Button.
3. Penghitung Jumlah Pengunjung.

Apabila anda ingin memasang Google Follower yang Valid untuk HTML 5 silahkan anda mengkliknya disini.

8. Selanjutnya Anda Harus:

1. Tambahkan tag alt di setiap tag <img>
2. Hilangkan kode imageanchor pada tag img.
3. Hilangkan kode border pada tag img.

Beberapa kode diatas merupakan penyebab error terbanyak ditemplate anda,sehingga hal tersebut membuat template anda menjadi tidak SEO Friendly.

9. Pada yang terakhir anda harus berhati-hati memasang Random Post yang tidak valid dengan HTML5.

Sekian artikel saya pada saat ini,saya ucapkan terima kasih atas segala perhatiannya.

9 comments

Write comments

Unknown

AUTHOR

16 January 2015 at 17:09 delete

ok ga,terima kasih sudah berkunjung.

17 January 2015 at 07:04 delete

sip gan infonya semoga nanti saya bisa langsung praktekkan

17 January 2015 at 16:17 delete

ok gan. terima kasih sudah berkunjung.

Mochammad Azka Taufiq Reyzany

21 January 2015 at 23:30 delete

Emang bedanya apa gan versi HTML5 sama versi2 sebelumnya . .??

22 January 2015 at 18:04 delete

perbedaannya adalah Pada HTML5 lebih membuat SEO blog naik,karena tampilannya yang responsive. HTML5 juga memiliki situs-situs canggih untuk dipakai di blog.
dan membuat tatanan di penampilan blog lebih rapi dan responsive :)
terima kasih sudah berkunjung gan..