- Login ke akun blogger sobat
- Masuk Rancangan/Layout
- Pilih Edit HTML
- Klik "Download Template Lengkap" (ini untuk memBackUp template sobat)
- 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 benyo Style
Name: benyo template
Date: 26 Feb 2012
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 benyo Style
Name: benyo template
Date: 26 Feb 2012
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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheYKjSh2ryDKOkcwNVO5YB5QjU5n1e4XXOnywax-k_HLHCiZVaVOgH_19td55i4HjOo5HYHppEsceA_F-DyMPIEVA1TaSc_1KDu2hfyL6mE_uQMRttHFVr9uEBtmgMajY577m8ZPwYP48/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'>
Ganti kode diatas dengan kode berikut:
<!-- 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><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://benyocyberprotokol.googlecode.com/files/cirebon.js"></script>
Tambahkan kode berwarna merah seperti dbawah ini:
<script type="text/javascript" src="http://benyocyberprotokol.googlecode.com/files/cirebon.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>
- Login ke akun blogger sobat
- Masuk Rancangan/Layout
- Pilih Edit HTML
- Klik "Download Template Lengkap" (ini untuk memBackUp template sobat)
- 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 benyo Style
Name: benyo template
Date: 26 Feb 2012
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 benyo Style
Name: benyo template
Date: 26 Feb 2012
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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheYKjSh2ryDKOkcwNVO5YB5QjU5n1e4XXOnywax-k_HLHCiZVaVOgH_19td55i4HjOo5HYHppEsceA_F-DyMPIEVA1TaSc_1KDu2hfyL6mE_uQMRttHFVr9uEBtmgMajY577m8ZPwYP48/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'>
Ganti kode diatas dengan kode berikut:
<!-- 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><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://benyocyberprotokol.googlecode.com/files/cirebon.js"></script>
Tambahkan kode berwarna merah seperti dbawah ini:
<script type="text/javascript" src="http://benyocyberprotokol.googlecode.com/files/cirebon.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>
Membuat Template Blog Lebih Valid XHTML
Posted by sunariyo on Tuesday, February 28, 2012
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
Related Posts
Daftar Situs Penyedia Template GratisAnda Boleh mencoba-coba dari salah satu situs yang akan saya berikan ini. Dan jikalau anda sudah menemukan template yan
Cara Mendapatkan Kode Verifikasi Google webmasterOke sebenernya seh tips ini mungkin udah lama dan so pasti buat temen-temen blogger pasti sudah pada bisa dan paham den
Cara Agar Breadcrumb Terindex GooglePertama-tama masukan kode css untuk breadcrumbnya, taruh di atas kode ]]></b:skin>.breadcrumbs{padding:0 5px 5
Cara membuat jenis-jenis tabel pada blogOke benyo akan memposting sedikit jenis-jenis tabel dan mungkin bila sobat-sobat mengeditnya lagi mungkin akan lebih ba
Apa seh Alexa Rank dan KegunaannyaApa itu Alexa Rank?Sebenarnya banyak definisi yang bertebaran di luar sana, namun disini kita akan bahasa sesuai yang
Template Blogger Super SEO Friendly DownloadTemplate Seo Friendly, Template Blogger Super SEO Friendly Download Hello all, Mohon Maaf Rasanya Kurang Puas Jika Pos
0 komentar:
Post a Comment