Jumat, 05 Februari 2010

MULTIPLE SEARCH ENGINE FOR BLOGGER

PicStyle for search blogger. Masih berposting ria mengenai bagian blog yaitu search. Postingan sebelumnya mengenai Search Style, yang bercerita tentang gaya tulisan yang dapat kita variasikan di seputar kotak search blog kita. Sekarang saatnya BeBeN si bloglang mau berbagi gaya-gaya search yang mungkin sobat blogger mau memasangnya guna menyempurnakan fasilitas yang ada di blog sobat sendiri.
  1. Daftar javascript search engine By Javascript Kit.
  2. Di web ini terdapat berbagai macam gaya search engine yang dapat dipasang di blog sobat. Javascript Search Engine
  3. Search Box 4-in-1.
  4. Gaya yang dikeluarkan oleh PurpleMoggy's blog ini full style. Google, blogger, dan technorati yang dimasukkan menjadi satu dalam satu search. Search BoX 4-in-1
  5. Search custome by google.
  6. Feature yang baru dikeluarkan oleh si-embah (google) ini memberikan kita leluasa untuk mengedit-ngedit search kita via google. Google Custome Search Engine
Itu saja dulu yah style yang dapat sobat blogger yang bisa dipakai untuk menyempurnakan bagian search blog sobat.Di sini BeBeN akan berbagi bagaimana caranya memasukkan google custome searh google ke dalam blog kita.

Cari kode <head> di dalam template sobat, lalu letakkan kode & script berikut dibawah/sesudah kode <head>.

<style type='text/css'>
.button_go_home {
margin-bottom:-7px;
}
.drop_down_home
{
width:90px;
border:1px solid #000;
background-color:#FF6500;
font-size:14px;
height:23px;
text-transform:none;
}
.search_home{
float: left;
width:125px;
border:1px solid #000;
padding-left:2px;
padding-top:2px;
font-size:14px;
margin-right:3px;
height:23px;
background-color:#FFF7F7;
}
</style>
<script type="text/javascript">
/* Modified to support Opera */
function bookmarksite(title,url){
if (window.sidebar) // firefox
window.sidebar.addPanel(title, url, "");
else if(window.opera && window.print){ // opera
var elem = document.createElement('a');


elem.setAttribute('href',url);
elem.setAttribute('title',title);
elem.setAttribute('rel','sidebar');
elem.click();
}
else if(document.all)// ie
window.external.AddFavorite(url, title);
}
</script>
<script language="javascript">
function searchSubmit()
{
document.search_form.action = 'http://www.nowgoogle.com/'+ document.search_form.category.value +'/'+ document.search_form.mysearch.value +'.html';
document.search_form.submit();
}
</script>

Kode yang tulisannya tebal dapat diganti sesuai keperluan sobat. Kode yang berwarna biru dapat diganti http://id.nowgoogle.com/ untuk Indonesia, http://uk.nowgoogle.com/ untuk United Kingdom, dan http://ca.nowgoogle.com/ untuk Canada. Kalau sudah, masukkan kode berikut didalam HTML template sobat atau kalau tidak mau ambil pusing pergi ke Page ElementsAdd a GadgetHTML/Javascript.

<form action="" method="post" name="search_form" onSubmit="javascript:searchSubmit();" target="_blank">
<input id="mysearch" name="mysearch" class="search_home" value="" type="text">
<select name="category" id="category" class="drop_down_home">
<option selected value="blogs">blogs</option>
<option value="books">books</option>
<option value="downloads">downloads</option>
<option value="ebook">ebook</option>
<option value="images">images</option>
<option value="jobs">jobs</option>
<option value="lyrics">lyrics</option>
<option value="music">music</option>
<option value="social-bookmark">social-bookmark</option>
<option value="videos">videos</option>
<option value="web-search">web-search</option>
</select>
<input class="button_go_home" border="0" src="http://www.nowgoogle.com/images/search_green.gif" name="submit" width="50" height="23" type="image">
</form>

Untuk kode yang berwarna biru harap di hosting sendiri atau mau diganti sama gambar kreasi sobat sendiri!!! SAVE...rebesss.

See you next time and happy blogging `_`

Tidak ada komentar:

Posting Komentar