Blog yang Membahas Semua Hal yang Menarik: KBM

Jumat, 18 Desember 2009

KBM | Simple SEO Blogger Template

Posted: 17 Dec 2009 01:53 PM PST

Simple SEO Blogger Template ini adalah template buatan saya yang pertama, akhirnya dengan segala keterbatasan alhamdulillah template blogspot ini beres juga dan dapat di download secara gratis di blog ini. Mudah-mudahan bila tidak ada halangan kedepannya akan ada beberapa template lagi yang rencananya akan saya buat dan akan saya publish di blog ini untuk sekedar berbagi sekaligus meramaikan dunia blogging.

Simple SEO Blogger Themes adalah template untuk blogspot yang saya buat dengan gaya minimalis dan SEO friendly, template ini hanya menggunakan beberapa image dengan ukuran kecil agar membuat loading templete lebih cepat. Header dibuat sederhana agar google bot lebih cepat dan lebih mudah untuk mengindex content. Free Blogger Template ini sudah dilengkapi dengan 2 buah adsense pada bagian header dan sidebar yang bisa diedit dengan mudah melalui halaman "edit HTML" pada account blogspot. Dibawah ini beberapa fitur yg disediakan (selanjutnya akan saya tulis dalam bahasa inggis agar lebih global):

Features Of Simple SEO Blogger Template

3 Column Blogger Template
Right Sidebar
Search Engine Friendly
Meta Tag ready (easy edited)
Adsense ready (easy edited)
Thumbnail Recent Post installed (easy edited)
Different admin comment
Compatible With Mozilla, Flock, Chrome, Opera and IE

Live Demo | Download | Download Mirror

Installation and Template Guide

Installation
Go To Blogger Layout > Edit HTML > Click "Browse" > put "SimpleSEO.xml" file from your computer > Click "Upload" > Save Template

Template Guide
1. Go To Blogger Settings > Basic
Set your Blog Title and Description and then save.

2. Go To Blogger Settings > Comments
Set Comment Form Placement to Embedded below post and then save.

3. Edit Meta, navbar, adsense code and recent post widget
Go To Blogger Layout > Edit HTML > click "Expand Widget Templates"
Edit

- Edit Meta Tag
Find below codes and change the red color to match yours

<head>
 <b:include data='blog' name='all-head-content'/>
 <b:if cond='data:blog.pageType == &quot;index&quot;'>
 <title><data:blog.pageTitle/> | Enter your blog topic here</title>
 <b:else/>
 <title><data:blog.pageName/> | Enter your blog name here</title>
 </b:if>
 <meta content='Enter your blog description' name='description'/>
 <meta content='Enter your blog keywords' name='keywords'/>
 <meta content='noodp' name='robots'/>
 <meta content='INDEX,FOLLOW' name='Robots'/>
 <meta content='3 days' name='revisit-after'/>

- Edit Adsense Code -
Header adsense:
Find this code: 
Remove the code between  and  with your adsense code.

<!--YOUR ADSENSE CODE -->
 <script type='text/javascript'><!--
 google_ad_client = "pub-1123194319111395";
 google_ad_host = "pub-1556223355139109";
 /* Simple seo head 468x60 */
 google_ad_slot = "6835305692";
 google_ad_width = 468;
 google_ad_height = 60;
 //-->
 </script>
 <script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'>
 </script>
 <!--END ADSENSE CODE -->

Sidebar Adsense:
Find this code: 
Edit as you do on Header Adsense.

NB: If your adsense don't show up you need to encode your adsense code first. Use this site to encode your adsense code "HTML Entities"
Header Adsense size: 468x60
Sidebar Adsense size: 160x600
Adsense Title and url color: #861b8f

- Edit Recent Post Widget -
Just find this code: 
Remove http://komunitas-bantu-membantu.blogspot.com/ with your blog URL.
You can customize number of recent post to show, background color, thumbnail size, etc. For more information please read "Thumbnail Recent Post".

- Edit Navbar -
Just find this code to edit the navbar


After you edit meta tag, adsense code, recent post and navbar just click "SAVE TEMPLATE" and enjoy your template. If there is an errors please leave a comment on this blog and I will be happy to assist you. Thanks..