Kamis, 02 September 2010

Membuat widget search Google.com di blog

Cara pasang google search widget di blog ini. Buat anda yang juga pengen widget google search, silahkan baca artikel ini sampe tuntas. Untuk screenshootnya google search itu seperti ini





Untuk memasang google search widget ini, ikuto cara berikut :

1. Log-in ke blogger
2. Buka Tata Letak --> Page Elemen
3. Lalu tambahkan HTML/Javascript
4. Selanjutnya Copy-Paste kan kode di bawah ini :



<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://bloganda.blogspot.com" name="sitesearch"
type="checkbox"/> Blog Anda</li>

</div>
</form>


Nah…setelah copy paste, jangan lupa untuk mengganti text yang berwarna Merah dengan nama blog anda…Ok..silahkan dicoba..

Sumber : buatblog4u.co.cc (dengan beberapa perubahan)


Tidak ada komentar:

Posting Komentar