Jumat, 25 November 2016

Setting Template AGK Blogspot

Description: Setting Template AGK Blogspot
Rating: 4.5
Reviewer: Dugagc
ItemReviewed: Setting Template AGK Blogspot

Setting Template AGK Blogspot
Template Blogger

Setting Template AGK Blogspot, sebelumnya sudah kupas tuntas step by step membuat agk blog blogspot / agk cepot. Sepertinya masih ada yang harus dibahas, yaitu oprek oprek template sehingga bisa support agk cepot.

Pada intinya, kita membuat link pencarian secara manual dan kemudian di submit ke webmaster, jadi jika ingin membuat tema / template blogger yang support agk maka perhatikan beberapa point berikut ini:
  1. Setting Halaman Pencarian, Agar tidak "404 Not Found"
  2. Setting Halaman Pencarian, Agar di index oleh search engine
Itu adalah gambaran besar jika anda ingin membuat agk cepot, saya akan uraikan keduanya hingga bisa di cerna oleh pemula sekalipun.


1. Setting Halaman Pencarian, Agar tidak "404 Not Found"

Pada umumnya bagian "halaman tidak di temukan" didalam blog, meta robotnya di atur noindex. 

Tidak berlaku untuk agk atau agc dan lainnya. Kita akan index semua halaman (search/label/archive/404) agar jumlah index di mesin pencari bertambah banyak, berharap visitor juga banyak ☝

Cara setting agar tidak "not found 404"

Blogger berbeda dengan wordpress, lebih susah untuk Customnya. Salah satu caranya agar halaman tidak terjadi 404 di hasil pencarian adalah dengan memanfaatkan CSE / google search engine. Tutorial by arlina

Jika anda mengikuti panduan dari link di atas, maka anda sudah berhasil membuat custom search engine, kode yang anda dapatkan kira kira seperti dibawah ini. Kita boleh menggunakan kode dibawah ini, namun harus mengganti baris var cx = '004846510630198233812:gmb5qovgjko' ganti dengan search engine ID milik masing masing.

<div id="gcsengine"></div>
<script>
var gcseDiv = document.getElementById('gcsengine');
gcseDiv.innerHTML = '<gcse:searchresults-only></gcse:searchresults-only>'
</script>
<script>
(function() {
var cx = '004846510630198233812:gmb5qovgjko';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>


Paste kode di tersebut di halaman pencarian template anda. Caranya cari 2 kode
 <b:include data='top' name='status-message'/>

Ganti dengan kode ini.
<b:if cond='data:blog.searchQuery'>
<!--Pesan Intro by dug AGC-->
<p>
Pada tulisan lirik kali ini yang berjudul <b><data:blog.searchQuery/></b>, saya telah menyediakan lirik lagu lengkap dari awal lagi sampai akhir lagu,Silahkan lihat dibawah ini
</p>
  <br/>
<div id="gcsengine"></div>
<script>
var gcseDiv = document.getElementById('gcsengine');
gcseDiv.innerHTML = '<gcse:searchresults-only></gcse:searchresults-only>'
</script>
<script>
(function() {
var cx = 'ID_Kode_CSE_Anda';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
 <b:else/> 
 <b:include data='top' name='status-message'/>
</b:if>


Lihat DEMO || Download Demo Template

Sudah berhasil. Silahkan lanjut ke point berikutnya.


2. Setting Halaman Pencarian, Agar di index oleh search engine

Cek apakah meta robots diblog kita sudah di atur index dan follow! Jika belum maka tambahkan kode ini di antara <head>.....</head> 

<b:if cond='data:blog.searchQuery'> 
<meta content='index, follow' name='robots'/>
</b:if>

Kode di atas artinya, jika berada di halaman pencarian, maka atur meta robot menjadi index,follow

Dan jangan lupa untuk mengatur robots.txt di blogger, caranya
Setting Template AGK Blogspot
Robots.txt
Kode robots.txt:
User-agent: *
Allow: /
Allow: /search/?q=*

Sitemap: http://namablog.blogspot.com/sitemap.xml

Ganti sitemap dengan punya masing masing.

Setting Template AGK Blogspot selesai. Ada kendala? Silahkan coret coret di kotak komentar, jangan lupa like fanspage dugagc ❤✌

Share on Facebook
Share on Twitter
Share on Google+
Notification ! {New!}
Beberapa artikel di blog ini terkadang berisi informasi dari berbagai macam sumber. Hak cipta berupa gambar, teks, dan link sepenuhnya dimiliki oleh web tersebut.
Tags :

Related : Setting Template AGK Blogspot

1 komentar:

Trim's gan... search engine id itu gimana carinya....

Ayo sob di komen, kalau ada salah atau saran, kritik boleh coret coret dibawah, gratis kok!