Cara Membuat Validasi HTML5 Blogger
Cara Membuat Valid HTML5 Blogger - Pada kesempatan kali ini saya akan membagikan tutrial tentang Valid HTML5. Walaupun sudah banyak yang memposting tentang Valid HTML5tidak salah disini saya akan memposting lagi.
Apa itu HTML5?HTML5 adalah pengembangan dari versi sebelumnya, Baca: Pengertian HTML dan PHP dimana tujuan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin. Intinya, agar web/blog terbaca sempurna di semua browser dan mudah dalam penggunaan.
Untuk mengecek Validasi Blog DISINI atau DISINI ~ Contoh yang sudah Balid HTML5
Langkahnya membuat validasi HTML5:
1. Masuk ke edit HTML dan jangan lupa untuk di backup
2. Cari kode seperti:
4. Ganti kode berikut:
7. Hapus semua kode berikut:
10. Simpan Template
Mungkin hanya begitu saja yang bisa saya sampaikan dan semoga bermanfaat.
Apa itu HTML5?HTML5 adalah pengembangan dari versi sebelumnya, Baca: Pengertian HTML dan PHP dimana tujuan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin. Intinya, agar web/blog terbaca sempurna di semua browser dan mudah dalam penggunaan.
Untuk mengecek Validasi Blog DISINI atau DISINI ~ Contoh yang sudah Balid HTML5
Langkahnya membuat validasi HTML5:
1. Masuk ke edit HTML dan jangan lupa untuk di backup
2. Cari kode seperti:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='//www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head><?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>html dengan HTML bagian atas dan bawah4. Ganti kode berikut:
<b:include data='blog' name='all-head-content'/><meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link href='//www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - " + data:blog.title' name='description'/>
</b:if>
</b:if><b:skin><![CDATA[ dengan:<link href='//www.blogger.com/static/v1/widgets/3950009988-widget_css_bundle.css' rel='stylesheet' type='text/css'/>
<style type="text/css"> <!-- /*<b:skin><![CDATA[*/]]
<style><b:include name='quickedit'/>7. Hapus semua kode berikut:
<b:include data='post' name='postQuickEdit'/><b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='//img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable><div class='post-share-buttons goog-inline-block'>...bla bla sampai...</div>& dengan &10. Simpan Template
Mungkin hanya begitu saja yang bisa saya sampaikan dan semoga bermanfaat.
Resource: //blog.kangismet.net/2013/08/cara-membuat-blog-valid-html5.html
53 comments
Hmmm aku nggak tau punyakuhtml5 apa tidak..
Dan untuk edit html aku nggak bisa.
Eeeyy aku coba check di link itu kok semuanya error dan sebagian warning..
Maksudnya apa yaaa..
punya saya masih belum valid, cara ini harus saya lakukan nih //
berarti blum valid HTML5 sist, perlu di optimalkan untuk HTML5 nya. :)
sama yang ini juga blum valid sist.. masih error pada JSnya, nyari2 gak ketemu =(
Dulu saya pernah nyoba tapi eror, untung udah di backup...) sampai sekarang blog saya belum valid html5 :'(
saya fahami dulu mas...buat saya masih rumit
makasih ya
sabar mas, pelajari lagi. saya juga masih belajar :)
sama2 jenx.. jangan buru-buru :)
wah ni blog lainnya ya, dalam rangka kunbal gan,
oh ya sya pernah pake cara itu di blog sya dgn template yg sekarang jd acak2an aneh ga ngerti jd d restore aja yg lama deh, pengaruhnya apa ya ga valid html5?
seo ny?
gan sering2 ya maen ke blog sy kuliposting
iya sist :) yang sudah di tuliskan pada postinagn kang Ismet kelebihan memakai ini:
1. Membantu Search Engine meng-indeks dokumen website/blog lebih baik.
2. Render browser lebih baik dan lebih cepat
3. DOCUMENT OBJECT MODEL (DOM) lebih stabil dan konsisten
4. Future Proof, yang berarti HTML lebih kompatible, backward compatible terhadap browser terbaru.
5. Mengetahui kondisi website/blog lebih detail ( link-link broken, link mati, dst.)
6. Lebih disukai browser-browser dan tentu masih banyak lagi keuntungan lain dari validasi HTML ini.
siap BW
wah menarik juga ya mas kalau blog kita bisa valid html5. Jadi lebih ringan loading nya :)
tapi lumayan banyak juga ya kode nya hehe :D
iya sist lumayan:D jadi lebih nyaman :)
kalau nggak ngerti kode html susah untuk membuat blog kita valid HTML yah mas, saya juga udah pernah mencoba tapi masih bingung dan masih banyak yang error, makasih infonya mas :)
sama-sama mas.. :) memang bgitu harus berlatih HTML
Saya juga blm gitu paham sama soal ini...
Sekalian ikut belajr dan mahamin pelan2 deh :)
iya kita belajar bersama mas, biar bisa :) pelan2 asal pasti
Wah, blog ane belum valid. harus dibenahi lagi jadinya.
memang sih, untuk membuat blog valid HTML5 memang gampang-gampang sudah mas
maksud saya gampang-gampang susah mas.
kebetulan punya saya belum valid, cara ini bisa dicoba nih ;)
iya gampang bagi yang sudah tahu :p tekuni belajar nanti pasti bisa :D
silahkan, sama-sama kang :-d
iya mbak.. sebagai alternative belajar :D
pingin mencoba tp belum paham, saya pahami dlu ya gan..
mencoba itu lebih baik dr pada tidak sama sekali ya nggak? :D
Saya banyak sekali kesalahan html5 nih mas :)
benear sekali mas, maka kita tahu kesalahan kita dimana untuk bisa memperbaiki lagi kedepannya :-d
benear sekali mas, maka kita tahu kesalahan kita dimana untuk bisa memperbaiki lagi kedepannya :-d
di perbaiki lagi mas :) biar valid =D
pelajaran saya belum nyampe sini mas
memangnya sudah sampai mana sist :)
Sip mas Mawan :)
ane html satu dua aja belum becus gan,,, saran template ke ane donk gan,,,
save dulu sob, untuk dipelajari ...
Dengar-dengar google Algoritma seneng blog yang valid html5 dan responsive
silahkan mas kata :)
iya mas Lano :)
Mantap sob . . . .
saya ternyata banyak yg erorr
Sulit untuk saya karena html aku ga ngerti
saya nyimak aja deh mas.. gak terlalu mudeng kalo soal html.. :D
makasih gan pos y bermanfaat buat saya
makasih \o/ semoga berhasil sob :)
gak sulit kalau mau belajar mbak ,hehe :D
makasih atas kunjungannya :) jangan bosan2 aja kesini :-d
sama-sama sob :-d alhamdulillah kalau bermanfaat :)
sangat sulit belajar editing coding HTML,terlebih tidak disertai dengan keberanian, sebagai saran awal buat sahabat semua jangan terburu-buru mengambil sikap untuk merubah HTML ke V-HTML5, coba lakukan pada hapus lekukan kode template saja dulu, lalu kemudian penghapusan kode padding :0px;border:0px atau bc-ground:none DKK sebagai dasar belajar coding template
Terimakasih
Saya lihat dengan ctri+ u ada script di bawah kode </body> coba pindahkan tepat di atas kode </body>
iya benar.. script alexanya.. setalah di hapus dan bisa valid HTML 5 :) makasih :D
iya mbak.. mungkin tutorial sebagai awal kenapa langsung ke valid html5 bukan dari dasar pembelajaran.. makasih masukannya mungkin bisa saya perbaiki lagi :D
Tapi settingan ini untuk hasil SERp setelah nama blog pasti terdapat tulisan Blogger, bagaimana cara menghilangkannya ?
maaf mas prisma sebelumnya saya belum memahami sampai situ,hehe maklum masih newbie nih :)
Oke deh :)
saya akan mempelajarinya, mulai dari nol :) mohon bimbingannya
iya nanti saya bantu semmpu saya sis :)
mantaab brooo ,, aen dh valid :D
Note:
► Silahkan Berkomentar Sesuai Tema.✔
► No LINK. SPAM & PROMOSI ✘
► Segala Komentar Yang Masuk tidak Saya Moderasi ✔
► Dilarang Promosi (kecuali Ijin dan disetujui Admin ) ✔
► Link Hidup = Hapus.✔
EmoticonEmoticon