BLOG SABİT ARAMA ÇUBUĞU

Aşağıdaki kodu html\javascripte yapıştırıyoruz

<!-- Blog Hocam Google Tarzı Sabit Arama Kutusu --> 
<div class='bh-arama' id='bh-arama"> 
-aramaformu' method='<form action='/search' id='bh>' 
eğer (bu bir <id='s' name='q' onblur='girdi.value == &quot;&quot;) {bu.eğer (bu değer = &quot;Ara.&quot;;}' onfocus='.bu değer, = = &quot;Ara.&quot;) {.value = &quot;&quot;}' type='text' value='Ara...'/> 
='<button id=' sbutton'type>gönder' 
<span id='simg'/> 
</span></button> 
</form> 
</div> 
<style type="text/css"> 
#sbutton { 
tekrar 0pt 0pt şeffaf kaydırma(ortada top , #4D90FE 0%, #4787ED 100%); background: -moz-lineer-Gradyan;- degrade(doğrusal(100%,#4787ed)) üst, sol alt, renk-(0%,#4d90fe) stop color-stop Sol Y ... -arka plan:; 
-y-lineer-(top, #4d90fe 0%,#4787ed 100%) temsil;arka plan: 
-o-linear-(top, #4d90fe 0%) degrade#4787ed 100%arka plan:; 
(top, #4d90fe 0%,#4787ed 100%) arka plan: -ms-lineer-Gradyan; 
#4d90fe rengi arka plan: (top, #4d90fe 0%,#4787ed %100) lineer-Gradyan;arka plan:; 
3079ED border: 1px solid #; 
2px 2px 2px 2px border-radius:; 
color: #FFFFFF; 
27px yüksekliği:; 
76px min genişlik:; 
aşağıda görebilirsiniz doldurma: 0 21px;doldurma-alt:; 
} 
#sbutton:renk hover{ background: #357AE8; 
-y(ortada top , #4D90FE, #357AE8) Gradyan;background: -moz-linear background-image: -Gradyan(doğrusal(100%,#357ae8)) üst, sol alt, renk-(0%,#4d90fe) stop color-stop sol; 
-y-lineer-(top, #4d90fe 0%,#357ae8 100%) temsil;arka plan: 
-o-linear-(top, #4d90fe 0%,#357ae8 100%) degrade arka plan. 
(top, #4d90fe 0%,#357ae8 100%) arka plan: -ms-lineer-Gradyan; 
(top, #4d90fe 0%,#357ae8 100%) arka plan: doğrusal degrade; 
2F5BB7 border: 1px solid #; 
0 1x1 1x1 rgba(0, 0, 0, 0.1)}box-shadow: ; 
#simg { 
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBJph-W39cv3IicwvmiXLEueT8goM_CKFADMUhZxaEGMLFfQXG4XegR-IYGHRvanvHWfq2DPltpqk59fH-HxgKbnV7KTL-oMHfNdwt26WmX2vJBKkVBBe9eNXZ0Ueh6SFi4EfZVQ4jhnw/s1600/searchicon.png") no-repeat 0 0 kaydırma şeffaf; 
ekran: ınline-block; 
14px yüksekliği:; 
0 marjı:; 
genişlik: 17px;z-index:101; 
}#s: {box -} hover shadow: 0 görüntü aşağıda görebilirsiniz #C1C1C1 İç metin; 
#s {border: 1px solid #BCBCBC;border-radius: 4px 4px 4px 4px;yazı tipi: 14px italik times New Roman;doldurma: uy aşağıda görebilirsiniz;genişlik: 146px; -moz-geçiş: genişliği 0.2 s ease-in 0s; -webkit-geçiş: genişlik 0,2 s kolaylığı; -o-geçiş: genişliği 0.2 s ease-in;} 
200px genişlik #s:focus {:;} 
.bh-arama { 
display: block; 
pozisyon: sabit; 
right: 0; 
üst: %1; 
238px genişliği 300px;min-max genişliği:; 
100 z-index:; 
} 
</style> 
<!-- Blog Hocam Google Tarzı Sabit Arama Kutusu –>