Best Deals di Blibli Histeria 13 November yang Wajib Dibawa Pulang

Custom search engine atau yang sering disebut CSE adalah sebuah penelusuran yang disediakan oleh Google yang digunakan hanya untuk melakukan pencarian/penelusuran blog. Banyak blogger yang sudah tidak menggunakannya karena penghasilan yang dihasilkannya sangat kecil.

Memang benar karena hanya sedikit pengunjung yang melakukan pencarian di blog, sebab sudah banyak widget-widget yang membantu untuk membantu pengunjung melihat artikel kita, misal widget postingan populer.

Namun, masih bisa diatasi dengan menampilkan hasil penelusuran CSE pada bagian artikel kita, yaitu dengan cara sebagai berikut:

 Cara Membuat Custom Search Engine

1. Buka dashboard AdSense kamu.

2. Klik menu > Ads for Search, kemudian silakan kamu buat cse adsensenya, tidak ada cara khusus untuk membuatnya.

3. Setelah mendapatkan kodenya, silakan kamu catat kode var cx, atau seperti kode yang berwarna merah dibawah.

<script>
   (function() {
     var cx = 'partner-pub-5701534132027209:3380425084';
     var gcse = document.createElement('script');
     gcse.type = 'text/javascript';
     gcse.async = true;
     gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
     var s = document.getElementsByTagName('script')[0];
     s.parentNode.insertBefore(gcse, s);
   })();
</script>
<gcse:searchbox-only></gcse:searchbox-only>

4. Buka dashboard Blogger > Tema > Edit HTML.
5. Kemudian tempel kode di bawah, di atas kode <b:includable id='post' var='post'>.

            <b:includable id='cse' var='posts'>
<b:if cond='data:blog.pageType in {&quot;item&quot;}'>
<b:loop values='data:post.labels' var='label'>
<div id='cse-results'/>
<script>
var opt = &quot;Keyword%&quot;;
var ppub = &quot;partner-pub-5701534132027209:3380425084&quot;;
</script>
</b:loop>
   </b:if>
</b:includable>

a. Kata keyword ganti dengan kata yang ingin ditelusuri atau kamu bisa memakai <data:label.name/> (sesuai label) atau <data:blog.pageName/> (sesuai nama halaman).
b. Kode partner-pub-5701534132027209:3380425084 ganti dengan kode var cx kamu.

6. Cari kode <data:post.body/>.
7. Lalu tempelkan kode <b:include data='posts' name='cse'/>, di atas atau di bawah <data:post.body/> sesuai selera.

SIMPAN DI SINI
  <data:post.body/>
ATAU SIMPAN DI SINI

jika bingung karena ada lebih dari 1 kode <data:post.body/>, kamu tempel saja di setiap kode <data:post.body/>.

8. Terakhir, cari kode </body>, lalu tempel kode di bawah, di atas kode tersebut.

<b:if cond='data:blog.pageType in {&quot;item&quot;}'>
<style>
/*<![CDATA[*/
#cse-results{width:100%;margin:0 auto}
.gs-imageResult .gs-snippet,.gs-webResult .gs-snippet,.post-body a[href^="http://cse.google.com/"]:after, .post-body a[href^="https://cse.google.com/"]:after,.post-body a[href^="http://cse.google.com/"]:hover:after, .post-body a[href^="https://cse.google.com/"]:hover:after,.gsc-adBlockNoHeight~.gsc-resultsbox-visible{display:none}
.gcsc-branding-img-noclear{width:50px!important;height:15px;vertical-align:middle!important;}
.gsc-above-wrapper-area,.gsc-adBlock{border:none}
.gsc-above-wrapper-area,.gsc-webResult .gsc-result{padding:0!important;border-bottom:0!important}
.static_page .gs-imageResult .gs-snippet,.static_page .gs-webResult .gs-snippet{display:block}
.gsc-adBlock{margin:0 -4px}
.gsc-loading-fade .gsc-result-info,.gsc-loading-fade .gsc-loading-resultsRoot,.gsc-loading-resultsRoot,.gsc-loading-fade .gsc-loading-refinementsArea,.gsc-loading-fade .gsc-adBlock,.gsc-loading-fade .gsc-adBlockVertical,.gsc-loading-fade .gsc-adBlockNoHeight{opacity:1!important}
/*]]>*/
</style>
<script src='https://cdn.staticaly.com/gh/KompiAjaib/js/master/jsapi.js'/>
</b:if>

9. Selesai, selamat mencoba! dan semoga berhasil.