Beranda » Uncategorized » Cara Membuat Template Blog Lebih Valid XHTML

Cara Membuat Template Blog Lebih Valid XHTML

T Diposting oleh pada 13 September 2012
F Kategori
b 2 komentar
@ Dilihat 599 kali

Sobat Darmanto,sebenarnya saya belum berniat membagikan catatan tentang Cara membuat template blog lebih valid XHTML,sebab blog ini juga belum valid XHTML.Namun dengan pertimbangan bahwa tidak ada salahnya membagikan dulu Cara Membuat template blog lebih valid XHTML kepada para sobat,maka catatan kali ini saya akan berbagi tentang Cara membuat template blog lebih valid XHTML dan menurut kata para master blog cara ini katanya bisa membuat Optimasi SEO lebih baik dan lebih di senangi oleh search engine dan tentunya bisa meningkatkan jumlah visitor.

Disamping kita bisa memilih template blog yang SEO friendly kita juga bisa membuat atau mengedit template kita agar lebih ramah SEO,Misalnya kita membuat meta title SEO friendly maupun memasang meta tag otomatis pada setiap postingan, kali ini ada tips lagi untuk membuat agar template blog kamu lebih SEO friendly,yaitu dengan cara mengedit beberapa kode HTML pada yamg lebih valid XHTML.

Bagaimana cara membuat template blogger lebih valid XTHML? Ikuti step demi step berikut ini:

1.Login ke akun blogger sobat
2.Masuk Rancangan/Layout
3.Pilih Edit HTML
4.Klik “Download Template Lengkap” (ini untuk memBackUp template sobat)
5.Beri tanda centang “Expand Template Widget”,Setalah itu kita mulai step by step dan cari kode dibawah ini:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

Kemudian, gantilah kode diatas dengan kode berikut:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>


Cari kode semacam ini:

