Monday, May 3, 2010

Kustomasi Kotak Pencarian Google


Pada postingan kali ini Tips dan Trik Blog akan memberikan “tips modifikasi” atau kustomasi atas kotak pencarian Google yang mana penempatannya pada side bar blog.
Kustomasi yang bisa kita lakukan dari pencarian tersebut adalah,
menghilangkan banner Google,
mengganti banner Google baik dengan banner lainnya atau dengan teks,
mengganti teks “google search” dengan teks yang kita inginkan.
Menambah lebar kotak (table)
Script originalnya adalah sebagai berikut.
<!-- Search Google -->
&lt:center>
<FORM method=GET action=http://www.google.com/search>
<input type=hidden name=ie value=UTF-8>
<input type=hidden name=oe value=UTF-8>
<TABLE bgpurple">#FFFFFF"><tr><td>
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif"
border="0" ALT="Google" align="absmiddle"></A>
<INPUT TYPE=text name=q size=25 maxlength=255 value="">
<INPUT type=submit name=btnG VALUE="Google Search">
&lt>/td></tr></TABLE>
</FORM>
</center>
<!-- Search Google -->
Contoh yang dapat dikustomasi,
Warna kotak, dilakukan dengan mengganti kode html warna yang ada (ditandai dengan warna biru) dengan kode html warna yang diinginkan.
Banner Google dapat diganti banner lainnya dengan cara mengganti kode html banner Google (ditandai dengan warna merah) dengan kode html banner milik kita atau bisa menggantinya dengan teks atau bahkan menghilangkannya.
Teks ‘Google Search” (ditandai dengan warna biru) dapat diganti dengan teks sesuai dengan keinginan kita.
Menambah lebar kotak (table) dengan mengubah “size”nya.
TIPS DAN TRIK BLOG akan memberi contoh sederhana kustomasi tersebut.
Background diganti dengan warna hijau (#008000). Untuk kode html warna bisa dilihat di sini atau di sini.
Banner Google diganti dengan teks “Masukkan Keyword”
Teks “Google Search” diganti dengan teks “Pencarian dengan Google”
Lebar kotak (table) diubah menjadi 30

Moga berhasil
Jangan lupa komentarnya yaa,.. :y
Top Bottom