Template Blogger Responsive SangSEO

Oleh Achmad Arifandi

Friday 13 February 2015

Bagikan :

Tweet

DEMO || DOWNLOAD

Kali ini saya akan share Template Blogger Responsive SangSEO template ini cocok untuk adsense dan juga responsive, dan yang penting template ini juga SEO. Template ini dibuat oleh KangMousir saya juga sudah memakainya diblog MursaidBlog, coba cek kualitas seo blog ini dibawah.

Kualitas seo blog ini bisa cek di CHKME.Com

Saya telah memakai Template SangSEO baru-baru ini, saya merasakan ada yang berbeda pada blog saya saat memakai template ini, contohnya: menjadi banyak pengunjung, alexa rank turun dengan cepat, dan banyak lagi yang tidak saya bisa jelaskan.

Fitur Template

• 100% Responsive
• Valid HTML5 ( All Page )
• Valid CSS3 ( All Page )
• Valid Author Rich Snippet
• SEO Friendly
• 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.

PENGATURAN

Setelah anda memakai template blog ini, ada beberapa yang perlu anda edit. Contohnya sebagai berikut:

1. Ganti ID dan Nama

Silahkan anda cari kode ini pada template SangSEO dan anda ganti sesuai dengan intruksi 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 Anda' property='fb:admins'/>

Perhatikan kode yang Saya tandai, silahkan anda ganti.

2. Meta Tag
Sebelum memasang Meta Tag pastikan anda sudah mengaktifkan Meta Tag pada Setelan.

• Masuk ke Blogger dan pilih Setelan.
• Pilih Preferensi Penulusuran.
• Kemudian pilih Meta Tag > Deskripsi.
• Silahkan anda isi Deskripsi blog yang anda inginkan.
• Simpan.

3. non-Aktifkan Pengaturan Mobile

Agar template ini Responsive, anda harus non-Aktifkan Pengaturan Mobile pada Template.

• Masuk ke Blogger dan pilih Template.
• Klik Icon Gerigi pada Seluler.
• Pilih Tidak, Tampilkan template seluler diperangkat seluler.
• Simpan.

4. Navigasi Menu dan Social Icon

Silahkan anda cari kode ini pada Template SangSEO dan edit sesuai intruksi yang ada.

<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='Link Facebook' title='Facebook'>Facebook</a></li>
<li><a class='twitter' href='Link Twitter' title='Twitter'>Twitter</a></li>
<li><a class='plus' href='Link Google Plus' title='Google Plus'>Google Plus</a></li>
<li><a class='linkedin' href='Link Linkedin' title='Linkedin'>Linkedin</a></li>
<li><a class='pinterest' href='Link Pinterest' title='Pinterest'>Pinterest</a></li>
<li><a class='youtube' href='Link YouTube' title='YouTube'>YouTube</a></li>
<li><a class='rss' href='Link RSS Feed' title='RSS Feed'>RSS</a></li>
</ul>
</div>
</nav>

Perhatikan kode yang sudah Saya tandai, silahkan anda ganti.

5. Dropdown Menu
Silahkan anda cari kode ini pada Template SangSEO dan edit link sesuai keinginan anda.

<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>

6. Memasang Recent Post by Tag
Jika anda ingin memasang widget ini, anda harus memasukan kode HTML dibawah ini.

<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&amp;alt=json-in-script&amp;callback=rcentbytag"></script>

KETERANGAN

- Ubah angka 5 untuk mengubah berapa post yang ingin anda tampilkan.

- Ubah var showpostthumbnails = true; menjadi var showpostthumbnails = false; untuk menonaktifkan tampilan gambarnya.

- Ubah var showpostdate = true; menjadi var showpostdate = false; untuk menonaktifkan tampilan tanggalnya.

- Ubah Sukses dengan label apa yang anda ingin tampilkan.

7. Validasi HTML5 Widget

Silakan cari kode <b:include name='quickedit'/> pada template dan hapus agar blog Anda valid HTML5 dan SEO. Kode itu akan muncul ketika menambahkan widget/gadet baru.

[X] WARNING!!

DILARANG KERAS MENGHAPUS KREDIT PEMBUAT TEMPLATE INI.

Itulah Pengaturan Template SangSEO agar fiture pada template ini benar-benar bekerja dengan sempurna.

Berlangganan : Masukan e-mail Anda untuk mendapatkan kiriman artikel terbaru dari Mursaid Blog langsung di pesan kotak masuk.

RSS FEED

Kategori : Template Blogger