Mengenai widget tambahan saya sarankan anda menggunakan beberapa widget pendukung untuk blog anda dengan mengacu pada peningkatan seo dan kenyamanan pengunjung ketika berselancar di blog anda.
Hal ini karena ketika kita menambahkan terlalu banyak kode atau widget yang sebenarnya tidak perlu, bahkan bila widget tersebut berindikasi tidak mendukung konten blog kita, tentunya akan berpengaruh pada optimasi blog anda. Anda hanya perlu memasang beberapa widget yang benar-benar dibutuhkan untuk blog anda. Saran saya pasanglah widget seperlunya, karena blog bukan sebuah rumah yang akan indah atau terkesan mewah bila ditambah dengan berbagai perabotnya.Hal mendasar yang harus kita pahami adalah bertanya kepada diri sendiri, aksesoris apa yang ingin anda tambahkan dan itu tidak membuat loading page anda menjadi berat. Semakin banyak widget maka akan sangat berpengaruh pada loading blog anda, dan ini bisa membosankan bagi pengunjung. Adapun beberapa widget yang perlu anda tambahkan adalah Breadcrumb, Related Post atau Artikel Terkait, Permalink, Navigasi yang mudah dan jelas seperti menu navigasi horizontal yang ditempatkan di blog ini (bagian kanan paling atas).
Pada tutorial kali ini saya hanya akan menjelaskan cara edit template agar seo friendly, sedangkan masalah penambahan widget yang perlu ditambahkan di blog dan cara memvalidasi kode CSS template anda akan saya jelaskan kemudian pada artikel selanjutnya. Supaya lebih gampang dimengerti dan mudah untuk diterapkan.
Log in ke blog anda
Klik Rancangan
Klik Edit HTML
Centang Expand Template Widget
Gunakan atau tekan CTRL+F
Catatan: nantinya bar pencarian akan keluar dibagian bawah layar monitor anda dengan kolom pencarian di sebelah kirinya. Kalau anda ingin mencari kode yang dimaksud, copy kode tersebut dan paste-kan ke dalam kolom pencarian tadi, maka anda akan langsung di bawa ke kode yang dimaksud. Misalnya anda di suruh mencari kode ]]></b:skin>, maka copy kode tersebut dan pastekan dalam kolom pencariannya. Perhatikan gambar di bawah ini.
 |
| klik gambar untuk memperbesar |
Memasukkan Kode Validasi Tamplate di W3C
Cari kode <head> lalu hapus semua kode di atas kode tersebut, kemudian ganti dengan kode di bawah ini
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang='en' xml:lang='en' 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'>
Pasang Meta Tag di setiap Postingan Secara Otomatis
Kode ini saya tambahkan dengan mata tag dasarnya. Ganti Meta Tag di bawah kode <head> semuanya dan ganti dengan Meta Tag di bawah ini. Masih pada kode <head> tadi, hapus semua kode dari kode <head> sampai kode sebelum atau di atas kode <b:skin><
Klik Arsip atau Archive kalau pake bahasa bule dan setting Tidak Ada Arsip atau NoArchive, contohnya seperti gambar di bawah ini.
Pasang Heading Tag
Cari kode berikut, bila tidak ketemu kamu ganti kode h3 dengan h2 menjadi h1
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
Selanjutnya tambahkan kode berikut di atas kode ]]></b:skin>
h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }
Pasang SEO Smart Link
Masukkan kode berikut di atas kode </body>
<b:if cond='data:blog.url != data:blog.homepageUrl'><script type='text/javascript'>Keterangan:
function autoLink(){
this.keywdHref = new Object();
this.add = function(keyword, href){
if(keyword.substr(0,1) != " "){keyword = " " + keyword;}
this.keywdHref[keyword] = href;
}
this.createAnchor = function(){
var objs = document.getElementsByTagName("div");
for(var i=0; i<objs.length; i++){
var obj = objs[i];
if(obj.className.indexOf("post-body")>-1){
var content = obj.innerHTML;
for(var keyword in this.keywdHref){
var href = this.keywdHref[keyword];
var newstr = content.replace(keyword, "<a href='"+href+"'>"+keyword+"</a>", "gi");
obj.innerHTML = newstr;
content = newstr;
}
}
}
}
this.startScript = function(){
var onLoad = window.onload;
window.onload = function(){
if(onLoad){onLoad();}
setTimeout("f.createAnchor()", 100);
}
}
}
</script>
<script type='text/javascript'>
var f = new autoLink();
f.add("MASUKKAN SATU KATA KUNCI ANDA", "http://ALAMAT BLOG ANDA.blogspot.com/");
f.startScript();
</script></b:if>
Ganti MASUKKAN SATU KATA KUNCI ANDA dengan satu kata kunci yang sering anda gunakan, misalnya tutorial atau yang lainnya. Selanjutnya masukkan alamat blog anda pada kode http://ALAMAT BLOG ANDA.blogspot.com/. Contohnya http://ALAMAT BLOG ANDA.blogspot.com/ menjadi http://blogspot-goblog.blogspot.com/
Hapus semua tanda obeng (quickedit)
Cari dan hapus semua kode seperti di bawah ini.
<b:include name='quickedit'/>
Selanjutnya klik Simpan Template
Selesai dan kini template anda sudah seo friendly
Selamat mencoba dan sukses selalu
"keep blogging smiley"
makasih bro sangat membantu sekali, dan makasihjuga atas bantuannya dalam edit template saya. semoga sukses selalu happy blogging for you
@arbiaz pro
sama-sama sob kita saling berbagi
makasih bro sangat bermanfaat...saya sudah terapkan dan terima kasih juga atas bantuannya merubah template ane. kini saya mulai semangat lagi blolggingnya. sukses selalu. mahesa
makasih bro...mantab dan sangat membantu. mahesa blogging
makasih bro...artikel ini sangat membantu dan makasih juga telah mengeditkan template saya, loadnya ringan dan simpel dengan berbagai fungsi yang bagus. mahesa buat ente
makasih gan atas infonya
infonya menarik sekali nih,makasih ya
Salam kenal gan makasih nih informasinya...
Makasih mo berbagi ilmunya....