Bloguna Arama Kutusu Ekleme



Nasıl Ekliycem?

Residential> Gadget ekle> Html / Java script

1:


<input id = 'arama kutusu' name = 'q' onblur = 'ifundefinedthis.value ==' ') this.value = this.defaultValue;' onfocus = 'ifundefinedthis.value == this.defaultValue) this.value =' ';' style = 'width: 240px; border: none; padding: 5px 5px; margin-right: 5px; yazı: 14px Arial; color: # b5b5b5; background: #fff; border: 1px solid #ddd; height: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; ' = = 'text' değeri yazın 'Sitemiz de aramak istediginiz kelimeyi girin ...' x-webkit-speech = 'x-webkit-speech' />
<input = 'top' id = 'arama-btn' src = 'http: //p1304.hizliresim.com/18/v/mhdsp.png' hizaya type = 'image' value = 'Ara' />
</ form>
2:


<h2 class = 'title'>
Ne Aramıştınız? </ H2>
<div class = 'widget içerik'>
<style>
#searchform {width: 300px}
.txtSearch {width: 160px; margin: 0 -2px 9px 9px; background-position: 0 -29px}

.txtSubscribe, .txtSearch {width: 80%; height: 26px; yüzer: Sol; Arka plan: url ('http://o1308.hizliresim.com/1d/3/r2znp.png') no-repeat; margin-top: 10px; padding-left: 40px}

.Giriş metin {font-size: 11px; Sınır: 1px solid #dadada; border-radius: 3px; box-shadow: 0 1px 1px 0 RGBA (0, 0, 0, 0.07) içerlek;} </ style>

<form action = 'http: //berkcanozenc.blogspot.com/search/' id = 'searchform' yöntemi = 'get'>

<input type = "text" class = "txtSearch giriş metin" name = "q" yer tutucu = "Arama ..." X-webkit-speech = "x-webkit-speech" onwebkitspeechchange = "this.form.submit ( ); " />
</ form>
</ div>
<div class = 'net'>
</ div>
3:


<style type = "text / css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJV2cRmLV4BRX1lW0VHrBelaeSeGfXJ8rKZ694L6gaHO7twSoFZXOywplIECQwtzE2moJxJoVZt_57aQxILc9Xs7ezlLcnm5_V9WquGBgweJY0rDopFlePWaovsdr-3FaLkkW2YPjP5Kzu/) no-repeat scroll merkezi merkezi şeffaf; genişlik: 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-arama kutusu">
<form id = "W2B-searchform" action = "/ search" method = "get">
    <input type = "text" id = "s" name = "q" value = "Arama ..." onfocus = 'if (this.value == "Arama ...") {this.value = ""} 'onblur =' if (this.value == "") {this.value = "... Ara";} '/>
    <input type = "image" src = "http://img1.blogblog.com/img/blank.gif" id = "sbutton" />
</ form>
</ div>

4:


<style type = "text / css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmKuvDtg5rC1n_3tI5kFLay0hBOPsnKUfSwG3UnfIxbLnZJturVoHdsg2rtlfONzeKVPsAFb6_pn0Q0urjphTavdRZL_eykSVZo9wc-Ke-mpbpc25XZPCbu9ubrzLpRorg4MVb56ICvrFM/) no-repeat scroll merkezi merkezi şeffaf; genişlik: 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-arama kutusu">
<form id = "W2B-searchform" action = "/ search" method = "get">
    <input type = "text" id = "s" name = "q" value = 
    <input type="text" id="s" name="q" value=""AramaArama..." 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>

5:


<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWtgOyuw5gEWM3cOeakcprLnyhX-fMK6_HN7Ah-RcPbXIppcqepAnzFimmqFi13H7gCILELB7Vr97xLORE4wwZF2pEtx5Om01K3QftcRhUa8ktJZsWK404cY4NkhN0DTWXXmVPidi_4gEd/) 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="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

 6:


<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjanRszM2OOYx63ZE1_PR6Xzj3ooZxYXHzjdclgP4gVKyXjEnhJQdtigthA5Ajm6nNBGFw0vT1pCVHNPt9Fb6LAnhDw8KU8RsUjLSBlB5bpVYPckUTIUz9AuNmmlNWYK1-a9UdEQmHG99eD/) 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="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

7: 


<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdNW_gaa-VPFfLK3Uy20byux1YjejP0Ihs1rCW24aKnU2JLS9on57LSujIduZUgc_omsIXJ4r7H56QYI8oEWTHby8PO6xihyphenhyphenA9OmF-ycqyJLnJXRHXLPmW1X4CvI2Bp5OE7m-O_wdCtbpx/) 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="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

8:


<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRxIaJLNqzE-N-ZVPMpY5i__SVAgZqoeTsgbGRI7CqTLz0-qhWxj8yexHqHFWAIuhkll1WSvVObzryzQSKuRiZ9HKhw4HcOAXxW53SA1lL54Gi73TQMJOEg-t1NO_h-4nTn93iIraPOywe/) 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>


Önceki Yazı
« Önceki Yazı
Sonraki Yazı
Sonraki Yazı »

1 yorum:

Click here for yorum
ozkan
admin
19 Ocak 2016 15:20 ×

deneme

Congrats bro ozkan you got PERTAMAX...! hehehehe...
Reply
avatar