Ituaku Blog

Menyediakan Informasi Lugas Dan Terpercaya

Tips Menempatkan Google Custom Search engine di Blog

- Widget kotak pencarian merupingin salah satu bagian penting berasal sebuah blog, sebab apabila ada pengunjung nan kesulitan menemukan artikel di blog mereka bisa mencarinya bersama mudah melalui kotak Pencarian atau Widget Search Box.

Di situ kami sangat menyarankan sebagai mengguningin penelusuran khusus Google di blog, karena hasilnya ingin lebih relevan juga lebih lengkap dibanding fungsi pencarian biasa. Terlebih lagi apabila kawan merupingin Publisher Google AdSense. kawan mampu bersama mudah memonetasi blog bersama kotak penelusuran khusus itu. Nantinya, iklan AdSense ingin ditampilkan di halaman hasil pencarian blog.



tutor membikin juga menempatkan Widget Google Custom Search enjin di Blog


membikin Google Custom Search enjin

1. monggo kunjungi situs Google Custom Search di https://cse.google.com/cse/

2. kemudian monggo pencet tombol Create a custom search enjin sebagai login ke CSE

[caption id="" align="alignnone" width="640"]Tips Menempatkan Google Custom Search engine di Blog Tips Menempatkan Google Custom Search engine di Blog[/caption]


Tips Menempatkan Google Custom Search engine di Blog


5. kemudian pencet tombol Get code / menbisa kodenya

[caption id="" align="aligncenter" width="640"]Tips Menempatkan Google Custom Search engine di Blog Tips Menempatkan Google Custom Search engine di Blog[/caption]

6. Salin script nan disediingin di kotak

