Cara Memasang Mesin Pencari Google

Cara memasang google search widget di blog ini. Buat anda yang ingin punya mesin pencari tersikronisasi langsung dengan google, tentu anda kurang puas dengan search engine yang oleh blogspot, kali ini saya akan berbagi tips cara memasang google search engine widget yang tersikronisasi langsung dengan server om google sehingga anda tidak perlu membuka situs google terlebih dahulu, dan anda bisa langsung mencari kata kunci yang hasilnya 100% sama dengan anda membuka situs www.google.com silahkan baca artikel ini sampe tuntas. Untuk screenshootnya google search itu seperti ini :




Pasang Widget Google Search di Blog

Untuk memasang google search widget ini, Anda login dulu di blogger, kemudian masuk ke halaman tata letak lalu tambahkan page element dan pilih yang html/javascript. Selanjutnya, silahkan copy paste kode dibawah dan ganti text yang berwarna merah sesuai dengan keterangan blog anda :

   
<form action="http://www.google.com/search" method="get">

<input onfocus="this.style.background='#fff';" maxlength="255" value=""
type="text"onblur="if(this.value=='')this.style.background='#fff
url(http://tbn1.google.com/images?q=tbn:NTYparYmYXvKAM:http://www.itenas.ac.id/tpls/home/images/logo_google.gif)
3px center no-repeat'" style="height:18px;border: solid 1px black; background:#fff
url(http://tbn1.google.com/images?q=tbn:NTYparYmYXvKAM:http://www.itenas.ac.id/tpls/home/images/logo_google.gif)
3px center no-repeat; position:relative;" size="25" name="q"/>

<input id="btn_undefined" style="position:
absolute;padding-left:5px;"
value="Search" src="http://bloggerplugins.googlepages.com/yahoo-search-widget-button.png"
type="image"/><br/>

<div style="margin-top:5px;">


<li style="display:inline;padding-right:10px;margin-top:5px;">

<input checked="checked" value="" name="sitesearch" type="checkbox"/> Web</li>

<li style="display:inline;padding-right:10px;margin-top:5px;">

<input checked="checked" value="http://tutor26.blogspot.com" name="sitesearch"
type="checkbox"/> Nama Blog Anda</li>

</div>

</form>

Nah…setelah copy paste, jangan lupa untuk mengganti text yang berwarna biru dengan alamat blog anda dan warna merah bisa anda masukan nama blog anda atau terserah anda. selamat mencoba ..

1 comment:

Blog Auto Approve Comments with Chapta (Blog komentar tampil setelah mengisi kode / verifikasi gambar terlebih dahulu).

Mohon menuliskan komentar Mas Mbro Bos dengan bahasa yang baik, tidak mengandung Sara, Pornografi, dan Provokasi Pihak lain.

Terima kasih atas kesediaan Mas Mbro Bos dimanapun berada (",)

Salam,

Follow by Email