Hi quest ,  welcome 

cara memasang google search widget di blog

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 situswww.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='#fffurl(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:#fffurl(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://bloganda.blogspot.com" name="sitesearch"type="checkbox"/> 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 ..

Semoga bermanfaat




Artikel lain yang mungkin anda cari,:

Label: ,

0 komentar:

Post a Comment

Subscribe to: Post Comments (Atom)