Belajar Mengubah Kode Template Agar Valid HTML5

Belajar Mengubah Kode Template Agar Valid HTML5 - Rangka sebuah blog terletak pada susunan atau struktur bentangan kode-kode HTML pada template, semakin baik tata letak kode HTML templatenya, maka semakin bagus pula tampilan blog yang kita jalankan, renponsive dan tentunya SEO Friendly. Sebagai contohnya coba anda hapus beberapa kode HTML Template anda, atau memindahkan kode tersebut pada baris dan kolom yang tidak semestinya, apa yang terjadi.? ya..saya pastikan Template anda akan berantakan. Itu sebabnya penempatan kode HTML atau CSS yang salah pada template anda akan berakibat buruk pada tampilan blog anda.

Sebagai Pemahaman saja, hehe..!! SAHABAT BLOGGER 77 berkata - Level pintar atau MASTER dalam struktur Template Kode ada 2 kategori, pertama pintar karena ada seseorang yang membantu mengasah kemampuannya, dan kedua pintar karena berani (bukan Nekad) dan mau belajar dari apa yang dia baca dan ketahui(otodidak). Hayoo.. dilevel manakah anda.?
Kalau saya sich sudah pasti tidak termasuk pada level diatas, karena memang tidak paham akan Kode HTML Template, tetapi saya punya cara jitu untuk meraihnya, katanya ilmu tidak akan berkurang dan habis jika dibagikan, karenanya saya mengajak sahabat semua pecinta SAHABAT BLOGGER 77 untuk Belajar Mengubah Kode Template Agar Valid HTML5 dengan beberapa trik simple tetapi terbukti ampuh dan mendapat 2 jempol dari sang MASTER, hehe..!!

Update - Sebelum anda ingin mencoba tahapan ini, silahkan cek Valididasi HTML5 blog anda terlebih dahulu pada link ini Validator HTML5 sebagai perbandingan

1. LEKUKAN KODE TEMPLATE

Lekukan pada kode HTML template merupakan jarak atau spasi antara kode, atau sebagai perpanjangan kode HTML yang jika kita hapus akan mempunyai arti yang sama, jadi buat apa menyimpannya jika kode tersebut tidak berguna, lebih baik dihapus bukan.!, jadi silahkan periksa kode HTML template anda, jika masih terdapat lekukan silahkan langsung dihapus saja agar template lebih SEO Friendly dan Valid HTML5.

2. FUNGSI KODE DAN PENGHAPUSAN

Trik Ini didasarkan pada pemahaman fungsi kode tersebut pada template, jika anda tidak paham akan kode tersebut untuk menampilkan apa pada blog, jangan nekad untuk menghapus ya, (bisa brabeh urusannya) hehe..!!
Untuk tahap penghapusan saya akan ambil contoh menggunakan kode berikut :

Kode I

<b:include name='quickedit'/>

Kode II

<b:include data='post' name='postQuickEdit'/>

Kode III

<div class='post-share-buttons goog-inline-block'>sampai kode penutup </div> pertama

Kode IV

<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>

Cari dan Temukan kode I,II,III dan IV pada HTML Template anda, gunakan CTRL+F untuk mempermudah pencarian, kalau sudah ketemu, silahkan langsung dihapus saja.

3. MENGUBAH STRUKTUR KODE HTML

Cara ini merupakan pergantian kode-kode tertentu agar web/blog anda lebih mudah dipahami oleh googlebot index, karena fungsi HTML5 ini merupakan technology HTML multimedia yang telah dikembangkan dari versi sebelumnya dengan tujuan agar content halaman pada blog lebih mudah dimengerti dan mudah terbaca oleh mesin pencari Google (googlebot,spider, dll).

Berikut beberapa kode yang perlu diubah/diganti

<b:include data='blog' name='all-head-content'/>

Hapus kode diatas dan gantikan dengan kode berikut

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>

Sampai tahap ini, jika anda melakukannya dengan benar, blog anda sudah mendukung HTML5 Validasi, langkah selanjutnya kembangkan kemampuan anda dalam pemahaman HTML Template Coding Editing secara perlahan.
Demikian tahap sederhana untuk Belajar Mengubah Kode Template Agar Valid HTML5 dari saya. Semoga bermanfaat