Caranya mudah ikuti saja langkah-langkah berikut ini:
1. Login blogger
2. Rancangan, edit Html
3. Download template lengkap untuk mengurangi resiko jika terjadi kesalahan yang tidak diinginkan.
5. Sekarang cari kode di bawah ini (Ctrl+F untuk mempermudah pencariaan) :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
6. Ganti kode tersebut dengan:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">7. Cari kode seperti di bawah ini:
<b:include data='blog' name='all-head-content'/>
dan ganti dengan:
<!-- Blogger Default Meta -->Keterangan :
<meta content='true' name='MSSmartTagsPreventParsing'/>
<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/08481569165372850421' rel='me'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://www.blogger.com/rsd.g?blogID=5310901845995353083' rel='EditURI' title='RSD' type='application/rsd xml'/>
<link href='http://www.blogger.com/feeds/5310901845995353083/posts/default' rel='service.post' title='Tutorial Tips Trick Blogger - Atom' type='application/atom+xml'/>
<link href='http://ciamisblogger.blogspot.com/feeds/posts/default' rel='alternate' title='Tutorial Tips Trick Blogger - Atom' type='application/atom+xml'/>
<!-- End Blogger Default Meta -->
- 08481569165372850421 ganti dengan ID Profile (bisa dilihat pada address bar browser saat buka profile)
- 5310901845995353083 ganti dengan ID Blogger (bisa dilihat pada address bar browser saat edit blog)
- http://ciamisbloggerblogger.blogspot.com ganti dengan Url blog sobat
- Tutorial Tips Trick Blogger ganti dengan title blog sobat
8. Cari kode di bawah ini:
<b:include name='quickedit'/>jika sudah ketemu hapus saja kode tsb dari template sobat
Keterangan : kode tersebut di atas adalah kode yang menampilkan gambar tank dan obeng yang biasanya berada di sudut bawah widget
Catatan : usahakan jikan sobat menambahkan widget/gadget baru pada template, cek pada Edit HTML, dan hapus kode tersebut.
9. Tambahkan kode berikut dibawah kode </head> :
<!-- <body><div></div> -->Keterangan : kode tersebut berfungsi untuk menghapus navbar blogger, kalau ada konfirmasi untuk menghapus, klik hapus.
10. Cari kode seperti berikut:
<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://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> <div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div> </div>
Jika sudah ketemu hapus dan ganti dengan kode dibawah ini:
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
</div>
11. Selanjutnya usahakan kurangi penggunaan kode strip/dash (-)
Contoh untuk HTML :
<!--------------- Blogger Default Meta ---------------> Kesalahan
<!--End Blogger Default Meta--> Yang di anjurkan
Contoh untuk CSS :
/*--------------- Navbar ---------------*/ Kesalahan
/*Navbar*/ Yang di anjurkan
12. Gunakan tag alt pada setiap gambar.
Contoh :
<img alt='Keterangan' src='Url gambar'/>
jika sudah SIMPAN TEMPLATE. jangan lupa di cek lagi di http://validator.w3.org/
Tidak ada komentar:
Posting Komentar