[caption id="" align="aligncenter" width="640"]Tips Menempatkan Google Custom Search engine di Blog Tips Menempatkan Google Custom Search engine di Blog[/caption]
Tambahan : sebagai membikin Widget Google Custom Search menjadi Valid HTML5, monggo rubah kodenya di di bawah itu (nan dimenbisa berasal langkah ke 6)
<script>   (function() {     var cx = '004846510630198233812:gmb5qovgjko';     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:searchresults-only></gcse:searchresults-only>

rubah kodenya nan ditandai bersama kodenya di di bawah itu

itu berlaku sebagai semua layout, layaknya <gcse:search>, <gcse:searchbox>, <gcse:searchresults>, atau <gcse:searchbox-only>
<div id="gcsenjin"></div> <script> var gcseDiv = document.getElementById('gcsenjin'); gcseDiv.innerHTML = '<gcse:searchresults-only></gcse:searchresults-only>' </script>

Sehingga hasilnya ingin tampak layaknya itu

<div id="gcsenjin"></div> <script> var gcseDiv = document.getElementById('gcsenjin'); 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>

menempatkan Widget Google Custom Search enjin di Blog

1. Login ke Blogger > Tata Letak > untuk widget baru (HTML/JavaScript) > Tambahkan kodenya nan tadi di salin ke didalam widget baru > pencet simpan juga lihat hasilnya.

Monetasi Google CSE bersama AdSense

1. Pastikan kawan selesai mempunyai blog nan selesai mampu ditambahkan Google AdSense

2. monggo log in di Google CSE http://www.google.com/cse/

3. pencet Nama Mesin Telusur nan selesai kawan untuk tadi

4. Pilih Menu Penyiapan

5. Disitu ada Tab Basics (Dasar-dasar), Make money (menbisa Penghasilan), Admin, juga Indexing (Pengindekan). Nah, monggo pencet tab Make money (menbisa Penghasilan)

[caption id="" align="aligncenter" width="640"]Tips Menempatkan Google Custom Search engine di Blog Tips Menempatkan Google Custom Search engine di Blog[/caption]

6. monggo pencet tombol Aktif di opsi Search enjin Monetization (Monetisasi Mesin Telusur)




Modifikasi Search Box Biasa bersama mengisikan Fungsi Custom Search enjin


1. apabila kawan ingin menempatkan fungsi CSE di search box nan selesai ada di didalam tema, monggo log in di Google CSE http://www.google.com/cse/ > pencet di menu Basics (Dasar-dasar) > Di situ terbisa Search enjin ID unik kami nan diberikan Google Search enjin > pencet tombol Search enjin ID > kemudian salin kodenya tersebut di didalam notepad.

[caption id="" align="aligncenter" width="640"]Tips Menempatkan Google Custom Search engine di Blog Tips Menempatkan Google Custom Search engine di Blog[/caption]

2. Masih di menu Basics, pencet tombol Advanced > rubah Search enjin encoding bersama West European Latin-1 (ISO-8859-1).

[caption id="" align="aligncenter" width="640"]Tips Menempatkan Google Custom Search engine di Blog Tips Menempatkan Google Custom Search engine di Blog[/caption]

3. kemudian login ke Blogger > untuk postingan sebagai halaman statis > Salin kodenya nan dibisa berasal CSE, contoh kodenya :

<div id="gcsenjin"></div> <script> var gcseDiv = document.getElementById('gcsenjin'); 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>

Salin kodenya layaknya di atas ke didalam tab HTML post statis > kemudian Publish post. Misal kawan membikin post statis bersama judul "Search CSE", maka url nan di bisa adalah "blog_anda.com/p/search-cse.html"

4. kemudian buka tema > Edit HTML > Cari HTML berasal Search Box di tema > Di situ contoh HTML Search Box di tema blog nan kami guningin

<form action='/search' class='searchform' method='get'> <table>       <tbody>         <tr>           <td class='search-box'>             <input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' type='text' value='Search...'/>           </td>           <td class='search-button'>             <input id='search-button' type='submit' value=''/>           </td>         </tr>       </tbody>     </table> </form>

5. kemudian tambahkan kodenya itu di didalam search box kawan

<input type='hidden' name='cx' value='partner-pub-004846510630198233812:gmb5qovgjko' /> <input type='hidden' name='cof' value='FORID:10' /> <input type='hidden' name='ie' value='ISO-8859-1' />

kodenya nan ditandai merupingin kodenya Search enjin ID nan tadi kawan salin di notepad, rubah kodenya nan ditandai bersama kodenya Search enjin ID blog kawan.



Tunggu..


6. kemudian perhatikan kodenya di di bawah itu

<form action='/search' class='searchform' method='get'>

monggo rubah kodenya di atas bersama kodenya di di bawah itu

<form action='blog_anda.com/p/search-cse.html'  class='searchform'>

7. Maka hasilnya ingin layaknya itu

<form action='blog_anda.com/p/search-cse.html' class='searchform'> <input name='cx' type='hidden' value='partner-pub-004846510630198233812:gmb5qovgjko'/> <input name='cof' type='hidden' value='FORID:10'/> <input name='ie' type='hidden' value='ISO-8859-1'/> <table>       <tbody>         <tr>           <td class='search-box'>             <input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' type='text' value='Search...'/>           </td>           <td class='search-button'>             <input id='search-button' type='submit' value=''/>           </td>         </tr>       </tbody>     </table> </form>

8. Simpan tema juga lihat hasilnya.

Selesai, sampai di situ kami selesai mengisikan Google Search enjin di search box blog.

Tambahan

Sedikit pernak-pernik sebagai menghiasi tampilan CSE di blog bersama mengisikan kodenya di di bawah itu sebelum </head> kemudian rubah kodenya nan ditandai bersama url post statis CSE blog kawan.

<b:if cond='data:blog.url == &quot;blog_anda.com/p/search-cse.html&quot;'> <style type='text/css'> .post-body{background:url(http://2.bp.blogspot.com/-alum9K2SRYg/VjqAgYxuVCI/AAAAAAAAL-g/dkWivHcWDYg/s1600/preloader.gif)50% 10% no-repeat!important;padding:60px;margin:0} #gcsenjin{margin-top:-70px} </style> </b:if>

Demikian informasi nan mampu kami berikan sebagai kawan blogger tentang tutor menempatkan Google Custom Search enjin di Blog. Mudah-mudahan bermanfaat sebagai kawan semua.