Zone Plus

Template Blogspot SEO friendly Terbaru 2012 Gratis, Membuat Template SEO, siapa sih blogger yang tidak menginginkannya.Seorang blogger yang menggunakan platform Blogger dalam blognya, mungkin akan bekerja keras dalam membuat blognya menjadi lebih SEO. Bisa jadi dia memerlukan backlink, king content, ataupun template blogspot SEO.
Nah, kali ini, Bang Gopar akan share tentang Template SEO untuk Blogspot ne.Bang Gopar akan memberikan template SEO blogspot yang kami dapatkan dari hasil browsing.
Template blogspot SEO yang kami share untuk teman-teman dalah yang memenuhi kriteria dari SEO Onpage.  yang dikatakan SEO onpage adalah yang memenuhi kriteria sebagai berikut : Struktur H Tag ( H1, H2, H3, H4, H5), Desain, Fast Loading, Breadcrumb, serta adanya Artikel Terkait atau Related Post.
Nah, tak usah berlama-lama, silahkan cek dan unduh, untuk dapatkan blogspot template dibawah ini :


nah Bagaimana sobat cukup tertarikkah untuk memiliko Template SEO di atas? jika tertarik langsung saja download secara gratis lewat link yang sudah tertera di atas. sekian dulu share dari Bang Gopar tentang Template Blogspot SEO friendly Terbaru 2012 Gratis. semoga bermanfaat.

Download Template SEO Friendly blogspot, Template Blogger yang SEO friendly bisa menjadikan Artikel atau tulisan pada blogmu menjadi yang paling atas alias no 1, Dengan desain yang ringan,Tag Heading yang tersusun dengan bagus, serta optimasi meta yang tepat menjadikan SEO onpage blogmu meningkat juga.stelah kemari saya share Template SEO terbaru Blogspot kini saya juga akan share tentang template juga.

Nah, beberapa yang lalu saya rilis template yang ringan dan yang pasti SEO friendly yang saya beri nama simple white infonetmu, sekarang di blog sabarmuanas.com ini saya akan share ulang tentang template SEO Friendly yang terbaru.

Fitur Template SEO

1. Fast loading
2. Auto readmore
3. Dinamic tag heading atau title posr mempunyai h2 pada homepage dan H1 pada Item atau postingan
4. Auto meta deskripsi dan auto meta keyword pada halaman posting
5. Related post SEO ready
6. Social Bookmark Ready
7. Navigasi horisontal QuickLink ( kamu tidak perlu masuk ke edit template untuk menambahkan link di menu horisontal
8. Hidden Header pada postingan/ Item, karena menurut penelitian saya Karena H1 untuk title post pada halaman maka hidden header lebih bagus, agar tidak dowble H1 Pada postingan 

Nah untuk melihat screenshotnya lihat pada gambar dibawah ini:

Nah, setelah kamu download template ini silahkan ganti dinamic meta tag pada template. caranya, kamu cari kode dibawah ini, letakknya diatas dari template.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content='ISI DENGAN DESKRIPSI UNTUK BLOG SOBAT' name='DESCRIPTION'/>
<meta content='ISI DENGAN KATA KUNCI/KEYWORD KAMU' name='KEYWORDS'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
</b:if>
<meta content='sabar muanas' name='author'/>
<meta content='follow,all' name='robots'/>
<meta content='noodp' name='robots'/>
<meta content='Index, follow' name='Robots'/>
<meta content='General' name='Rating'/>
<meta content='KODE VERIFIKASI BINGWEBMASTER' name='msvalidate.01'/>
<META content='KODE VERIFIKASI YAHOOWEBMASTER' name='y_key'/>
<meta content='2 days' name='revisit-after'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='alexabot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>
<meta content='general' name='rating'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='Aeiwi, Alexa, AllTheWeb, AltaVista, AOL Netfind, Anzwers, Canada, DirectHit, EuroSeek, Excite, Overture, Go, Google, HotBot. InfoMak, Kanoodle, Lycos, MasterSite, National Directory, Northern Light, SearchIt, SimpleSearch, WebsMostLinked, WebTop, What-U-Seek, AOL, Yahoo, WebCrawler, Infoseek, Excite, Magellan, LookSmart, bing, CNET, Googlebot' name='search engines'/>

Ganti yang berwarna merah sesuai blog kamu, nah silahkan Download Template SEO Friendly blogspot ini, dengan syarat jangan menghapus credit yang ada di footer template ini, karena hargailah susah payah yang membuat template. dan sekian dulu share saya tentang template .ini merupakan template dari infonetmu.

Simple SEO Blogger Themes adalah template untuk blogspot 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

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 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: <!--YOUR ADSENSE CODE -->
Remove the code between <!--YOUR ADSENSE CODE --> and <!--END ADSENSE CODE --> 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: <!--YOUR ADSENSE CODE 2 -->
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: <!--Your URL here-->
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
<!--EDIT 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..

UPDATE 10-01-2010:
Now you can download Simple SEO non-adsense version from BTemplates.com.

If you download this template from BTemplate.com, theres some error on comment body. Btemplate make a little beautiful changes to the comments section by entering avatar. But this makes comment body out of content wrap.
Original comment:


Btemplate version:


To fix it, you can find this CSS code at Blogger "Edit HTML" Page:

/* Comments */
#comments h4{
background:#eee3ef;
width:515px;
margin:.1em 0;
font-weight:bold;
line-height:1.5em;
letter-spacing:.1em;
padding-left:5px;
color:#111}

#comments-block{
border:0px dotted #ccc;
width:520px;
margin:1.3em 0 1.5em;
line-height:1.6em}

