• Post Title 1

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede ...

  • Post Title 2

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla ...

  • Post Title 3

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla ...

  • Post Title 4

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In dapibus. In pretium pede. Donec molestie facilisis ante. Ut a turpis ut ipsum pellentesque tincidunt. Morbi blandit sapien in mauris. Nulla lectus lorem...

HTML5 | Menerapkan HTML5 di Blog

Menerapkan HTML5 pada Blog di Blogspot. Yap, itulah topik kita hari ini. Sebelumnya coba anda pergi ke http://validator.w3.org/ dan masukan alamat blog anda. Jangan kaget dengan banyaknya pesan error dan warning yang ada di blog anda. Itu karena anda masih menggunakan XHTML1. Untuk mengurangi error dan warning itu coba terapkan HTML5 di blog anda. Caranya Step.By.Step!!!


1. Log in ke Blog anda > Masuk ke Design > Edit HTML
2.lihat kode HTML dari yang paling atas hingga <title><data:blog.pageTitle/></title> 


3.Hapus dan ganti (replace) semua kode itu dengan kode ini
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'/>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
4. Letakan kode berikut di atas (sebelum) kode </head>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lte IE 7]>
<script src="js/IE8.js" type="text/javascript"></script><![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" media="all" href="css/ie6.css"/><![endif]-->
5. Di bawah kode tadi (no.4) letakan kode berikut
<!-- <body><div></div> -->
6. Save Templates. Jika ada peringatan navbar terhapus pilih delete.

Selesai. Sekarang anda kunjungi http://validator.w3.org/ dan bandingkan dengan yang tadi pertama anda cek.

Sekian posting dari saya. Semoga bermanfaat saya ucapkan terima kasih wassalam

0 komentar:

Posting Komentar

 
Copyright © kumpulan buku gratis. Original Concept and Design by My Blogger Themes | Tested by Blogger Templates | Best Credit Cards