Template Blogspot SEO dan Cepat: Johny Wusss

Template yang Sederhana, SEO Friendly dan Valid HTML. Template ini termasuk template yang paling cepat loading diantara template-template lain yang pernah di buat. Dan juga paling cepat proses pembuatannya, hanya 1 jam lebih dikit, meskipun hanya 1 jam tapi bikinnya nggak asal-asalan. Semua kondisi SEO dari template Blogger paling SEO yang pernah ada di muka bumi, sudah saya pasang semua pada template ini.

Template ini namanya Johny Wusss, karena Loadingnya sudah kriteria cepat, tanpa ada kode CSS atau Javascript yang di kompres. Nanti silahkan dicek sendiri kecepatan template ini. Template ini juga termasuk SEO friendly dan Visitor Friendly, karena Tag H1 dan H2 juga sudah terpasang, bisa di cek juga nanti. Validasi HTML5, cuma Error 1 karena kode CSS yang di letakkan pada Widget komentar yang ada di sidebar. Tapi sayangnya ini template biasa, bukan template responsif.

Demo | Download

Fitur :

1. Simple template blogger with elegant look
2. Auto readmore without javascript
3. Fast loading
4. Stylish threaded comment
5. SEO friendly and visitor friendly
6. Sidebar toggle hide and show
7. Navigation menu dropdown
8. Ads ready and many more

Untuk mengganti Feedburner yang ada di bawah setiap postingan, cari kode ini di Edit HTML (jangan lupa centang Expand Widget Templates) :

<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=JohnyTemplate&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='JohnyTemplate'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='botsub' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}' onfocus='if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email....'/>
<input id='botsubbutton' type='submit' value='Submit'/><br/>
<small>Your information will not be shared. Ever.</small><br/>
<a href='http://feeds.feedburner.com/JohnyTemplate'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/JohnyTemplate?bg=0F61CB&amp;fg=222222&amp;anim=1' style='border:0' width='88'/></a>
</form>

Tulisan warna merah diatas adalah ID feedburner dari demo template, silahkan Anda ganti dengan ID feeburner blog Anda.

Itu tadi artikel tentang template sederhana SEO dan visitor friendly yang saya bagikan, jika Anda berminat silahkan dipakai dan jika ada yang kurang jelas silahkan tinggalkan komentar Anda pada kolom komentar di bawah. Selamat beraktivitas dan semoga bermanfaat.

Bukti Template ini SEO

Perhatikan gambar di bawah ini, belum ada 2 jam template ini di publish, ada salah satu blog yang menggunakan Johny Wusss template langsung nongkrong di halaman pertama dengan kata kunci Johny Wuss, nomer satu pula blog yang bikin template ini pun kalah.

Masalah pada sidebar yaitu Random Post dan Recent Comment tidak muncul, ternyata kodenya tidak ada pada template, terpaksa melirik kode halaman demonya dengan cara menekan CTRL + U dan akhirnya muncul kode-kode yang saya inginkan. Begini caranya:

Pertama, masuk ke Halaman Dashboard kemudian buka Layout.
Cari disitu yang Random Post dan masukkan kode berikut:

<script type="text/javascript">
    var randarray = new Array();var l=0;var flag;
    var numofpost=7;function randomposts(json){
    var total = parseInt(json.feed.openSearch$totalResults.$t,10);
    for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
    if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
    for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
    for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
    document.write(item);}}
    }document.write('</ul>');}
    </script>
    <script src="/feeds/posts/default?alt=json-in-script&amp;start-index=1&amp;max-results=1000&amp;callback=randomposts" type="text/javascript"></script>

Kemudian cari Comment dan masukkan kode berikut:

<style type="text/css">
ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
.tb_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_recent_comments li span{margin-top:4px;color: #666;display: block;font:11px Arial;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
numComments  = 5,
showAvatar  = true,
avatarSize  = 30,
characters  = 40,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://html-scripts.googlecode.com/files/rcentcmmntavr.js"></script>
<script type="text/javascript" src="http://blogger-emye.blogspot.com/feeds/comments/default?alt=json&amp;callback=tb_recent_comments&amp;max-results=5"></script>

Ganti  http://blogger-emye.blogspot.com/  dengan alamat blogmu. Kemudia Save.
Selamat mencoba.