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='&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>

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.
Previous
Next Post »

14 komentar

Write komentar
16 Januari 2015 16.32 delete

thanks infonya gan :D
kunjungi juga bintangardely.blogspot.com

Reply
avatar
16 Januari 2015 17.09 delete

ok ga,terima kasih sudah berkunjung.

Reply
avatar
Fajri kurnia
AUTHOR
17 Januari 2015 07.04 delete

sip gan infonya semoga nanti saya bisa langsung praktekkan

Reply
avatar
17 Januari 2015 16.17 delete

ok gan. terima kasih sudah berkunjung.

Reply
avatar
20 Januari 2015 22.57 delete

nice for sharing tks, I'am from blog realfakta.com

#nice for tamplate (Y)

Reply
avatar
21 Januari 2015 23.30 delete

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

Reply
avatar
22 Januari 2015 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..

Reply
avatar
Harum MF
AUTHOR
28 Januari 2015 18.00 delete

klo sdh valid HTML5 loading blognya bisa lebih cepat ya,sip lah buat di terapkan di blog tips di atas :)

Reply
avatar
28 Januari 2015 20.04 delete

iya gan,sangat bagus sekali kalau sudah HTML5 :D terima kasih sudah berkunjung gan :)

Reply
avatar
7 Februari 2015 18.01 delete

salam gan.
visit : www.jagotips.com

Reply
avatar
26 Maret 2015 16.34 delete

Manteep sob untuk informasinya :)
http://goo.gl/Z14H3K

Reply
avatar
Anonim
AUTHOR
31 Oktober 2015 04.13 delete

Ane masih ga ngerti gan 😁

Reply
avatar
Anonim
AUTHOR
31 Oktober 2015 04.13 delete

Ane ga ngerti

Reply
avatar

Silahkan Berkomentar! EmoticonEmoticon