<b:skin><![CDATA[/*
———————————————–
Blogger Template Style
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team
———————————————– */
Hapuslah semua kode/tanda strip (–) hanya stipnya saja yang dihapus.
Dan cek juga pada kode css yang lainya, biasanya terdapat banyak tanda seperti pada contoh diatas.
Hasilnya kan menjadi seperti ini:
Hapuslah semua kode/tanda strip (–) hanya stipnya saja yang dihapus.

Dan cek juga pada kode css yang lainya, biasanya terdapat banyak tanda seperti pada contoh diatas.
Hasilnya kan menjadi seperti ini:

<b:skin><![CDATA[/*
Blogger Template Style
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team
*/


Cari kode dibawah ini:

<b:include name=’quickedit’/>

Hapus saja semua kode diatas yang ada dalam template kamu,dan ingat! kode diatas akan muncul jika kamu menambah gadget pada blog kamu,jadi selalulah menghapusnya ketika sesudah kamu menambah gadget.

Cari kode dibawah ini:

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

Dan hapus saja juga! tapi buat kamu yang memberi foto profile pada komentar blog maka berisiko foto-foto profile komentar tidak muncul,tapi terserah ke kamu,kalau ingin valid maka sikat aja.

Langkah selanjutnya silahkan kamu cari kode </head> dan letakkan kode dibawah ini tepat dibawah kode:

</head>
<!– <body>
<div></div> –>

Jika Sobat meng-upload sebuah gambar, berilah tambahan alt pada gambar tersebut. contoh kode alt seperti ini:

<a href=”http://validator.w3.org/”><img alt=”Markup Validation Service” src=”http://3.bp.blogspot.com/_L8cTYaYGAGI/SyHeZ6cwSmI/AAAAAAAAA0M/bUqfyU9VsFU/s320/valid-html.gif” /></a>

Jika sobat menemukan penulisan meta content dengan huruf besar, rubahlah menjadi huruf kecil,contoh:

<META content=’blogger’ name=’generator’/>
ubah menjadi:
<meta content=’blogger’ name=’generator’/>

Menghapus Post icon,adapun kode post icon atau pensil kodenya mirip kode seperti ini:

<span class=’post-icons’>
<!– email post links –>
<b:if cond=’data:post.emailPostUrl’>
<span class=’item-action’>
<a expr:href=’data:post.emailPostUrl’ expr:title=’data:top.emailPostMsg’>
<img alt=” class=’icon-action’ height=’13’ src=’http://www.blogger.com/img/icon18_email.gif’ width=’18’/>
</a>
</span>
</b:if>

<!– quickedit pencil –>
<b:include data=’post’ name=’postQuickEdit’/>
</span>

Ganti kode diatas dengan kode berikut:

<span class=’post-icons’>
<!– email post links –>
<b:if cond=’data:post.emailPostUrl’>
</b:if>
</span>

Menambahkan jenis type= “text/javascript” pada semua kode JavaScript yang ada.
Contoh:

<script src=”http://infonetmu.googlecode.com/files/SakuraRain.js”></script>

Tambahkan kode berwarna merah seperti dbawah ini:

<script type=”text/javascript” src=”http://infonetmu.googlecode.com/files/SakuraRain.js”></script>

Menyembunyikan page navigation di halaman utama
cari kode:

<b:include name=’nextprev’/>

Ganti kode diatas dengan kode dibawah ini!

<b:if cond=’data:blog.homepageUrl != data:blog.url’>
<!– navigation –>
<b:include name=’nextprev’/>
</b:if>
Memperbaiki attribut title dan alt pada link gambar.sebagai contoh:
<a href=”http://www.darmanto.com” alt=”free backlink generator” target=”_blank”><img   src=”http://3.bp.blogspot.com/_GV9KiOUzsBM/TGadf4gs9EI/AAAAAAAAA4Q/18Fv0kzXc4k/s1600/aang-vs-naruto+%281%29.jpg” title=”Free backlinks generator” border=”0″ /></a>

Rubah menjadi:

<a href=”http://www.darmanto.com” title=”free backlink generator” target=”_blank”><img src=”http://3.bp.blogspot.com/_GV9KiOUzsBM/TGadf4gs9EI/AAAAAAAAA4Q/18Fv0kzXc4k/s1600/aang-vs-naruto+%281%29.jpg” alt=”Free backlinks generator” border=”0″ /></a>

Untuk kasus diatas jangan lupa untuk link atributnya title dan target, untuk gambar alt dan border jangan sampe terbalik-balik.

Nah sobat Darmanto,demikianlah cara membuat template blog lebih valid XHTML.Semoga cara diatas bisa membantu untuk membuat template blog lebih valid XHTML, sebenarnya masih banyak, dan masih bisa dikompres lagi, itu tergantung widget/kode script yang ada di blogger sobat. Untuk hasil silahkan cek sebelum dan sesudah kamu edit menjadi valid XHTML, silahkan cek disini http://validator.w3.org

Sumber kode: http://infonetmu.blogspot.com

Diposting oleh

CV. Studio Web, sebuah perusahaan jasa pembuatan web SEO friendly, jasa desain blog, google adwords, jasa SEO profesional. Hubungi CS Kami telpon/SMS/WA: 082310361484 (Puspa) PIN BB: SEO2402 untuk respon layanan cepat

2 Komentar untuk Cara Membuat Template Blog Lebih Valid XHTML

Silahkan tulis komentar Anda

Your email address will not be published. Required fields are marked *

*

a Artikel Terkait Cara Membuat Template Blog Lebih Valid XHTML

Manfaat wudhu bagi kesehatan

Manfaat wudhu bagi kesehatan

T 28 July 2012F A Darmanto SEO

Manfaat Wudhu bagi Kesehatan.Ibadah wudhu tampaknya sepele dan mudah dilakukan. Karena itu, banyak umat Islam yang memandangnya biasa-biasa saja. Padahal, bila wudhu dikerjakan tidak sempurna, shalatnya pun tidak akan diterima (HR Bukhari No 135 dan Muslim No 224-225). Kendati sederhana,... Selengkapnya

Mendaftarkan Blog Ke Feedburner

T 12 June 2012F A Darmanto SEO

Mendaftarkan Blog Ke Feedburner.Sobat Darmanto,pada catatan saya kali ini saya akan berbagi tentang cara mendaftarkan blog ke feedburner.Seperti di ketahui,Feedburner merupakan suatu situs yang menyediakan layanan dalam hal feed dan saat ini Feedburner yang sudah diakuisisi oleh google bisa kita... Selengkapnya

Cara Mendaftarkan Blog Ke Technorati

T 28 December 2013F A Darmanto SEO

Cara Mendaftarkan Blog Ke Technorati pada malam ini akan saya informasikan buat sobat semua.Sekedar informasi,technorati adalah salah satu situs direktori terbesar saat ini yang manfaatnya buat blog kita bila berhasil terdaftar di direktori tersebut antara lain meningkatkan jumlah trafik dan... Selengkapnya

+ SIDEBAR

Ada Pertanyaan? Silahkan hubungi customer service kami untuk mendapatkan informasi lebih lengkap mengenai jasa/produk kami.

Legalitas Usaha

CV. STUDIO WEB
SIUP: 503.9/192/KPPT/PMK/11-22/II/2015
TDP: 112236321645
Akta Notaris no. 01
Detail Legalitas Kami Klik disini

Alamat

Office:
Jl. Raya Gili Tugel – Kreo KM 1, Rt. 039 Rw. 005

Desa Cibuyur, Kec. Warungpring

Kab. Pemalang, Jawa Tengah,52358