YANG dimaksud Cara Membuat Template Blog Valid HTML5 ini bukan membuat template baru, tapi mengedit, memperbaiki, atau memodifikasi template yang kita gunakan agar valid atau sesuai dengan program HTML5.Jika template blog kita valid HTML5, maka menurut para pakar desain web, hal itu akan membuat blog kita mudah dibaca user (pengguna, pengunjung) dan mudah dikenali serta diindeks oleh mesin pencari.Artinya, valid HTML5 sangat bagus untuk masa depan dan kejayaan blog kita. Seluruh internet browser utama (Firefox, Opera, IE, Chrome, Safari) mendukung HTML5.Cara Cek Valid HTML5Untuk mengecek apakah blog kita valid HTML5 atau tidak, bisa gunakan situs ValidatorW3. Blog CB ini mendapatkan data error dan warning: 6 Errors, 1 warning(s) (dengan memasukkan URL) dan 2 Errors, 3 warning(s) (dengan metode Direct Input).Biarin da ah, yang penting nggak kebanyakan. Bandingkan misalnya dengan detik.com yang dinyatakan punya 221 Errors, 161 warning(s)! Tapi toh detikcom aman-aman saja!Bahkan, template-template yang diklaim Valid HTML5, saat dicek di sana, masih saja mengandung error. Aneh ya?Jadi, gimana dong? Itu tadi.... minimal "jangan kebanyakan" errornya, di bawah 10 deh kayak punya CB ^_^Cara Membuat Template Blog Valid HTML5Untuk membuat blog kita valid HTML5, minimal mengurangi errror, maka lakukan langkah-langkah berikut ini. Backup dulu template blog Anda, kalau makin error, atau nanti tampilannya malah acak-acakan, balikin lagi aja ke semula.Login > klik "Template" > klik "Edit HTML" 1. Cari (CTRL+F) atau temukan kode di bawah ini. Gampang... ada di bagian paling atas!Atau yang seperti ini: Hapus semuanya dan ganti (replace) dengan kode berikut ini:2. Ganti kode menjadi di bagian akhir/bagian bawah banget template Anda.3. Hapus kode 4. Ganti dengan meta tags Valid HTML 5 berikut ini:5. Cari dan ganti kode dengan kode di bawah ini: <style type="text/css"> <!-- /*6. Ganti kode semua /*------ ----*/ dengan /* dan */ saja. Contohnya kode seperti ini:/* ---------------------- Related Posts -------------------------*/Ganti menjadi begini:/* Related Posts */7. Hapus Navigasi Baru bawaah blogger! Cari kode dan tambahkan kode di berikut ini di atasnya.8. Hapus ikon QuickEdit atau gambar Obeng+Tang (Screwdriver)! Cari dan hapus semua kode Jangan lupa, setiap kali menambah widget baru, akan muncul kode tersebu di template, dan hapus lagi!9. Temukan kode seperti ini: Hapus semuanya dan ganti dengan kode berikut ini:10. Tambahkan kode type = "text/javascript" di semua kode JavaScript dan tambahkan type = "text/css" di semua kode css. Misalnya:Ubah menjadi begini:
Cara Membuat Blog Valid HTML5
Cara Cek Blog / Website Valid HTML Atau Tidak - Yosh .. Udah lama gw posting-posting, gara-gara ngurusin Fansub baru gw jadi ga ada waktu buat blogging. Di awal tahun baru ini mudah-mudahan gw bisa posting terus ^^. Balik ke topik ... akhirnya gw ngasih kategori baru lagi nih yaitu Tips & Trik Seputar Blog. Padahal kategori yang lalu belom sempet di update XD. Karna gw suka ngeblog dan berpengalaman jadinya sekalian aja gw ngasih tutorial blog :v. BALIK KE TOPIK .. HTML5? Apa sih HTML5 itu? cari aja di google .. gw males ngetiknya -_-. Yang pasti HTML5 itu berpengaruh terhadap nilai SEO situs kita.Cara Cek Blog / Website Valid HTML5 Atau Tidak1) Kunjungi The W3C Markup Validation Service klik disini.2) Masukkan Alamar URL situs sobat di form yang telah disediakan3) Klik Tombol Cek4) Sobat bisa lihat situsnya valid HTML5 atau tidakKalau muncul tulisan ini berarti situs sobat udah Valid HTML5 .. Omedetou (^_^)This document was successfully checked as HTML5!Kalau munculnya tulisan ini berarti situs sobat belom Valid HTML5 .. Kawaisou .. (T,T)Errors found while checking this document as HTML5!Jadinya sobat harus mengotak-ngatik htmlnya agar bisa Valid HTML5 .. Sayangnya gw masih bingung kalo urusan HTML5, blog ini aja belom Valid HTML5.. XD
Biasanya kode all-head-content ditempatkan di bawah title tag blog. Jika Anda mengikuti postingan tentang cara membuat tema custom blogger dari dasar, maka Anda akan menemukan kode all-head-content lebih jelas dan juga dapat mengetahuan kode apa saja yang dihasilkan dari kode all-head-content. 2ff7e9595c
留言