- SİTENE ÖZEL ARAMA MOTORU,ARKAPLANDA KALAN SABİT ARAMA MOTORU

SİTENE ÖZEL ARAMA MOTORU,ARKAPLANDA KALAN SABİT ARAMA MOTORU

ÖRNEK GÖRÜNÜMÜ AŞAĞIDADIR.

ŞİMDİ GELELİM ARAMA MOTORUNA:

http://www.google.com.tr/coop/cse/ adresine gir. ve alttaki resimleri sırayla uygula.eğer googleye üye değilsen üye olaçaksın önçe

bu resimde özel aramamotoruna tıklayarak giriş yapın.

bu resimdede eğer google hesabın yoksa hesap al.varsa giriş yap.

bu resimdede gerekli olan bilgileri yaz

arkadaşlar resimdeki işlemleri bitirtikten sonra google içerisinnde yani hesabınızda kod bölümü olaçak. oraya girin. ve orda size ait kod olacak.o kodu kopyalayıp sitenizde yeni sayfa oluşturdan sayfanın adını search yazın ve oraya yapıştırın

bu altaki 2 kodu tasarımın üstüne yapıştırın

var win = null;
function NewWindow(mypage,myname,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
settings =
'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable'
win = window.open(mypage,myname,settings)
}
</script>
<script>
function showForm() {
oDiv = document.getElementById('aramamotoru');
oDiv.style.display='block';
return false;
}

function hideForm() {
oDiv = document.getElementById('aramamotoru');
oDiv.style.display='none';
return false;
}
/*
www.hackerfriend.net
*/

</script>

#aramamotoru {
  display:none;
  position:absolute;
margin-left: auto;
margin-right: auto;
top: 35%;
left: 35%;
width:315px;
height: 135px;
text-align: left;
  background-image: url(http://hfserver1.googlepages.com/searchbox.png);
  padding: 15px 0 0 17px;
  z-index: 1;

}
</style>

en son olarak şöle bişi daha yapaçağız

bu koddakikırmızı yazılı olan kodu kendi sitemize göre değiştireçeğiz.bu da şöle oluyor.
hani search başlıklı bi sayfa açmıştık .onun içindeki kodda yukarıdaki kırmızı yazılı kodunbaşlangıç ve bitiş yerlerini bulub ve o kodu alın yukarıdaki kırmızı kodla değiştirip kodun tamamını tasarımın üstüne yapıştırın

Resim url'si : https://img.webme.com/pic/h/hackerfriend/arama.png

Diğer resmimiz de arama motoru formunda kullanacağımız arka plan resmi.

Resim url'si : http://hfserver1.googlepages.com/searchbox.png

Resim URL'lerine dikkat edin ve kod içinde kullanımlarına bakın.