Template Blogspot SEO Dan User Friendly

July 25, 201022 komen

Ini merupakan SEO Blogspot Template (Template Blogspot SEO), tidak hanya SEO namun juga MMO Friendly juga di lengkapi button Social Bookmark friendly seperti Mashable, atau muncul secara floating di samping kiri lembar posting. Dan tujuan utama saya sharing blogspot template ini di karenakan halaman Free Blogger Template saya muncul di urutan 4 pencarian Google.CO.ID untuk keyword SEO blogspot template.

Namun karena saat itu saya simpan semua file kode template-nya di Yahoo Geocities sehingga terhapus semua, setelah Yahoo memutuskan menutup layanan Geocities 22 Oktober 2009 lalu. Jadi template ini akan saya masukan kehalaman Free Blogger Template, sehingga pengunjung yang datang dari Google ke halaman itu untuk cari template tidak kecewa, dan nantinya saya akan tambah lagi dengan template-template lainnya, Insya Allah.

Template ini bernama Latte Blogger Template di desain oleh Cicha Blogger, namun saya telah mengeditnya agar SEO friendly, MMO friendly juga user friendly…PAGE VIEW friendly juga deh, jadi template ini juga tepat jika dinamai template friendly :D

Latte Blogger Template

DEMO | DOWNLOAD (Mirror)

Fitur dan penjelasan:

File PSD untuk logo.

Fitur SEO:

1. Penempatan tag H1 sesuai struktur simantik artinya H1 hanya tampil di homepage untuk Judul Blog dan menjadi h3 di single page, dan h2 tampil di homepage untuk Judul Posting dan menjadi h1 di single page.

Dan untuk judul Blog, ke bagian Edit HTML ->Expand Widget Templates, dan temukan kalimat: Masukan Titel Blog Kamu dengan CTRL + F, dan ganti kalimat tersebut dengan Judul Blog Kamu, gunanya hanya sebagai proses identifikasi bagi robot Google.

2. Permalink To untuk judul artikel atau judul posting seperti WordPress contohnya begini:

Permalink To Di Blogspot

3. Breadcrumbs di setiap artikel Blogspot, penjelasan bisa baca ke: Breadcrumbs di Blogspot

Fitur Make Money Online:

Kode PPC, Di setiap artikel sudah saya selipkan kode untuk memasukan iklan PPC anda atau apapun, lihat kode data:post.body di bagian Edit HTML, kemudian ganti tulisan seperti pada gambar dengan kode iklan anda:

Kode Iklan Anda

Fitur untuk social bookmark:

1. Floating social bookmark: Twitter (Tweetmeme), Facebook dan LintasBerita disamping kiri posting. Namun anda harus memasukan kode berikut ini:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<style>#pageshare {position:fixed; bottom:10%;margin-left:-55px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0px;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='pageshare'>
<div class='sbutton' id='fb'>
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
<div class='sbutton'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</div>
<div class='sbutton' id='fb'>
<script type="text/javascript">lb_skin = 'mode3'; </script>
<script src="http://www.lintasberita.com/widget_vote/lintasberita.js" type="text/javascript"></script>
 
</div>
 
<!-- floating page sharer End --></div>

Masukan kode di atas dibagian elemen HTML/Javascript yang telah saya sediakan di bawah elemen Blog Posts seperti contoh gambar di klik lalu masukan kode diatas:

Floating Image Blogspot

2. Social bookmark lainnya di setiap posting.

Fitur untuk meningkatkan Page View dan membantu pengunjung:

Related post Linkwithin yang telah di edit, artinya hanya tampil di dalam posting dan tidak muncul di homepage, archieve juga kategori dan jumlah related postnya adalah 5 buah. Namun untuk itu anda harus daftar ke dan lakukan seperti yang tertulis digambar saat mendaftar di Linkwithin:

LinkWithin

Lalu ambil kodenya seperti digambar berikut ini:

ID LinkWithin

Lalu masukan ID Linkwithin blog kamu ke Edit HTML -> Expand Widget Templates, lalu cari tulisan masukin id linkwithin kamu, ganti tulisan itu dengan ID kamu.

Contohnya:

LinkWithin

Dan selain saya fasilitasi dengan semua fitur diatas, saya juga fasilitasi template ini dengan recent post ready, Arsip ready, blogroll ready, Google search ready, dan blog feed ready (gunanya untuk promosikan blog anda lainnya) seperti gambar ini:

