cara membuat widget search / box search di blog
hai teman - teman kunaruhblog :)
kalian yang pengen menyamankan pelanggan pasti butuh yang namanya kotak pencarian untuk blog kalian..
nah di BLOGSPOT sih udh ada yang delfaut.. tapi saya rasa kurang ampuh dan sering miss word/kata - katanya tidak tertangkap.
Nah saya tadi berenang di google dan mendapatkan kode buat kotak searchnya
langsung aja nih ke kodenya :
nah yang warna merah itu ganti dengan URL blog kalian
cara memasangnya :
blogger.com>tata letak/layout>tambah widget/add widget>HTML/Javascript>save
widget search ini melalui google jadi bukan melalui blogger.. sehingga ketajaman searchnya jadi lebih bagus :)
selamat mencoba :)
kalian yang pengen menyamankan pelanggan pasti butuh yang namanya kotak pencarian untuk blog kalian..
nah di BLOGSPOT sih udh ada yang delfaut.. tapi saya rasa kurang ampuh dan sering miss word/kata - katanya tidak tertangkap.
Nah saya tadi berenang di google dan mendapatkan kode buat kotak searchnya
langsung aja nih ke kodenya :
<style type="text/css">
form.system_search {
background-color: #F8F8FF;
padding: 5px;
width: 265px;
margin: 5px auto;
-moz-box-shadow: 0 0 5px #333;
-webkit-box-shadow: 0 0 5px #333;
box-shadow: 0 0 5px #333;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px
}
form.system_search input[type="text"] {
background-color: #F8F8FF;
border: 1px solid #38F;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;
color: gray;
width: 200px;
margin: 0;
height: 30px
}
form.system_search input[type="submit"] {
background: #DCDCDC;
border: 1px solid #333;
margin-left: 5px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
height: 30px
}
</style>
<form class="system_search" style="font-size:14px;" method="get" name="searchform" action="http://www.google.com/search" target="_blank"><input type="hidden" name="sitesearch" value="http://kunaruh.blogspot.com/" /><input onfocus="searchfield_focus(this)" type="text" name="as_q" size="214" placeholder="search here !!" /><input type="submit" value="search" title="Cari artikel" />
</form>
form.system_search {
background-color: #F8F8FF;
padding: 5px;
width: 265px;
margin: 5px auto;
-moz-box-shadow: 0 0 5px #333;
-webkit-box-shadow: 0 0 5px #333;
box-shadow: 0 0 5px #333;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px
}
form.system_search input[type="text"] {
background-color: #F8F8FF;
border: 1px solid #38F;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;
color: gray;
width: 200px;
margin: 0;
height: 30px
}
form.system_search input[type="submit"] {
background: #DCDCDC;
border: 1px solid #333;
margin-left: 5px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
height: 30px
}
</style>
<form class="system_search" style="font-size:14px;" method="get" name="searchform" action="http://www.google.com/search" target="_blank"><input type="hidden" name="sitesearch" value="http://kunaruh.blogspot.com/" /><input onfocus="searchfield_focus(this)" type="text" name="as_q" size="214" placeholder="search here !!" /><input type="submit" value="search" title="Cari artikel" />
</form>
nah yang warna merah itu ganti dengan URL blog kalian
cara memasangnya :
blogger.com>tata letak/layout>tambah widget/add widget>HTML/Javascript>save
widget search ini melalui google jadi bukan melalui blogger.. sehingga ketajaman searchnya jadi lebih bagus :)
selamat mencoba :)
Diposting Oleh : Unknown ~ Kunaruhblog
Artikel cara membuat widget search / box search di blog adalah artikel untuk semua orang tanpa terkecuali, dan semua blogger patut dihargai jadi saya harapkan tolong untuk memberikan link tautan atau link sumber http://kunaruh.blogspot.com, terima kasih :)
0 komentar:
Posting Komentar