merhaba arkadaşlar. bugun
sizlere blog adresinize,birbirinden güzel, arama kutusu eklemeyi göstercem. eyer beğendiyseniz" yükleme işlemine gecmek icin.
1.Blogger Hesabımızla giriş yapıyoruz.
2.Kumanda Paneli>Yerleşim>Gadget Ekle>Html/Javascript yolunu takip edip,beğendiğimiz arama kutusunun, altında bulunan kodu kopyalayıp, açılan gadgetin içerisine yapıştırıyoruz.Gadgeti arama kutusunun görünmesini istediğimiz yere sürükleyip bırakıyoruz.
bu uygulamayı bilmeyen arkadaşlar icin resimli anlatım yapmak istedim...
ilk olarak kumadan paneline giriş yapıyoruz. yerleşim tıklıyoruz.
ikici adım
Gadget Ekle diyoruz..
üçüncü adım olarak Html/Javascript tıklıyoruz..
dördüncü adımda, acılan pencereye kodumuzu yapışdırıyoruz. ve kaydet diyip cıkıyoruz, ve görünmesi istedigimiz yere sürüklüyoruz.
şimdi sizlere aşagıda vercegim arama kutusu kodları. yukarda gösterdigim uygulamada gibi, uygularsanız hic bir sorunla karışılaşmazsınız..
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXmUUTeopF0Vhwxh_xw_SfwWt6QrMjirwOPqydGLnaAha_l7b6Zg8MNvq5RsJ8eTEh5OGDLEP-ozRDg9pbGopZ7crlxkWiPuDa682FdzZgAE6Xut2muM0nBKKBRTpIvZYOSgFkdymWhRua/) 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="Arama..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUc3zzomt1zrLbpHZObmYnUTdImdp8wQBzn3ssyt628mjm_MM5igH0zXseN3-LhlQ3qkSUtYzfaw8RiqftnoJewWZD8AlUMnmWyePjmXVobNKOkZD-uY7rFlDjgoMGKGoRot8QYVtTCUiq/) 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="Arama..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIOe7k6MoNouHCknHtQ417hY2iidLxlPcIf2u-oqmbgS_oqxgNN0Agyl8adOnt8do4sII6LTqYefDZeL7-fZl0QKed16-dE4zBB8z2LogloORdnjBjRvQaLbryQ8sutvzY_9MV5YpacU_4/) 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="Arama..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiboxcO_ToidFWtiA7S2Orqze1f641Kf69qJYoqlzZPx38hGbqQZzhGUNcykBzQ57ZUKvj1dBohSdwTEIs69gJK64xcJ7iZZFb6u_bo4NZbD-Q_8emBgLooMIUyNQ-5nGvUARC3Ltz7UHdU/) 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="Arama"/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg2KgKq7y5AjxkuIH5VE19qm8b-dWawadsl6wX2PTRgpKwTVkyXxEvFucW4-r12kCc8a0TbOzxzdUJTGv8JQechCHkrnYeJvnRW3ci5mBl54dkkR4gSU-rTixk3URjWTrfDn2hpk3VFGVI/) 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="Arama"/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwDxgDUSxELvpxtHTM96itGoqcBDOEcw_2fx2waK71G_StOFj3QxDXnCJ2YmJ4pFY9k5jEAqvpQ_zzVIKJT8eMKwTcFyITpgAehpjRYo2BeKz7r8P-jX8hYJhDFYKJtrCZPZ4amgNLm0v7/) 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="Arama.."/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
