Blogunuza Yeni Kaliteli Arama Cubukları

fresh search box pack demo111
Serch box blogger, search box, arama kutusu, blogger eklentileri, blogger ayarları, blogger arama kutusu

           Blogger varsayılan çubuğunu kullanmak yerine daha kaliteli blogger arama çubukları kullanmak istemez misiniz ? Beğendiğiniz bir arama çubuğunu sitenize ekleyin.

1. Blogunuza login olun; Ardından TASARIM > GADGET EKLE > 
HTML/JAVASCRIPT
  sekmelerini sırası ile tıklayın.
Daha sonrasında aşağıda beğendiğiniz kodu direkt HTML/JAVASCRIPT kutusu’nun içine ekleyin.

Serch box blogger, search box, arama kutusu, blogger eklentileri, blogger ayarları, blogger arama kutusu

<style type="text/css">
#w2b-searchbox{background:url(https://lh5.googleusercontent.com/-Cm6Ya53Wj6g/TeixHY3LRDI/AAAAAAAAA6I/jJkMnJEN60s/way2blogging_searchbox1.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
    <input type="image" src="https://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

Serch box blogger, search box, arama kutusu, blogger eklentileri, blogger ayarları, blogger arama kutusu

<style type="text/css">
#w2b-searchbox{background:url(https://lh3.googleusercontent.com/-bk2Si48eZSo/TeixHMdeiII/AAAAAAAAA6A/eQEEa1tyZkI/way2blogging_searchbox2.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
    <input type="image" src="https://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
Serch box blogger, search box, arama kutusu, blogger eklentileri, blogger ayarları, blogger arama kutusu

<style type="text/css">
#w2b-searchbox{background:url(https://lh3.googleusercontent.com/-peHEeRB58M8/TeixHZml3oI/AAAAAAAAA6E/J2_zg9Fn8PI/way2blogging_searchbox3.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
    <input type="image" src="https://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
Serch box blogger, search box, arama kutusu, blogger eklentileri, blogger ayarları, blogger arama kutusu

<style type="text/css">
#w2b-searchbox{background:url(https://lh4.googleusercontent.com/-Pd1zyUMhsVo/TeixHnaB1hI/AAAAAAAAA6M/p-Iz_WGMQ3M/way2blogging_searchbox4.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value=""/>
    <input type="image" src="https://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
Serch box blogger, search box, arama kutusu, blogger eklentileri, blogger ayarları, blogger arama kutusu

                       

<style type="text/css">
#w2b-searchbox{background:url(https://lh6.googleusercontent.com/-wu3eH4N9D1Q/TeixH8dOd9I/AAAAAAAAA6Q/taoILP-y0vE/way2blogging_searchbox5.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value=""/>
    <input type="image" src="https://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

Serch box blogger, search box, arama kutusu, blogger eklentileri, blogger ayarları, blogger arama kutusu
<style type="text/css">
#w2b-searchbox{background:url(https://lh5.googleusercontent.com/-TN5qYaRnSR4/TeixH2TVJlI/AAAAAAAAA6U/gYrDmDItWJQ/way2blogging_searchbox6.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value=""/>
    <input type="image" src="https://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

Kaynakça

  • Arama kutuları’nın ilk yayımcı’sı ve kaynağı için burayı tıklayınız.