Template yang akan saya bagikan sekarang adalah buatan Kang Mousir, Free Sang SEO Responsive sesuai dengan namanya, template ini sangatlah fast loading dan juga responsive, selain itu template ini cocok untuk adsense, lebih kerennya template ini dibagikan secara gratis oleh sang designernya, keren bukan. Baiklah untuk fitur dan cara pengaturannya silahkan simak step by step dibawah ini.
Designer Tempalate
- Name : Sang SEO Responsive Blogger Template
- Author : Kang Mousir
- URL : http://kang-mousir.blogspot.com
- Date : 09 Mei 2014
- Version : 2.0
- Publisher : http://tangerang-template.blogspot.com
Fitur Template
- 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
- Search button
- Back Top Top Button
- Recent Post By Tag
- Navigation Menu With Social Icon
- And more.
Pengaturan Template
Setelah anda memasang template ini diblog, ada beberapa hal yang harus anda sesuaikan dan anda ganti, silahkan simak dibawah ini.1. Ganti ID dan Nama
Silakan Anda cari kode dibawah ini pada template ini dan ganti sesuai instruksi yang ada.
<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'/>
*Perhatikan kode yang di tandai, silakan anda ganti kode tersebut.
2. Meta Tag
Sebelum memasang Meta Tag silakan Anda aktifkan Meta Tag pada Setelan.
- Masuk ke blogger dan pilih Setelan
- Pilih Preferensi Penelusuran
- Kemudian pilih Meta Tag > Deskripsi
- Silakan Anda isi dengan deskripsi blog yang di inginkan
- Simpan
Untuk mengisi Meta Tag pada postingan silakan anda ikuti cara dibawah ini.
- Buat Postingan
- Lihat sebelah kanan ada menu Deskripsi Penelusuran, silakan Anda klik dan isi dengan deskripsi yang di inginkan.
- Selesai
3. Nonaktifkan Mobile Version
Silakan Anda matikan fitur mobile pada template ini, agar fitur responsive bekerja pada perangkat mobile.- Masuk ke Setelan
- Pilih Template
- Klik Icon Gerigi pada Seluler
- Pilih Tidak. Tampilkan template seluler di perangkat seluler.
- Simpan
<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
Silakan cari pada template ini dan ganti link yang tertera sesuai yang Anda 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 kode dibawah ini pada widget Anda.
<script type='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var showpostdate = true;</script>
<script type="text/javascript" src="/feeds/posts/default/-/LABELANDA?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/-/LABELANDA | Silakan ganti label LABELANDA dengan label yang Anda maksud |
7. Validasi HTML5 Widget
Silahkan cari kode
8. Selesai
Template ini di bagikan secara gratis, Anda bisa menghilangkan Credit pada footer dengan membayar sebesar Rp. 50.000 atau 5$.Bila berminat silakan hubungi Kang Mousir melalui halaman Contact.
Special : Selain menghilangkan Credit, ada fitur baru seperti :
- Related Post With Image
- Protect Comment ( SPAM )
- Facebook Comment
- Added Footer
Special : Selain menghilangkan Credit, ada fitur baru seperti :
- Related Post With Image
- Protect Comment ( SPAM )
- Facebook Comment
- Added Footer
Tambahkan komentar Top Member
BERIKAN KOMENTAR TERBAIK ANDA !!!
Berkomentar dengan sopan.
* No Spam
* No Live Link
* No Promo dalam bentuk apapun.
Konversi Kode Join Now