» » CARA MEMBUAT TEMPLATE BLOG LEBIH VALID XHTML

CARA MEMBUAT TEMPLATE BLOG LEBIH VALID XHTML

Bookmark and Share
Cara Membuat Template Blog LebihValid XHTML merupakan impian dari semua para blogger supaya template blog lebih ramah SEO dan mudah didentifikasi oleh mesin pencari baik google, bing maupun yahoo yang akan berimplikasi pada naiknya Pagerank dan traffic blog. Template blogger adalah landasan kita untuk optimasi SEO, membangun blog yang SEO Friendly dan kita bisa memodifikasi blog sesuai yang kita inginkan tetapi tidak mengurangi kualitas blog di mata Google, bing, yahoo maupun mesin pencari lainnya. Nah untuk menciptakan blog kita lebih ramah SEO, ada salah satu cara dengan mengedit beberapa kode HTML pada pada template sehingga lebih valid XHTML disamping anda juga menggunakan ramuan blog baru masuk top ten.

Bagaimana cara membuat template blog lebih valid XTHML? kita langsung saja ke TKP :
  1. Seperti biasa sobat login ke akun blogger dulu
  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"
  6. Setelah 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">
  1. 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">
  1. Cari kode semacam ini:
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Blog Khusus Kontes SEO
Date: 26 Agustus 2012
Updated by: Blogger Team
----------------------------------------------- */
  1. Hapuslah semua kode/tanda strip (--) hanya stripnya 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
*/
  1. Carilah kode dibawah ini {lebih cepat dengan ctrl F) :
<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 usahakan agar selalu menghapusnya ketika sesudah sobat menambah gadget.
  1. 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.
  1. Langkah selanjutnya silahkan kamu cari kode </head> dan letakkan kode dibawah ini tepat dibawah kode </head>
<!-- <body>
<div></div> -->
  1. 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1_vycpDsBDM7Quie8ZqCbtjQpr5Mu3dYAnWUz-iMR1FMamqUKSJJybjFm2qXYwUHuMPqY6CCVnxbrkJ4dXXjc0UR5mjRA_ABfwKakbPNTmD1dBA3afx60smp72fao0-Lt3HrSMMOVpEQ/s320/valid-html.gif" /></a>
  1. Jika sobat menemukan penulisan meta content dengan huruf besar, tolong rubahlah menjadi huruf kecil, contoh:
<META content='blogger' name='generator'/>
ubah menjadi:
<meta content='blogger' name='generator'/>
  1. 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'>

</span>
</div>
  1. Menambahkan jenis type="text/javascript" pada semua kode JavaScript yang ada. Contoh:
<script src="http://guyonsmart.blogspot.com/2012/08/penggalangan-dana-online-dengan.html"></script>
Tambahkan kode berwarna merah seperti dibawah ini:
<script type="text/javascript" src="http://guyonsmart.blogspot.com/2012/08/lakucom-belanja-online-grosir-eceran.html"></script>
  1. Menyembunyikan page navigation di halaman utama, kemudian 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>
  1. Memperbaiki attribut title dan alt pada link gambar.sebagai contoh:
<a href="http://kseoblog.blogspot.com" alt="free backlink generator" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLi5csTWn1UHOTYvHB7JzkB-6N7jyQAs9WL-twSJDirRKleC6o4I3nVtaRILVt4vwjKFDRwDCjqumoqlMwi5DRHh63cqx2p8_i3NeAxG9nOMc2zBfTU7pHOgVDGO6hdqbPml22_PU5vj11/s1600/aang-vs-naruto+%281%29.jpg" title="Free backlinks generator" border="0" /></a>

Rubah menjadi:

<a href="http://kseoblog.blogspot.com" title="free backlink generator" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLi5csTWn1UHOTYvHB7JzkB-6N7jyQAs9WL-twSJDirRKleC6o4I3nVtaRILVt4vwjKFDRwDCjqumoqlMwi5DRHh63cqx2p8_i3NeAxG9nOMc2zBfTU7pHOgVDGO6hdqbPml22_PU5vj11/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 borderdan jangan sampai terbalik-balik.

Demikian sebagian dari cara membuat template blog lebih valid XHTML, sebenarnya masih banyak cara lagi untuk membuat template blog lebih valid XHTML, dan template 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.
Jjka ada yang mau menambahkan cara membuat template blog lebih valid XHTML, silahkan menambahkan di kotak komentar. Terima kasih.

Sumber : http://infonetmu.blogspot.com

Dipersembahkan Oleh : cillasmartcorp ~ Blog Khusus Kontes SEO dan Blogger

Kentir01 Sobat sedang membaca artikel tentang CARA MEMBUAT TEMPLATE BLOG LEBIH VALID XHTML dan sobat bisa menemukan artikel CARA MEMBUAT TEMPLATE BLOG LEBIH VALID XHTML ini dengan url https://kseoblog.blogspot.com/2012/09/cara-membuat-template-blog-lebih-valid.html, Sobat boleh menyebar luaskannya atau mengcopy paste-nya jika artikel CARA MEMBUAT TEMPLATE BLOG LEBIH VALID XHTML ini sangat bermanfaat bagi sobat semua, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya :

ARTIKEL TERKAIT CARA MEMBUAT TEMPLATE BLOG LEBIH VALID XHTML

di 04.59 - Label: , -

{ 0 komentar... Views All / Send Comment! }


Posting Komentar

Komentar sobat semua adalah bagian dari jiwa blog ini, jadi kemukakan pendapat sobat tentang blog atau artikel disini dengan bahasa yang santun dan penuh tanggung jawab, insyalloh sobat akan mendapat banyak manfaat minimal pahala .. hehehe..