Gadget Ready

Namun jika anda tidak membutuhkannya, anda bisa hapus gadget-gadget itu.

Semoga penjelasannya tidak bertele-tele dan saya harap semua link yang berada di footer tidak dihapus atau di nofollow

Sampai jumpa di posting-posting saya berikutnya!

Google
  • http://www.suksesbisnishosting.com bisnis hosting

    Informasi yang sangat bagus Admin. Insya Allah saya akan coba terapkan pada blogspot saya.
    Saat ini masih fokus belajar di WordPress.

    Salam kenal Admin

  • http://nanlimo.blogspot.com NanLimo

    Woow… ini dia bang… yg dicari-cari…
    sulit emg mencari templat blogspot yg seo friendly sekaligus MMO Friendly…
    Btw.. template minima editan ku udah SEO dan MMO Friendly blum yah?
    Thanks for share ya bang.. :)

  • http://www.masjoe.com Mas Joe

    Wah makasih mas templatenya dan kayaknya ini wajah baru lagi ya. ada apa dengan design yg lama mas?

  • http://mesintempur.icantulang.com mesin tempur

    wah alhamdulillah nemu disini kang template blogspot seo friednly, ijin sdot ya kng

  • http://www.botras.co.cc/2010/07/investasi-online-terbaru-dan-terpercaya.html Mr.ooNd

    Saya udah coba gan…memang top bgt,,,makasih share nya….

  • http://jarlok.com adedosol

    Serba friendly yah seperti orgnya :D , mksh mas nanti dicoba krn sy lg seneng oprek2 wp

  • http://roriku.com masminto

    Mas itu gimana ya caranya nganti headernya (tulisan Latte Blogger) ?..maklum br melek blog….. hehehe maturnuwun

  • http://greattechno.com/ Great Technology

    terimakasih bos… saya langsung ganti themesnya diblog blogspot saya yang kaku

  • http://pengembangandiriku.blogspot.com/ Blog Pengembangan Diri | Tips Sukses | Motivasi | Inspirasi | Blogger Tutorial | Download Gratis

    wah patut dicoba tuh, tapi kayaknya saya lebih suka dengan template saya yg sekarang mas abi :) lebih simpel and loadingnya agak cepet :) btw, udah ganti baju yah mas??? :D

  • 5up21

    ijin unduh

  • http://theardzcoholic.blogspot.com/2010/08/travel-jakarta-bandung.html Travel Jakarta Bandung

    Hmm., patut di coba sepertinya nih bii., thx infonya

  • http://gedabruss.blogspot.com/ gokil

    kayaknya sulit nh. tp gak papalah coba dulu

  • http://www.unand.ac.id handout

    terima kasih banyak sudah berbagi,.
    moga sukses selalu.

  • http://silabusandrpp.blogspot.com/ Ai Ibnu Umar

    Mas Abi, boleh mintak tolong gaK? template saya kan udah bawaanya pake related post, tapi gak rapi, saya mau merapikannya dg related posts blogroll, gimana yah?? bingung memodifikasinya, kalau buat yg baru sih tau… tapi memodifikasinya susah…
    trims atas bantuannya…

  • http://www.rougerdeluffy.blogspot.com rougerdeluffy

    mau tukeran link

  • http://agusvsika.blogspot.com raden

    ikut sedot gan

    makasih ^_^

  • http://www.say.web.id saiful khobir

    baru cari2 theme yg pas neh… baru buat blog pak..ne baru beli domain juga.. :D

  • http://tok0blog.blogspot.com toko blog

    kalau theme bawaan blogger ktnya seo pak??

  • http://kualatungkalboys.blogspot.com/ Fadhli

    Assalamu’alaikum yaa akhi Abi! kebetulam saya masih menyimpan template “free blogger templates” dari Abi, saya mo kirim ke Abi tapi kemana?

  • http://jurnalsecience.blogspot.com jurnalsecience

    ini dia templates templat yang pas kyk nya buat blog saya..gak ribet2 amat.
    Makasi gan sher template nya.

  • http://infobelajarmantap.blogspot.com belajar

    owke ,gak pa pa pake alternatif yang penting bisa

  • http://densinyo-belajar.blogspot.com belajar blog

    ijin pake mas. tapi ada kendala saat diaplikasikan ke tempat saya. saya coba di http://kambingqurbandanaqiqah.blogspot.com
    header malah di sidebar dan ga bisa diilangin. mohon pencerahannya