logo blog
Selamat Datang Di Blog Seputar Informasi
Terima kasih atas kunjungan Anda di blog Seputar Informasi,
semoga apa yang saya share di sini bisa bermanfaat dan memberikan motivasi bagi kita semua
untuk terus berkarya dan berbuat sesuatu yang bisa berguna untuk orang banyak.

Cara Mengurangi Error CSS dan HTML5

Validnya CSS dan HTML pada suatu blog sangatlah penting. Apa jadinya kalau blog kita terdapat banyak sekali errornya pada CSS dan HTML, loading blogpun menjadi lemot, Search Engine jadi tidak menyukainya dan akhirnya posisi blog semakin menurun. Untuk mengetahui jumlah error bisa cek di www.validator.w3.org, apabila terdapat error yang lumayan banyak, maka bisa diperbaiki dengan trik dibawah ini :

1. Bagian atas <head> ganti dengan kode dibawah ini
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE HTML>
<HTML class='v2' dir='ltr'>
    Pada penutup </html> bagian bawah, ganti juga dengan huruf besar
</HTML>
2. Cari kode dibawah ini lalu hapus semuanya
<b:include name='quickedit'/>
3. Cari kode dibawah ini
<b:include data='blog' name='all-head-content'/>
    Ganti kode tersebut dengan kode dibawah ini
<!-- Blogger Default Meta -->
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link href='http://www.blogger.com/profile/ID Profile Blogger Sobat' rel='me'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://www.blogger.com/rsd.g?blogID=ID Profile Blogger Sobat' rel='EditURI' title='RSD' type='application/rsd xml'/>
<link href='http://www.blogger.com/feeds/letakan URL blog Sobat di sini/posts/default' rel='service.post' title='Judul Blog Sobat - Atom' type='application/atom+xml'/>
<link href='letakan URL blog Sobat di sini/feeds/posts/default' rel='alternate' title='Judul Blog Sobat - Atom' type='application/atom+xml'/>
<!-- End Blogger Default Meta --> 
    Teks yang berwarna merah ganti sesuai apa yang dijelaskan.

4. Mengurangi kode strip / dash (-)
<!------ Blogger Default Meta ------> Salah
<!-- Blogger Default Meta --> Benar
 /*----- Header -----*/ Salah
/* Header */ Benar
5.  Ganti kode <center> .... </center> dengan kode dibawah ini
<div class='separator' style='clear: both; text-align: center;'> ..... </div>
6. Gunakan tag alt pada setiap gambar
<img src='URL gambar' alt='Tulis Keterangan disini' title='Tulis Keterangan disini'/>
Setelah semua langkah selesai klik Simpan, dan silahkan cek kembali blog anda untuk mengetahui jumlah error setelah diperbaiki.
Masukan Email Untuk Berlangganan Artikel Dari Seputar Informasi.
Next
« Prev Post
Previous
Next Post »

2 komentar

makasih dah berbagi gan, lanjutkan kreasimu

Balas

siap gan...!!!

Balas

Kritik dan Saran sobat sekaliyan sangat kami butuhkan agar kami bisa membenahi segala kekurangan kami

Copyright © 2016. Seputar Informasi - All Rights Reserved | TV Streaming | Template | Di Obrak Abrik Oleh Ramaja Gandhi