Template ini sempat juga saya gunakan pada blog ini, Template ini juga cocok untuk Adsense, kualitas template ini sudah tidak diragukan lagi, dijamin SEO sesuai dengan namanya Sang SEO Responsive, Berhubung saya tidak memakainya lagi saya akan membagikanya ke pada sobat semua secara gratis.
Informasi Template
Nama Template : Sang SEO Responsive Blogger Template
Flatform Type : Blogger
Nama Pembuat : Kang Mousir
Tanggal Pembuatan : 16 Mei 2014, 18:30 WIB
Langsung saja kita liat fitur apa saja yang ada dalam template Sang SEO Responsive Blogger Template ini.
- 100% Responsive - Cek
- Valid HTML5 ( All Page ) - Cek
- Valid CSS3 ( All Page ) - Cek
- Valid Author Rich Snippet - Cek
- SEO Friendly - Cek
- User Friendly
- Fast Loading
- Webmaster Structured Data
- Clean Design
- HCard Author and Update ( Home Page, Post Page and Satic Page )
- Auto Readmore
- Breadcrumbs
- Related Posts
- Cool Threaded Comment
- Share Button
- Page Navigation
- Custom Error Page
- Custom Deleted Comment
- Custom Navigation In Post Page
- Custom Popular Post
- Custom Label
- Full Title Tag
- Ads Ready
- Dropdown Menu - new
- Search button - new
- Back Top Top Button - new
- Recent Post By Tag - new
- Navigation Menu With Social Icon - new
- And more.
Baiklah sobat semua setelah sobat memasang template ini, Tentu sobat harus setting kembali template itu terlebih dahulu dan Berikut Pengaturan Template Sang SEO Responsive Kang Mousir yang harus sobat Ganti.
PENGATURAN TEMPLATE
1. Ganti ID dan Nama
Silahkan kalian cari kode dibawah ini pada template ini dan ganti sesuai dengan instruksi yang ada.
Silahkan sobat Ganti kode yang sudah saya tandai.<meta content='ID Google Webmaster Verfikasi' name='google-site-verification'/><meta content='ID Bing Verification' name='msvalidate.01'/><meta content='ID Alexa Verification' name='alexaVerifyID'/><link href='https://plus.google.com/ID Google Plus/posts' rel='publisher'/><link href='https://plus.google.com/ID Google Plus/about' rel='author'/><link href='https://plus.google.com/ID Google Plus' rel='me'/><meta content='Nama Author' name='Author'/><meta content='ID Facebook' property='fb:admins'/>
2. Meta Tag
Sebelum kalian memasang Meta Tag, kalian harus mengaktifkannya terlebih dahulu.
- Masuk ke blogger dan pilih =>Setelan.
- Pilih =>Preferensi Penelusuran.
- Setelah itu pilih =>Meta Tag =>Deskripsi.
- Isi deskripsi blog yang kalian inginkan.
- Terakhir Simpan.
Untuk mengisi Meta Tag pada postingan, silahkan sobat ikuti cara dibawah ini
- Buat sebuah sebuah =>Artikel.
- Lihat di menu =>Setelan Entri di sebelah kanan, Kemudian pilih =>Deskripsi Penelusuran, silahkan anda isi dengan deskripsi yang kalian inginkan.
- Klik =>Selesai.
3. Silahkan sobat Non-Aktifkan Mobile Version
Kenapa sobat harus Menonaktifkan mobile version ? Supaya fitur Responsive bawaan template ini bekerja dengan baik di blog sobat.
- Masuk ke =>Setelan.
- Pilih =>Template.
- Klik =>Icon Gerigi pada Seluler.
- Pilih =>Tidak. Tampilkan template seluler di perangkat seluler.
- Klik =>Simpan.
4. Navigation Menu With Social Icon
Silahkan sobat cari kode dibawah ini kemudian ganti kode # sesuai dengan link yang kalian inginkan.
<nav class='menus'><ul class='nav-menus'><li><a href='#'>About</a></li><li><a href='#'>Contact Us</a></li><li><a href='#'>Privacy Policy</a></li><li><a href='#'>Disclaimer</a></li></ul><div id='social-list'><ul class='socmed'><li><a class='facebook' href='#' title='Facebook'>Facebook</a></li><li><a class='twitter' href='#' title='Twitter'>Twitter</a></li><li><a class='plus' href='#' title='Google Plus'>Google Plus</a></li><li><a class='linkedin' href='#' title='Linkedin'>Linkedin</a></li><li><a class='pinterest' href='#' title='Pinterest'>Pinterest</a></li><li><a class='youtube' href='#' title='YouTube'>YouTube</a></li><li><a class='rss' href='#' title='RSS Feed'>RSS</a></li></ul></div></nav>
5. Dropdown Menu
Silahkan sobat cari kode dibawah ini dan ganti Link sesuai dengan yang kalian inginkan.
<div id='navitions'><div class='isi'><nav class='navix' id='nav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'><div id='searching'><form action='/search' id='search-buttons' method='get'><input name='q' placeholder='Search...' type='text'/><input id='search-button-top' type='submit' value=''/></form></div><a href='#' id='mobilenav'>Select Menu</a><ul class='menu' id='menunav'><li><a class='home' href='/'>Home</a></li><li><a href='#'>About</a></li><li><a href='#'>Contact</a></li><li><a href='/p/about.html'>Static Page</a></li><li><a href='#'>With Sub Menu</a><ul><li><a href='#'>Sub Menu</a></li><li><a href='#'>Sub Sub Menu</a><ul><li><a href='#'>Sub Menu</a></li><li><a href='#'>Sub Menu</a></li><li><a href='#'>Sub Menu</a></li><li><a href='#'>Sub Menu</a></li></ul></li><li><a href='#'>Sub Menu</a></li><li><a href='#'>Sub Menu</a></li></ul></li><li><a href='/error.html'>Error 404</a></li></ul><script type='text/javascript'>//<![CDATA[menunav (jQuery);//]]></script></nav></div></div>
6. Memasang Recent Post by Tag
Tambahkan widget berikut ditemplate kalian, jika sobat perlukan.
<script type='text/javascript'>var numposts = 5;var showpostthumbnails = true;var showpostdate = true;</script><script type="text/javascript" src="/feeds/posts/default/-/Sukses?orderby=updated&alt=json-in-script&callback=rcentbytag"></script>
| Kode | Deskripsi |
|---|---|
| var numposts | Isi dengan jumlah artikel yang ingin ditampilkan |
| var showpostthumbnails | Pilih true bila ingin menampilkan gambar dan pilih false untuk menghilangkan gambar |
| var showpostdate | Pilih true untuk menampilkan tanggal dan pilih false untuk menghilangkan tanggal |
| /feeds/posts/default/-/Sukses | Silakan ganti label Sukses dengan label yang Anda maksud |
7. Validasi HTML5 Widget
Silahkan sobat cari kode <b:include name='quickedit'/> pada template dan hapus kode tersebut supaya blog sobat Valid HTML5.Baiklah sobat semua Cukup sekian dari saya, mungkin pengaturan diatas sudah lengkap untuk membuat template ini benar-benar bekerja dengan baik, Apa bila ada yang sobat semua kurang mengerti silahkan kontak saya atau tulis di komentar. Terima Kasih
Ø Note : Dilarang menghapus credit template ini!
0 comments:
Posting Komentar