7 Adet Birbirinden Güzel Site içi Arama Kutusu Kodları

Arama kutuları-Motorları Siteler için olmazsa olmazıdır. İstediğiniz bilgiyi hemen aramak ve hemen ulaşabilmek çok önemlidir. Ayrıca gelen ziyaretçiler tarafındanda büyük önem taşımaktadır. Gelen ziyaretçi istediğini hemen arayamaz veya bulamaz ise sıkılıp sitenizi terk edebilir. O yüzden ziyaretçilerinize istediği bilgiyi hemen ulaştırmak için aşağıda paylaşmış olduğum birbirinden güzel arama kutularından birini seçerek Sitenize eklemenizi tavsiye ederim. Kodlara Yabancı bir siteden rastladım ve sizlerle paylaşmak istedim.

ADRESBURAYA olan yere kendi blog adresinizi yazın.

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/AVvXsEjcMhYmq_WYtB0gWnxZLaikauTnkpJRmcCe9e6PJUSp2Z0y0AABP9uvNSyvCl0exgrW1cRZ6k_DD6kKjLe68WlV1iQVIyzFRW75U19BkEGeKglOQXBrzc-ctpWhhLT93WS8Zofr-_SqkxXR/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>

#button-submit{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha7GYGw5o9tGQ034TVlJl_S2zdcOHERQOflwzdJ_uCcHLqPCAWpE4GQqrYD9pymRuRfJK6Q3kG6o5qbMOcaOOHaeh-lJAdPQdQPdyA2dJ4VV7bhOt6pXHias45ulmy5WN2aqHaTn7CMR0X/s1600/slider-arrow-right.png) no-repeat;
margin-left: -40px;
border-width: 0px;
width: 43px;
height: 45px;
}
</style>

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/AVvXsEiVs3A4BCVYG-8oSBEqj-ykN_Uh2r3RVAgeQjXb-CMcWwjEFpTPttZuIXxP2SQzR3SwgwNnlXGzpH52yDNxr8C-7wYSwWUEmeVG1KkZcYtiSjM6aTdTTbK_k2NQ9xDwry3BBJCGkFjZwZ92/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/AVvXsEht3b4vNHCCau3JdJPEFoDpDOq1EbmdAQnDqjSUdlnGPdADx1Jii2nl5vbIwB8OdG2N1btc-iEj472xlkJMbPx9k7M1Lrb1TOtFzi1Q8fYf26GnbA1_jvonfC8WJLG5zBb89uJUnPGaoRp2/s1600/search-button-hover.png) no-repeat;
}

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

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;
    padding: 5px 0px 5px 20px;
    margin: 10px 15px 0px 0px;
    border-width: 0px;
    font-family: "Brush Script MT", cursive;
    font-size: 12px;
    color: #595959;
    width: 65%;
    font-weight: bold;
    display: inline-table;
    vertical-align: top;
}

#button-submit {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtdSYPSnRa41feNLhQI3eQr63tMDsZ0QcGpsNyJxxyeQEJqcb0_AeEPTQRVBYK4AxllMWus0J4U5EyXl6a_USsOq-DnhQVNiMR_FXdw2PRH6z379J0UfnuvkSbybNgFYGpcYgR-Ti6fXJy/s1600/magnifier.png) no-repeat;
    border-width: 0px;
    cursor: pointer;
    margin-top: 10px;
    width: 19px;
    height: 25px;
}

#button-submit:hover {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisLYiqd8WTkln3WznXAeMCy8LiFhIC85QZuOWveNaioWsak8ukm5Qoh3v23NuS_kaE3m0trLRrssF_Sb0Y9tXHVCqJVOvzZ-d4phE82LErg9pX54w1tcarhdtHJflc8Tn3QLob0YEDsYKI/s1600/magnifier-hover.png) no-repeat;
}

#button-submit:active {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisLYiqd8WTkln3WznXAeMCy8LiFhIC85QZuOWveNaioWsak8ukm5Qoh3v23NuS_kaE3m0trLRrssF_Sb0Y9tXHVCqJVOvzZ-d4phE82LErg9pX54w1tcarhdtHJflc8Tn3QLob0YEDsYKI/s1600/magnifier-hover.png) no-repeat;
    outline: none;
}

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

#searchbox input {
    outline: none;
}

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

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

input:focus::-moz-placeholder {
    color: transparent;
}
#searchbox input[type="text"] {
background: transparent;
border: 0px;
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
font-size: 14px;
    color: #f2f2f2 !important;
    padding: 10px 35px 10px 20px;
    width: 220px;
}
#searchbox input[type="text"]:focus {
color: #fff;
}

#button-submit{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBRsCtH7khBtPe4xtbvZmJzSDIuhRgJDCFrap6-keffNkkdcd6Nj1dufqZM355PL9FDBZU1Xqy4Uczwdzs6CXok0BdNTJaJDb9bK-PyLmURaZ-44iRcV0q1_qovwQlH-t7ZeFEoCWzqCA2/s1600/search-icon.png) no-repeat;
margin-left: -40px;
border-width: 0px;
width: 40px;
height: 50px;
}

#button-submit:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFpG1LRV0M-XsU62kdAsPQSgi1yayZMZPNg8DzKXum-_F6yjHiuUkV9PwFb_Ue_Pv-ie4S0ppAOaixdWFCb_YpRyahqMwRSySKsQMxhL2NJE2IpJ1k2RYro5FIyto7h3doxZZInXFq9PIJ/s1600/search-icon-hover.png);
}
</style>

Yorumlar

Gökhan TEKİN29 Mayıs 2015 03:37
Hover Efektli olanlar güzelmiş , paylaşım için teşekkürler
YanıtlaSil
Yanıtlar
Mustafa Alnıak9 Ağustos 2015 16:32
Merhaba, bir şey sormak istiyorum. Ben bloguma buradakiler de dahil olmak üzere bir çok arama kutusu kodu ekledim denedim. Ama hiçbiride bir türlü çalışmadı. Sanırım benim blog dan kaynaklanan birşey. Kodları ekliyorum fakat, arama kutusunun içine birşey yazamıyorum, kutu içine tıklayınca imleç gelmiyor yani. Bu konu hakkında bir fikriniz var mı acaba ?
YanıtlaSil
Yanıtlar