Sitene 3 Farklı Arama Kutusu

Merhaba arkadaşlar şuanda sizlere 3 farklı arama motoru göstereceğim.Bu arama motorları gerçekten sitenize ahım şahım bir görüntü kazandıracak.Eğer sitenizde bir arama motoru yoksa kesinlikle bu arama motorlarından bir tanesini seçip sitenizin en başına koymalısınız,tavsiyemdir. Paylaştığım arama motorları görünüş bakımından ve renk bakımından sizlere çok fazla avantaj sağlayabilir.Bunu değerlendirmeye ne dersiniz ? O zaman ben kodları vereyim . Bu arada arama motorları %100 çalışıyor hiç bir sıkıntı yoktur.

Nereye Ekleyeceksin ?

Adım 1 : İlk olarak beğendiğimiz arama motorunun kodunu ctrl+c yöntemi ile kopyalıyoruz.

Adım 2 : Ardından www.blogger.com deyip kendi blogunuzu seçiyorusunuz.

Adım 3 : Yerleşim > Gadget Ekle > Html / JavaScript diyoruz ve

Adım 4 : Kodlarımızı ctrl+v yardımı ile yapıştırıp kaydet diyoruz.

Kodları Al

Arama Motoru 1 ;

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder {
    color: transparent;
}

#searchbox input {
    outline: none;
}

#searchbox input[type="text"] {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG-hmac8sr064GEDYDL0FC26cKwsBO_DVYSx-W6bpSiY0GjFxjYwn7RV4HdHPLZ04Dc-FGOCu4ICPERkQZjy1gjBoo8KsnHD1vdiYeB1Qn7JfnJdMEJCmL57HOEXSCXin25maE0_ylk_0z/s1600/search-dark.png) no-repeat 10px 6px #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #bebebe;
    width: 55%;
    padding: 8px 15px 8px 30px;
}

#button-submit {
    background: #6A6F75;
    border-width: 0px;
    padding: 9px 0px;
    width: 23%;
    cursor: pointer;
    font: bold 12px Arial, Helvetica;
    color: #fff;
    text-shadow: 0 1px 0 #555;
}

#button-submit:hover {
    background: #4f5356;
}

#button-submit:active {
    background: #5b5d60;
    outline: none;
}

#button-submit::-moz-focus-inner {
    border: 0;
}
</style>

Arama Motoru 2 ;

Arama Motoru 3 ;

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder {
    color: transparent;
}

#searchbox input {
    outline: none;
}

#searchbox input[type="text"] {
    background: transparent;
    margin: 0px 0px 0px 12px;
    padding: 5px 0px 5px 0px;
    border-width: 0px;
    font-family: "Arial Narrow", Arial, sans-serif;
    font-size: 12px;
    font-style: italic;
    width: 77%;
    color: #828282;
    display: inline-table;
    vertical-align: top;
}

#button-submit {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS4_-QwHujhC4bgSXl-mO_GHBDMnV9nncKvrzQ2rOBoGUIuE4W6biWqr0ryTSG4V-xW2bVRuYLVS6UC0ILD7MWtJIP7dNeIq6139AmVuwdPmWvii-ejH935xvgG1dk9-zmWeIFNpqELyQv/s1600/search-button.png) no-repeat;
    border-width: 0px;
    cursor: pointer;
    width: 30px;
    height: 25px;
}

#button-submit:hover {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNoDZaHKquvZpnxVAX3FhiBKrQ3N1vS9uH4GQ6Lp_VQi1iq26PO_HSUFlg9S0g-ncrp_qekvep6ONzBkTo8Hu-Bybu1j-Ku7RbsGY1noeFzepw8o2bp95Wio5X9gj0kOjmLEa5w7qbNAdl/s1600/search-button-hover.png) no-repeat;
}

#button-submit::-moz-focus-inner {
    border: 0;
}
</style>

Arama Sonuçları:

0 yorum:

Yorum Kuralları
1. Küfürlü yorum yazmak yasaktır.
2. Yorumlarımızı uzun ve açıklayıcı bir şekilde yazalım lütfen.
3. Yorumunuzun tüm sorumluluğu size aittir.
4. Güvenliğiniz için iP adresiniz kaydedilmektedir. Herhangi bir Hukuki Dava ile karşılaşmamak için hakaret içeren sözler ve argo kelimeler kullanmayınız.
5. Yorumunuzda Herhangi Bir Link veya Reklama İçerik Yazılar Bulundurmayınız.

Yorum Yok
Sitene 3 Farklı Arama Kutusu

Wordpress

Kisisel

Benzer Konular

0 yorum:

Popüler Yayınlar

Reklam Alanı

Son Yazılar

Etiketler

Yorum Yok Sitene 3 Farklı Arama Kutusu

Wordpress

Kisisel

Benzer Konular

0 yorum:

Popüler Yayınlar

Reklam Alanı

Son Yazılar

Etiketler

Yorum Yok
Sitene 3 Farklı Arama Kutusu