#comments-block .comment-author{
background:#eee3ef;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
padding-left:5px;
color:#111}

#comments-block .comment-author a:link, a:visited{
color:#861b8f}

#comments-block .comment-body{
color:#333}

#comments-block .comment-footer{
padding-left:0px;
margin:.25em 0 2em;
line-height:1.5em;
font-size:9px;
border-top:1px dotted #ccc}

#comments-block .comment-footer a:link, a:visited{
color:#861b8f}

#comments-block .comment-body p{
text-align:justify;
margin:0px 0px 0px 0px;
padding:0px 5px 0px 5px}

#comments-block a:link{
color:#861b8f}
.deleted-comment{
font-style:italic;
color:gray}
.owner-comment{
color:#333}
.owner-comment p{
text-align:justify;
margin:0px 0px 0px 0px;
padding:0px 5px 0px 5px;
background:#fdf4fe}

And replace it with this code:

/* Comments */
#comments h4{
background:#eee3ef;
width:515px;
margin:.1em 0;
font-weight:bold;
line-height:1.5em;
letter-spacing:.1em;
padding-left:5px;
color:#111}

#comments-block{
border:0px dotted #ccc;
width:520px;
margin:1.3em 0 1.5em;
line-height:1.6em}

#comments-block .comment-author{
width:470px;
background:#eee3ef;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
padding-left:5px;
color:#111}

#comments-block .comment-author a:link, a:visited{
color:#861b8f}

#comments-block .comment-body{
width:475px;
color:#333}

#comments-block .comment-footer{
width:475px;
padding-left:0px;
margin:.25em 0 2em;
line-height:1.5em;
font-size:9px;
border-top:1px dotted #ccc}

#comments-block .comment-footer a:link, a:visited{
color:#861b8f}

#comments-block .comment-body p{
text-align:justify;
margin:0px 0px 0px 0px;
padding:0px 5px 0px 5px}

#comments-block a:link{
color:#861b8f}
.deleted-comment{
font-style:italic;
color:gray}
.owner-comment{
width:475px;
color:#333}
.owner-comment p{
text-align:justify;
margin:0px 0px 0px 0px;
padding:0px 5px 0px 5px;
background:#fdf4fe}

Final result:


Update Post Date
I recived some question about how to show post date in each post. To show post date in Simple SEO Blogger template please follow this step:
1. go to Blogger Edit HTML page and click "Expand Widget Templates".
2. search this code <span class='post-author vcard'>.
3. replace this code:

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>
</div>

with this code:

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:post.dateHeader/>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>
</div>

4. Save template.

Gratis Download Template Bagus dan Keren siapa yang tak ingin template yang bagus dan keren. semua Blogger pasti ingin Template yang Bagus dan Keren. Apalagi bila templatenya sudah SEO. wuahhh. Oke kali ini saya ingin berbagi sebuah template yang bagus. template ini cocok bagi kalian yang mengingkan template SEO karena saya sudah mengedit template ini menjadi seo, selain SEO template ini juga Bagus dan keren, saya berikan nama Gopar Black Skin, kenapa begitu? ya gitulah pokoknya..
silahkan lihat scren shootnya: