Bagaimana Cara Cek Dan Memperbaiki Validasi html 5

Bagaimana Cara Cek Dan Memperbaiki Validasi html 5

Cara mengetahu mengetahui validasi template blog yang kita gunakan dan cara mempebaikinya.
akses https://validator.w3.org/ masukan url pada kolom Address dan klik check

maka akan mucul keterangan eror pada blog anda dan cara memperbaikinya ikuti langkah di bawah.

Langkah 1 : Backup template sebelum melakukan editing.
Langkah 2 : Cari kode seperti ini :

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://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='http://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>
ganti dengan :
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<meta charset='utf-8'/>


Langkah 3 : Ganti kode </html> dengan </HTML> (paling bawah di template)

Langkah 4 : ganti kode ini :

<b:include data='blog' name='all-head-content'/>

dengan kode di bawah ini :

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='description'/>
</b:if>
</b:if>


Langkah 5 : Ganti <b:skin><![CDATA[ dengan kode dibawah :

<link href='//www.blogger.com/static/v1/widgets/3950009988-widget_css_bundle.css' rel='stylesheet' type='text/css'/>
&lt;style type=&quot;text/css&quot;&gt; &lt;!-- /*<b:skin><![CDATA[*/]]
<style>


Langkah 6 : Hapus semua kode ini :

<b:include name='quickedit'/>

Setiap kali menambahkan widget baru, hapus kode di atas.

Langkah 7: Hapus semua kode ini (opsional)

<a expr:name='data:post.id'/>

Langkah 8 : hapus kode seperti ini :

<b:include data='post' name='postQuickEdit'/>
atau seperti ini :
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='&quot;item-control &quot; + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>


Langkah 9 : Hapus kode dibawah ini (kalau ditemukan, kalau tidak ada, lewati saja)

<div class='post-share-buttons goog-inline-block'>...sampai...</div>
Langkah 10 : Ganti semua code & dengan &amp;

Sampai di sini, template sobat sudah bisa Valid HTML5 untuk Homepage. Akan tetapi pada postingan masih banyak error karena komentar blogger (kecuali komentar hack seperti blog ini). Mudah-mudahan saya bisa share cara mem-fix-an postingan.
Harap Diperhatikan
Kemungkinan dengan langkah-langkah di atas, blog sobat belum valid. Supaya menjadi 100%, silahkan perhatikan beberapa hal dibawah ini :

1. Selalu gunakan tag alt pada gambar, contoh :
2. Jangan gunakan border="0" pada gambar, sebagai gantinya tambahkan kode :

style="border:none"
atau CSS terpisah seperti
img{border:none}

3. Pada iFrame, jangan menggunakan frameborder="0" atau allowtransparency:"true" scrolling="no", sebagai gantinya gunakan kode :

style="border:none;overflow:hidden"

atau CSS terpisah seperti

iframe{border:none;overflow:hidden}

4. Pada tag a jangan menggunakan tag name seperti :

<a name='comment-form'>

sebagai gantinya gunakan id seperti :

<a href='#comment-form'>

5. Jangan ada dua id pada template.

6. Hapus kode <b:include name='quickedit'/> setiap menambah widget baru.

Selesai.

Cara Memindahkan WordPress ke Hosting lain

Cara  Memindahkan WordPress ke Hosting lain dan dengan domain yang baru pula.

Langkah pertama Backup data terlebih dahulu  dan juga databasenya
untuk menghindari jika terjadi error pada saat proses pemindahan jadi kita masih bisa restore data web tersebut .

1. untuk back up data website bisa melalui softacolous , untuk caranya anda bisa googling terlebih dahulu.

2. atau bisa juga di download melalui file manager cPanel .
kompress data web yang akan di download atau di backup dengan cara ( Cara Compress File Di cPanel File Manager ) , kemudian klik download yang ada di bagian atas atau double klik pada file .ZIP .

3. Kemudian untuk back up database adalah dengan cara export database ke komputer/local . untuk caranya bisa  googling terlebih dahulu.

Lanhkah kedua adalah setting WordPress Address (URL) dan Site Address (URL) pada dasboard wordpress .
Caranya adalah sebagai berikut :

1. Login ke administrator wordpress ” www.namadomainanda.com/wp-admin atau www.namadomainanda.com/wp-login.php “
Setelah berhasil masuk kemudian masuk ke ” Setting =>> General ”
Lihat Gambar
Cara Memindahkan WordPress ke Hosting lain

2. Kemudian edit kolom WordPress Address (URL) dan Site Address (URL) kemudian masukan nama domain yang baru .
Cara Memindahkan WordPress ke Hosting lain

3. Setelah itu klik ” Save Change ” yang ada di bagian bawah untuk menyimpan perubahan.

4. Setelah klik ” Save Change ” maka tampilan web anda akan error , di karenakan domain utama pada wordpress sudah di ganti .Tetapi jangan khawatir karena prosesnya masih belum selesai.

Lanhkah ketiga adalah mengulangi proses yang pertama yaitu download data web yang akan di pindah dan juga databasenya . Nantinya yang akan di upload pada hosting yang baru adalah hasil download pada proses ini . Pastikan memulai langkah-langkahnya dari awal di karenakan hasil download pada proses pertama dan proses yang ini akan berbeda sebabnya adalah ada pada proses pergantian WordPress Address (URL) dan Site Address (URL) pada dasboard wordpress .

Langkah yang keempat adalah mengupload data web dan Import database juga yang sudah di download pada proses yang ke tiga ke hosting yang baru .
Caranya adalah sebagai berikut :

1. Upload data website yang telah di download pada step ke tiga , untuk caranya bisa di lihat pada artikel ( Cara Upload Melalui File Manager cPanel )

2. pastikan di upload ke folder root atau public_html .

3. Setelah di upload kemudian di extract file .ZIP dengan cara klik tombol ”extract ” yang ada di bagian atas .

4. Sebelum Import database create database terlebih dahulu , untuk caranya bisa di lihat pada artikel ( Cara Membuat Database Dengan MySQL Database Wizard di cPanel )

5. Setelah create database kemudian Import database melalui phpMyAdmin .

langkah yang kelima atau proses akhir adalah menyesuaikan file wp-config.php
Untuk cara menyesuaikan file config.php bisa di lihat pada artikel ( Yang Perlu Di Perhatikan Dalam Melakukan Setting Konfigurasi ) . untuk file config wordpress adalah wp-config.php .

Selesai.


Kategori

Kategori