Style 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.- Daftar javascript search engine By Javascript Kit. Di web ini terdapat berbagai macam gaya search engine yang dapat dipasang di blog sobat. Javascript Search Engine ←
- Search Box 4-in-1. 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 ←
- Search custome by google. Feature yang baru dikeluarkan oleh si-embah (google) ini memberikan kita leluasa untuk mengedit-ngedit search kita via google. Google Custome Search Engine ←
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>
.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 Elements ► Add a Gadget ► HTML/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>
<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 `_`
Loading... |
6 comments
DO NOT EVEN TRY ADD LINK [-X
You can use some HTML tags, such as
<b> - <i> - <a> - http://...jpg/gif/png/bmp - http://youtu.be/...