Resimde gördüğünüz bu CSS arama kutusunu eklemek için Blogger kumanda panelinize giriş yaptıktan sonra Yerleşim > Gadget Ekle > HTML/JavaScript Gadget yolunu izledikten sonra aşağıdaki kodları yapıştırıp kaydetmeniz yeterli olacaktır.
<div id='arama'>
<form action='/search' id='searchThis' method='get'>
<input id='searchBox' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value='';' size='20' type='text' value='Aranacak kelime'/>
<input id='searchButton' type='submit' value=''/>
</form>
</div>
<style>
#arama {
float:right;
width:258px;
padding-top:50px;
padding-bottom:30px;
padding-left:10px;
padding-right:-0px;
margin:0 0 20px 0;
background: url(https://lh3.googleusercontent.com/-Ahg_Mo-oIBs/UHxflUJpGFI/AAAAAAAAESQ/cTIHURTBtn8/s271/s.png) no-repeat 0px 0px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px
height:auto;
border:1px solid #656E75;
color:#000;
font-weight:bold;
}
#searchThis {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0EYf56d_HmQMWaYnXnOOEDZFF_bo7_ToeSjAgdZUQXSENsvFzipdzHVGKm-j0zAkDQmAjOZx5fktFEXQ9_t_362UGUgFQE1ItgOf5OYvxdJ85UMC6tS4DIhdojU_UbxH3k2_GTkyMWE0/s1600/search.png") no-repeat scroll 0 0 transparent;
display: inline;
float: right;
margin:0 50px 0 0;
height: 24px;
width: 212px;
padding:2px 0 0 2px;
}
#searchBox, #searchButton {
background: none;
border:none;
}
#searchBox {
width:158px;
color:#bbb;
font-size: 12px;
}
#searchButton{
width:42px;
padding:0px;
cursor:pointer;
}
</style>
Bu arama kutusu HTML ile oluşturulduğundan “Google Custom Serach” deki gibi akıllı değildir ve detaylı arama yapmaz. Aradığınız terim ile blogdaki terimin %100 eşleşmesi gerekir. Eğer görselliğe önem veriyorsanız ve çok fazla içeriğiniz yoksa bu arama kutusunu kullanabilirsiniz fakat işlevselliğe önem veriyorsanız ve blogunuzda çok fazla içerik varsa “Google Custom Search” ü kullanmanızı öneririm.
0 Yorumlar
Argo içerilikli yorum attığınız taktirde hakkınızda dava açılır, site adresinizi yoruma attığınız taktirde ise bloğunuz google sıralamasından düşer.
Emoji