Google Arama Kutusunu Değiştirme
-
Başlık biraz anlamsız olmuş olabilir.Şöyle birşey yapmak istiyorum.Aşağıdaki kodlar google özel arama kutusu kodları.
<script>
(function() {
var cx = '007700140482988999178:jwhw0jvfpvw';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//www.google.com/cse/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<gcse:search></gcse:search>Aşağıdaki kodlarda blogger'da hoş görünümlü sağ üst köşeye yaslanmış arama kutusu kodları.
<div class='bh-arama' id='bh-arama'>
<form action='/search' id='bh-aramaformu' method='get'>
<input id='s' name='q' onblur='if (this.value == "") {this.value = "Arama Zımbırtısı";}' onfocus='if (this.value == "Arama Zımbırtısı") {this.value = ""}' type='text' value='Arama Zımbırtısı'/>
<button id='sbutton' type='submit'>
<span id='simg'/>
</span></button>
</form>
</div>
<style type="text/css">
#sbutton {
background: -moz-linear-gradient(center top , #4D90FE 0%, #4787ED 100%) repeat scroll 0pt 0pt transparent;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d90fe), color-stop(100%,#4787ed));
background: -webkit-linear-gradient(top, #4d90fe 0%,#4787ed 100%);
background: -o-linear-gradient(top, #4d90fe 0%,#4787ed 100%);
background: -ms-linear-gradient(top, #4d90fe 0%,#4787ed 100%);
background: linear-gradient(top, #4d90fe 0%,#4787ed 100%);background-color: #4d90fe;
border: 1px solid #3079ED;
border-radius: 2px 2px 2px 2px;
color: #FFFFFF;
height: 27px;
min-width: 76px;
padding: 0 21px;padding-bottom: 2px;
}
#sbutton:hover{ background-color: #357AE8;
background-image: -moz-linear-gradient(center top , #4D90FE, #357AE8);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d90fe), color-stop(100%,#357ae8));
background: -webkit-linear-gradient(top, #4d90fe 0%,#357ae8 100%);
background: -o-linear-gradient(top, #4d90fe 0%,#357ae8 100%);
background: -ms-linear-gradient(top, #4d90fe 0%,#357ae8 100%);
background: linear-gradient(top, #4d90fe 0%,#357ae8 100%);
border: 1px solid #2F5BB7;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
#simg {
background: url("http://2.bp.blogspot.com/-GQ-ZancmaaI/UiY05Uq7a1I/AAAAAAAASzc/JXbKreZ_7vc/s1600/windows8li+arama.png") no-repeat scroll 0 0 transparent;
display: inline-block;
height: 14px;
margin: 0;
width: 17px;z-index:101;
}#s:hover {box-shadow: 0 1px 2px #C1C1C1 inset;}
#s {border: 1px solid #BCBCBC;border-radius: 4px 4px 4px 4px;font: italic 14px times New Roman;padding: 4px 2px;width: 146px; -moz-transition: width 0.2s ease-in 0s; -webkit-transition: width 0.2s ease-in; -o-transition: width 0.2s ease-in;}
#s:focus {width: 200px;}
.bh-arama {
display: block;
position: fixed;
right: 0;
top: 1%;
max-width: 300px;min-width: 238px;
z-index: 100;
}
</style>
İkinci arama kutusu blogger'da sadece etiketler üzerinde arama yapıyor.Birinci arama kutusu kodları site içinde google araması yapıyor.Ben ikinci arama kutusunun google'da arama yapmasını istiyorum. -
Kutuyu değiştimeden hala yapamadım.Up
-
Şöyle yap daha rahat okur millet hocam

-
@Ka1nsha öyle denedim önce hocam ortalık karıştı.Şimdi düzetlme yapamıyorum zaman geçtiği için.
-
İnternetim gelsin jqueryden güzel bişiler yapim
