Hi selamat pagi kembali juragan blogger yang saya cintai, kembali ke blogging tips hari ini saya mau share 10 template blogger yang seo friendly dan cocok sekali digunakan untuk blog-blog juragan blogger, maka dari itu silahkan disimak artikel download gratis 10 template blogger seo friendly ini dengan baik-baik.
Sebelum mulai ke beberapa pilihan templatenya, apakah anda tahu kenapa template blogger seo friendly sangat digemari dan direkomendasikan oleh hampir semua mastah-mastah blogger di luar sana ?? Jika belum tahu saya akan menjelaskan sepengetahuan saya kenapa templet blogger seo friendly sangat direkomendasikan.
Itu karena template seo friendly umumnya sudah dirancang sedemikian rupa untuk memudahkan blog agar lebih cepat terindeks oleh search engine, sudah memiliki meta tag modifikasi yang membantu search engine mengcrawl blog dan postingan yang ada di blog kita dan memiliki kecepatan loading time yang sangat bagus sehingga para visitor kita tidak perlu lama menunggu loading blog kita di browsernya. Disamping itu kecepatan loading sebuah blog juga sangat berpengaruh untuk cepat tidaknya google mengindeks artikel-artikel kita, dan umumnya sudah memiliki navigasi yang lumayan baik sehingga kita tidak perlu memodifikasi macam-macam lagi tinggal kita sesuaikan saja dengan kebutuhan kita.
Baiklah sekarang kita mulai share theme blogspot gratis yang seo friendly nya. Template-template blogger ini saya pilih bukan saja karena sudah seo friendly tapi juga karena memiliki tampilan yang menakjubkan dan indah, bahkan beberapa terlihat seperti website profesional lho, silahkan diamati baik baik :D
1. Template Johny SEO Friendly
Fitur :
- Simple template blogger with elegant look
- Auto readmore without javascript
- Fast loading
- Stylish threaded comment
- SEO friendly and visitor friendly
- Sidebar toggle hide and show
- Navigation menu dropdown
- Ads ready and many more
2. Johny Ribet SEO Template
3. Johny si Ganteng SEO Template
4. Template Blogger TreTans: SEO Friendly
Fitur Template Blogger TreTans
Plugin SEO Friendly:
Meta Tag Deskripsi dan Keyword Otomatis
Heading Tag H1, H2, H3 Otomatis disetiap Artikel
Loading Blog Cepat
Plugin Adsense Ready
2 Banner Header Horizontal ukuran 728 x 90 dan 222 x 90
2 Banner Vertikal di Halaman Beranda ukuran 160 x 600
1 Banner di Sidebar ukuran 300 x 250
1 Banner di bawah postingan ukuran 336 x x280
Plugin Slide Show
Slide Show di Halaman Beranda
Plugin Social Media
Google +
Youtube
RSS Feed
Plugin Social Bookmark
Facebook Like
Twitter Share
Google + Share
Fitur lainnya dengan tombol AddThis
Plugin lainnya
Facebook FanPage strategis dibawah Social Bookmark
Author Info
Related Posts dengan Gambar [Thumbnail]
Fitur Reply Comment
Fitur Author Comment
News Ticker
Auto Readmore
5. Template Elesis SEO Template
Feature's :
- Breadcrumbs (Google Indexed).
- User Friendly (Elegant + Simple + Fast Loading).
- Using Dynamic Heading Tags (h1 = Home Blog Title, Page Content h1 = Title Post).
- Auto Read More (+ Great + Cool Auto Title).
- Not Boring.
- Ad Space on Header Right 728x90 (px width = 729, height = 90 px).
- 2 Horizontal Menu.
- Suitable For All Niche.
- Easy Edited.
6. SEO THEME Simple White SEO Blogger Template
Features ;
7. Template SEO FRIENDLY Mbah Qovet V2
Feature :
- Tag Heading
- Meta Tag yang SEO Friednly
- Posting 2 kolom di Home Page
- Sidebar di sebelah kanan
- Footer 4 kolom
- Breadcrumbs Yang Terindeks google
- Rich Snippet Rating
- Menu
- Kotak Pencarian
- Artikel Terkait
- Fast Loading
- Widget Share Sosial Media
- Auto Read More Tanpa Javascript
- Threade Comments
8. Template Simple Clean by Kang Kapuk
.jpg)
Feature :
- Cukup Ringan
- Di lengkapi Navigasi breadcrumbs
- Valid HTML 5
- 2 Kolom Posting
- n More
- Cukup Ringan
- Di lengkapi Navigasi breadcrumbs
- Valid HTML 5
- 2 Kolom Posting
- n More
9. Template SEO Friendly RP0513
Feature :
Title tag yang sudah SEO Friendly
Menggunakan auto meta description (Silahkan hapus bagi yang suka cara manual)
Dynamic heading
Widget header pada sidebar bisa diubah menjadi h4
Breadcrumbs
Ada tempat gadget untuk banner dan link di samping header
Title tag yang sudah SEO Friendly
Menggunakan auto meta description (Silahkan hapus bagi yang suka cara manual)
Dynamic heading
Widget header pada sidebar bisa diubah menjadi h4
Breadcrumbs
Ada tempat gadget untuk banner dan link di samping header
10. TEMPLATE BLOG SEO FRIENDLY
Template blog SEO friendly gratis juni 2013 ini adalah buatan dari Eva lagi. Seperti sebelumnya Eva sudah membuat template blog Cardboard Style, kali ini dia membuat template blog yang lebih bergaya social network, dan minta dipajang di sini....
Sebenarnya template blog SEO Friendly model social network ini saya yang memulai pembuatan awalnya. Tapi karena terlalu sibuk sampai update blog saja harus dibantu kakaknya Eva. Jadi Eva mengambil alih untuk merampungkan template ini.
Sebenarnya template blog SEO Friendly model social network ini saya yang memulai pembuatan awalnya. Tapi karena terlalu sibuk sampai update blog saja harus dibantu kakaknya Eva. Jadi Eva mengambil alih untuk merampungkan template ini.
Seperti teman-teman bisa lihat dari blog demo di atas bahwa Eva menaruh credit link untuk kontes SEO FBI-BET.COM dan KONTES HUMOR di dalamnya. Maklumlah Eva itu sudah kerja, berbisnis, masih mau ikutan kontes SEO. Jadi waktunya itu asli padat, makanya setiap cara yang bisa menghasilkan backlink pasti ditempuh....termasuk attribution link pada template....
Jadi dimohon bantuannya untuk tidak menghapus linknya untuk sementara. Katanya attribution link di template blog gratis ini bisa dicabut setelah tanggal 11 Juli 2013. Soalnya kontesnya sudah berakhir.
Ok seperti biasa template ini juga perlu disesuaikan dengan blog anda, jadi baca cara lengkapnya di bawah ini....
Fitur Template Blog SEO FRIENDLY Juni 2013
Ada beberapa hal yang membuat template blog ini menjadi SEO Friendly,....untuk mudahnya silahkan baca poin-poin di bawah ini:
- Title tag sudah sangat SEO Friendly
- Menggunakan meta description otomatis, jadi buat yang malas memasukkan meta description maka tempate ini akan membuat meta description sendiri
- Dynamic Heading yang memuat judul artikel pada h1
- Breadcrumbs juga sudah terpasang
- Komentar yang tidak menampilkan gambar profil yang diskala sehingga lebih ringan
- Juga balon komentar di atas foto profil untuk memastikan kata kunci anda muncul di kata-kata awal dalam blog.
Jika anda tidak ingin menggunakan meta description otomatis, maka kode di bawah ini harus di hapus dari dalam EDIT HTML:
<meta expr:content='data:blog.pageName + " adalah artikel dari blog " + data:blog.title + " dengan judul " + data:blog.pageName' name='description'/>
Setelah kode di atas terhapus, maka ikuti panduan di artikel meta tag description untuk memasukkan meta ini secara manual.... Jika sudah, saatnya melakukan sedikit renovasi pada tampilan template blog gratis ini.
1. Memasang Template Blog SEO Friendly Gratis ini ke blog anda
- Unduh templatenya dulu di link download Template Blog Gratis Social Network Wannabe yang ada di atas
- Kalau sudah, silahkan diekstrak file .rar yang di download.
- Masuk ke menu TEMPLATE dari blog yang ingin diganti templatenya.
- Klik tombol orange CADANGKAN/PULIHKAN
- Akan muncul popup form, silahkan klik BROWSE dan cari file .xml di dalam folder yang tadi saudara ekstrak
- Jika sudah ketemu pilih file tersebut dan klik UNGGAH
- Tunggu sampai file template blog SEO Friendly ini selesai diunggah.
- Jika berhasil diunggah, maka template blog ini akan melekat pada blog anda.
2. Merapikan Widget Blog Yang Berantakan Setelah Pemasangan Template Blog
- Untuk melakukan ini bukalah halaman blog anda.
- Setelah itu amati apakah ada widget yang membuat penampilan blog jadi berantakan?
- Jika ada, bukalah menu TATA LETAK, dan cari di mana posisi widget tersebut dalam template blog.
- Pindahkan posisinya ke tempat yang lebih nyaman di lihat mata.
- Setelah itu klik SIMPAN SETELAN
- Muat ulang halaman blog anda dan lihat apakah susunan template blog SEO friendly ini sudah terlihat rapi? Jika belum ulangi langkah-langkah pengaturan posisi yang ada di atas.
3. Sesuaikan Tampilan Template Blog SEO Friendly Gratis Ini Dengan Blog Anda
Tentunya anda tidak mau template ini menampilkan foto gadis yang sedang minum kopi kan? Atau anda juga ingin mengganti gambar header yang sesuai dengan karakter dan tema blog anda? Kalau begitu ikuti prosedur di bawah ini....
Mengganti Gambar Profil Pada Sidebar Kiri Template Blog SEO Friendly ini
- Siapkan gambar profil anda dengan ukuran 160px * 160px
- Upload di blogger seperti saat mengupload gambar pada artikel dan ambil URL gambarnya di HTML mode
- Buka menu template lalu klik EDIT HTML
- Setelah EDIT HTML editor terbuka silahkan cari kode di bawah ini...
.profil {
background:#e6e6e6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrLeXSE4vFvXFAp8HOT1egtRvmoikMpAWnXVEJTXN1ghsrp_Etb4gpdVol1IRNCVmcfqcTA_kmJ-5u-aYUPBNdVB6SPoNZkPKQrsjG5ztnWyoenJ9-MvhwGw3S6xouIOfS7qU2vsha277E/s1600/profile.png) no-repeat;
width:160px;
height: 160px;
border-radius:80px;
-moz-box-shadow:3px 3px 5px 2px #aaa;
-webkit-box-shadow: 3px 3px 5px 2px #aaa;
box-shadow: 3px 3px 5px 2px #aaa;
margin-top:10px;
}
Ganti URL berwarna merah di atas dengan URL gambar yang saudara upload tadi, dan simpan perubahan. Sekarang gambar profil pada sidebar kiri template blog ini sudah berubah, jika saudara melakukan proses di atas dengan benar.
Mengganti Gambar Profil Pada Samping Artikel di Template Blog SEO Friendly ini
- Sekarang ambil URL gambar saudara dan perhatikan pada URL tersebut ada kode s1600. Silahkan ubah kodenya jadi s80. Lihat contoh di bawah...
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrLeXSE4vFvXFAp8HOT1egtRvmoikMpAWnXVEJTXN1ghsrp_Etb4gpdVol1IRNCVmcfqcTA_kmJ-5u-aYUPBNdVB6SPoNZkPKQrsjG5ztnWyoenJ9-MvhwGw3S6xouIOfS7qU2vsha277E/s80/profile.png
- Sekarang coba buka lagi menu TEMPLATE dan EDIT HTML, lalu cari kode di bawah ini
.profilkecil {
float:left;
margin-right:15px;
width:80px;
background:#e6e6e6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrLeXSE4vFvXFAp8HOT1egtRvmoikMpAWnXVEJTXN1ghsrp_Etb4gpdVol1IRNCVmcfqcTA_kmJ-5u-aYUPBNdVB6SPoNZkPKQrsjG5ztnWyoenJ9-MvhwGw3S6xouIOfS7qU2vsha277E/s80/profile.png);
height: 80px;
margin-top:10px;
border-radius:40px;
-moz-box-shadow:1px 1px 5px 2px #aaa;
-webkit-box-shadow: 1px 1px 5px 2px #aaa;
box-shadow: 1px 1px 5px 2px #aaa;
}
- Masukkan kode URL gambar yang sudah saudara edit jadi s80 tadi untuk menggantikan URL yang berwarna merah di atas
- Klik SIMPAN TEMPLATE dan gambar profil di samping judul artikel akan berganti menjadi gambar yang anda pilih.
Mengganti gambar Header Template Blog SEO Friendly Gratis ini
- Kalau saudara ingin mengganti gambar header sesuai dengan selera anda, maka caranya sangat mudah....
- Buat gambar yang ingin dipasang dalam ukuran 806 x 244 pixels
- Upload gambar tersebut seperti cara mengupload gambar profil di atas
- Ambil URL gambar untuk menggantikan URL berwarna merah yang ada dalam kode di bawah ini
#Header1 {
width:792px;
float:left;
overflow:hidden;
font-size:12px;
background:#888888 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhZXeTv3www2rzUtywMSfvZj8UjL1aKA0KXmXEgkYcZVnx4mExskVQLRK3cPx-ytfRlM7IR3tESY80J5S2hPwfZ-lajvZAbSP0RlQzIiG7CnFQaLZ6uLZwHPHf9FdT8v50r6a7XK2nanBT/s1600/cafe.jpg) no-repeat;
height:230px;
padding:7px;
margin-top:48px;
}
- Klik SIMPAN TEMPLATE dan gambar header blog akan terganti
Jika saudara sudah melakukan 3 perubahan di atas, maka tampilan dari template blog SEO friendly ini sudah selesai disesuaikan dengan keinginan anda.... Sekarang masalahnya tinggal satu, yaitu menyesuaikan menu yang ada di navbar dan menu yang ada di bawah header....
MENGEDIT LINK PADA NAVBAR TEMPLATE BLOG
- Sekarang silahkan masuk ke menu TEMPLATE dan klik EDIT HTML
- Pada jendela pengeditan ketik CTRL+F dan cari kode class='midbar1'
- Anda akan segera melihat kode di bawah ini....
<ul class='midbar1'>
<li><a href='#'>Beranda</a></li>
<li><a href='#'>Sitemap</a></li>
<li><a href='#'>Artikel 1</a></li>
<li><a href='#'>Artikel 2</a></li>
</ul>
- Silahkan ubah tanda # dengan URL yang diinginkan dan edit juga teks jangkar dari link sesuai keinginan anda.
- Klik SIMPAN TEMPLATE dan menu pada NAVBAR akan berubah
MEMASANG MENU DI BAWAH HEADER
- Untuk memasang menu di bawah header sangat mudah. Anda cukup masuk ke menu TATA LETAK dan cari widget MENU BAR di atas POSTING BLOG widget
- Klik EDIT pada MENU BAR
- Akan terbuka jendela editor, silahkan masukkan kode di bawah ini....
<div id="mymenu">
<ul>
<li><a href="#">Link one</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
</ul>
</div>
- Edit URL dan anchor text sesuai kebutuhan dan klik SIMPAN
- Sekarang menu bawah header sudah akan tampil pada blog anda.
Itulah 10 Theme Blogspot yang saya temukan dan sudah SEO Friendly, silahkan juragan blogger untuk memilih salah satu dari template tersebut, atau mendownload semua templatenya untuk koleksi :D
Link Download pada artikel ini sengaja saya arahkan ke page website author template blog agar anda bisa membaca lebih detail tentang theme - theme yang saya share disini dan bisa bertanya langsung kepada siempunya jika menemui masalah saat instalasi maupun konfigurasi templatenya di blog juragan blogger.
Semoga bermanfaat templatenya dan terima ksaih sudah membaca [SHARE]Download Gratis 10 Template Blogger SEO Friendly
Link Download pada artikel ini sengaja saya arahkan ke page website author template blog agar anda bisa membaca lebih detail tentang theme - theme yang saya share disini dan bisa bertanya langsung kepada siempunya jika menemui masalah saat instalasi maupun konfigurasi templatenya di blog juragan blogger.
Semoga bermanfaat templatenya dan terima ksaih sudah membaca [SHARE]Download Gratis 10 Template Blogger SEO Friendly
0 komentar:
Posting Komentar