Template Blogger HTML5 ID News Yahoo

Template Blogger HTML5 ID News Yahoo - Maksud dari "ID News Yahoo" adalah, template dibawah ini saya sangat terinspirasi sekali dengan ID News Yahoo, berikut screen shoot templatenya :

Demo nya disini :

Demo

Berikut ini adalah ke unggulan dari Template Blogger HTML5 ID News Yahoo :

Seo Score template tersebut di SeoAnalyser.net sekitar 68%, lihat screen shootnya dibawah ini :

Silahkah check sendiri di SeoAnalyser.net. Template ini juga Valid HTML5, Berikut screen shootnya :

silahkan check sendiri di Validator.w3.org, selain itu template ini juga tidak error dalam masalah metadata di google Rich Snippet, berikut screen shootnya :

Silahkan check di http://www.google.com/webmasters/tools/richsnippets.

Dan juga skor page load template di GTMetrix lumayan ringan, berikut screen shootnya :

Sebelum anda mendownload template ini saya ingin membagikan sedikit tutorial cara memvalidkan template ke HTML5, tutor ini sangatlah sederhana. Karena jika dilihat dengan seksama tutorial ini selalu diabaikan meski tutorialnya sangat mudah.

Langsung tutorialnya :

Jika anda menginginkan sebuah elemen yang berada ditengah jangan lah menggunakan tag <center>disini elemen</center> karena tag tersebut sudah tidak didukung HTML5, lebih baik menggunakan code seperti ini jika anda menginginkan suatu elemen yang berada ditengah, karena tag divisi seperti dibawah ini tidak membuat error dalam usaha anda memvalidkan template ke HTML5, berikut tag divisinya :

<div style='text-align:center;'>Masukan elemen yang ingin dibuat ditengah</div>

lalu jika anda memasukan images/gambar jangan lupa untuk memasukan tag code alt='' pada images, supaya tetap valid HTML5 saat memasukan gambar pada postingan, berikut contohnya :

<img src='gambar.jpg' alt='Deskripsi gambar' title='judul gambar'/>

Dan jika anda ingin menambahkan widget jangan lupa untuk menghapus code :

<b:include name='quickedit'/>

Karena jika tidak dihapus, template anda akan mengalami error lagi.
Cara menghapusnya cukup mudah.
Masuk ke Bagian Template > Centang Expand Widget lalu cari code <b:include name='quickedit'/> Jika sudah ditemukan hapus code tersebut, tetapi alangkah baik nya jika anda meng back-up template anda terlebih dahulu.

Dan 1 lagi, Tutuplah kotak Komentar pada blog anda, karena kotak komentar blogspot tidak bisa di edit, dan juga kotak komentar blogspot adalah biang kerok error di HTML5, sebagai penggantinya pakai saja Kotak Komentar Facebook/Disqus.
Jika sudah faham dengan tutor yang singkat ini langsung saja download templatenya dibawah sini :

Download Template

Demikianlah sedikit ulasan saya yang mengenai Template Blogger HTML5 ID News Yahoo, semoga dapat berguna dan bermanfaat.