Tuesday, November 19, 2013

Cara Validasi HTML5 Widget Feed Recent Posts Blogger

Zakososa Weblogs: Cara Validasi HTML5 Widget Feed Recent Posts Blogger. Langkah-langkah edit Widget Feed1 Recent Posts/ Posting Terbaru Blogger agar valid HTML5.
widget feed1 recent posts
Jika anda adalah sala satu pengguna blogger.com/ blogspot yang lebih suka menggunakan fitur-fitur berupa widget asli/ original yang disediakan oleh blogger.com melalui elemen add widget di menu tata letak, maka hal ini harus anda lakukan. Lebih khusus lagi jika anda adalah sala satu blogger yang mementingkan validasi HTML5 juga validasi CSS3.

Entah itu demi kepentingan kekuatan Optimasi SEO On Page Blog maupun hanya sekedar ingin memiliki template blog yang lebih baik berdasarkan ke-valid-an kode-kode HTML dan CSSnya.

Cara Cek Validasi HTML5

Saya tidak akan membahas bagaimana menambahkan widget ini. Selanjutnya saya pastikan bahwa anda telah memasang widget feed1 untuk recent posts/ posting terbaru di blog anda. Setelah memasang widget ini, silakan kita cek terlebih dahulu kode apa saja yang membuat mesin tool validator memerah (error). cek: http://validator.w3.org

Dan hasilnya adalah sebagai berikut:
Validasi HTML5 Widget Feed Recent Posts Blogger

Kode-kode seperti di atas akan selalu muncul setiap kali kita menambahkan beberapa widget baru di blogger. Dan kode tersebut dibentuk oleh kode "quickedit" untuk membanu anda melakukan pengeditan cepa widget terkait. Dan fitur dapat dilihat di bagian bawah setiap widget yang ada dengan rupa gambar obeng. Untuk mengetahui gambar obeng yang saya maksud, anda dapat melihatnya di gambar ilustrasi widget feed1 recent posts yang telah saya sematkan di atas dari Zakososa Weblogs.

Lalu bagaimana cara mem-validasinya? Caranya sama dengan cara-cara lain sebagaimana yang telah kita ketahui dan sering lakukan, yaitu dengan cara menghapus kode "includable quickedit". Jadi, bagi anda yang sudah terbiasa akan hal ini, anda dapat melakukannya sekarang juga tanpa membaca tahapan-tahapan validasi HTML5 Widget Feed1 Blogger di bawah ini.

Namun, untuk anda yang belum terbiasa dan atau belum mengetahui caranya, silakan ikuti beberapa langkah yang telah saya coba jelaskan dengan sederhana di bawah ini:

Cara Validasi HTML5 Widget Feed1 Recent Posts

Saya pastikan anda sudah masuk ke dalam menu TEMPLATE > EDIT HTML.

Kemudian klik tombol LOMPAT KE WIDGET > pilih FEED1

Lalu klik tanda panah expand persis di samping kiri kode <b:widget id='Feed1' locked='false' title='Recent Posts' type='Feed'>. Dan begitu pula seterusnya pada kode <b:includable id='main'>. Sehingga terbuka dan terlihat semua kode-kode penyusun widget Feed1 (Recent Posts/ Posting Tserbaru).
Validasi HTML5 Widget Feed Recent Posts Blogger

Selanjutnya silakan hapus kode <b:include name='quickedit'/> seperti pada gambar di bawah ini:
Validasi HTML5 Widget Feed Recent Posts Blogger

Kemudian hapus juga kode style='filter: alpha(25); opacity: 0.25;' atau cukup menghapus kode filter: alpaha(25)nya saja. Silakan perhatikan gambar di bawah ini:
Validasi HTML5 Widget Feed Recent Posts Blogger

Tahap terakhir adalah menyimpan template yang telah dirubah sebelumnya untuk mendapatkan efek positif berupa valid HTML5 via validator tools validaor.w3.org.

Selamat mencoba dan semoga kesuksessan selalu bersama anda dan blog anda. Terima kasih sudah berkunjung dan membaca-baca sebagin/ keseluruhan posting Zakososa Weblogs. ;)
Zaenal Abidin
I am not incredible blogger and amateur blog designer. My style is not excited and not gracefully describe and explain the things that makes it easy for readers to understand and learn about blog design for bloggger, blogspot, and wordpress too.. visit my new site www.zakososa.net

Related Posts: Cara Validasi HTML5 Widget Feed Recent Posts Blogger

2 comments: Cara Validasi HTML5 Widget Feed Recent Posts Blogger

  • sudah saya coba tapi feed saya tetap saja belum valid adakah solusinya
    • Saya tidak yakin anda sudah mencobanya, karena saya tidak melihat tanda-tanda widget feed untuk menampilkan daftar posting terbaru/ recent posts di blog anda sedikit pun. Atau mungkin anda memasangnya di blog milik anda lainnya. :p