MASIGNCLEAN101

Cara Gampang Memodifikasi Search Box Pada Templat Dengan Menambahkan Fungsi Custom Search Engine


Desember 13, 2017
Cara Gampang Memodifikasi Search Box Pada Templat Dengan Menambahkan Fungsi Custom Search Engine
Rabu, 13 Desember 2017
Kembali lagi dengan saya, kali ini saya akan membagi tutorial bagaimana Cara Praktis Memodifikasi Search Box Pada Templat Dengan Menambahkan Fungsi Custom Search Engine.

untuk kalian yang pusing pusing gimana cara nya memodifikasi custom search engine di tutorial lainnya, biar teman sanggup mengikuti langkah langkah yang saya beri hehe. selain menambah ke-profesionalitas seorang blogger dalam mengelola blog, search engine google juga sanggup lebih cepat dan lebih akurat mencari keyword yang sedang dicarinya, haha pusing ya :D eksklusif saja kita ke tkp
kali ini saya akan membagi tutorial bagaimana Cara Praktis Memodifikasi Search Box Pada Templat Dengan Menambahkan Fungsi Custom Search Engine
GOOGLE SCE


1. kunjungi dulu google custom search https://cse.google.com/cse/create/new
2. bila belum login ke google, pilih Create a Custom Search Engine. 


kali ini saya akan membagi tutorial bagaimana Cara Praktis Memodifikasi Search Box Pada Templat Dengan Menambahkan Fungsi Custom Search Engine
GOOGLE SCE

3. isi url blog kalian, pilih bahasa, bila sudah tekan CREATE
kali ini saya akan membagi tutorial bagaimana Cara Praktis Memodifikasi Search Box Pada Templat Dengan Menambahkan Fungsi Custom Search Engine
membuat sce

4. bila berhasil, klik GET CODE 
kali ini saya akan membagi tutorial bagaimana Cara Praktis Memodifikasi Search Box Pada Templat Dengan Menambahkan Fungsi Custom Search Engine
membuat sce
5. kemudian copy codenya, dan simpan dulu di notepad, nanti akan kita gunakan

kali ini saya akan membagi tutorial bagaimana Cara Praktis Memodifikasi Search Box Pada Templat Dengan Menambahkan Fungsi Custom Search Engine
membuat sce

Baca juga : Cara Praktis Memasang sistem Komentar Disqus pada blog


kemudian ganti instruksi yang diwarnai dibawah ini dengan <<gcse:searchresults-only></gcse:searchresults-only>
<script> (function() { var cx = '014108320991409433125:evpwluugoug'; 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>


kemudian tambahkan instruksi dibawah ini diatas instruksi yang sudah kalian sanggup di CSE tadi

<div id="gcsengine"> </div> <script> var gcseDiv = document.getElementById('gcsengine');  gcseDiv.innerHTML = '<gcse:searchresults-only></gcse:searchresults-only>' </script>

dan karenanya akan ibarat ini

<div id="gcsengine"></div>  <script> var gcseDiv = document.getElementById('gcsengine');  gcseDiv.innerHTML = '<gcse:searchresults-only></gcse:searchresults-only>' </script>   <script> (function() { var cx = '014108320991409433125:evpwluugoug'; 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>

kemudian buat laman pada blog caranya, LOGIN BLOGGER > PILIH LAMAN > BUAT LAMAN BARU > PILIH MODE HTML DAN PASTE KODE DIATAS, LALU PUBLIKASIKAN.

Catatan : laman kasih dengan judul "pencarian" maka url laman akan menjadi bloganda.com/p/pencarian.html  


kembali lagi ke basic, klik Search Engine ID. copy dan simpan dulu di Notepad.
kali ini saya akan membagi tutorial bagaimana Cara Praktis Memodifikasi Search Box Pada Templat Dengan Menambahkan Fungsi Custom Search Engine
membuat sce

kemudian pilih sajian ADVANCE dan ganti Search Engine Encoding nya ke Wes European latin 1. bila sudah, klik UPDATE untuk save.

kali ini saya akan membagi tutorial bagaimana Cara Praktis Memodifikasi Search Box Pada Templat Dengan Menambahkan Fungsi Custom Search Engine
sce


6. selanjutnya TEMPLATE > Edit HTML > Cari script Dari search box agan. biasanya diawali dengan <form action='




kemudian tambahkan instruksi dibawah ini di dalam instruksi html search box sobat,
catatan : instruksi berwarna merah ganti dengan id CSE yang sudah teman copas di Notepad tadi,

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


dan hasil nya akan ibarat ini pada blog saya
kali ini saya akan membagi tutorial bagaimana Cara Praktis Memodifikasi Search Box Pada Templat Dengan Menambahkan Fungsi Custom Search Engine
membuat sce

perhatikan instruksi berikut pada blog anda

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

instruksi warna merah ganti dengan url post blog anda tadi bloganda.com/p/pencarian.html

karenanya ibarat ini


<form action='bloganda.com/p/pencarian.html' class='searchform'>

untuk LIVE DEMO nya silahkan Search artikel yang teman cari blog ini, search box nya ada disamping kanan sejajar dengan sajian drop down :D


nah itu ia tutorial memasang custom search engine pada blog. Jika teman masih bingung? ingin ada yang ditanyakan? silahkan sematkan pertanyaan teman di kolom komentar, secepatnya akan saya balas :D

ayo ngeblog :D

Sumber http://www.anakforum.com/
Share This :

Related Post