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

4

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

Published at 05:10 in 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.

<style>#wc-searchblue1 { background: rgb(37,141,200); /* Old browsers */ background: -moz-linear-gradient(top,  rgba(37,141,200,1) 0%, rgba(37,141,200,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(37,141,200,1)), color-stop(100%,rgba(37,141,200,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  rgba(37,141,200,1) 0%,rgba(37,141,200,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  rgba(37,141,200,1) 0%,rgba(37,141,200,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  rgba(37,141,200,1) 0%,rgba(37,141,200,1) 100%); /* IE10+ */ background: linear-gradient(to bottom,  rgba(37,141,200,1) 0%,rgba(37,141,200,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#258dc8',GradientType=0 ); /* IE6-9 */ border-radius:10px; width:280px; } #wc-searchbluebox1 { padding:10px; } #wc-searchbluesubmit1 { border:1px solid orange; background: orange; padding:5px; color:#ffffff; font:14px verdana; } #wc-searchblueinput1 { -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border:1px solid #ffffff; background:#ffffff; padding:5px; color:#888888; width:178px; font:14px verdana; } </style><div id='wc-searchblue1'>         <form action='ADRESBURAYA/search'  method='get' id="wc-searchbluebox1">              <input name='q' id='wc-searchblueinput1' onblur='if (this.value == "") {this.value = "Search this site...";}' onfocus='if (this.value == "Search this site...") {this.value = ""}' type='text' value='Search this site...'/>            <input id='wc-searchbluesubmit1' type='submit' value='Search'/>         </form></div>

<style>#searchbox {     background: #d8d8d8;     border: 4px solid #e8e8e8;     padding: 20px 10px;     width: 250px; }  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/AVvXsEiUM7sIqhrghjQGOgE8oXV0OgPjQ-FZHcGczW_jZMw6Tx3LSTWR5ZIQug07n-jb5nG3QUwQMeN4b0T08hygtrRmFLMc2uq6ZeerRQGZKCV6o8OFZeww-rg0UxWOAo_DntYxJZDhHJF7NhCf/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> <form id="searchbox" method="get" action="/search"><input name="q" type="text" size="15" placeholder="Type here..." /><input id="button-submit" type="submit" value="Search" /></form>

<style>#searchbox { width: 240px; } #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: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUM7sIqhrghjQGOgE8oXV0OgPjQ-FZHcGczW_jZMw6Tx3LSTWR5ZIQug07n-jb5nG3QUwQMeN4b0T08hygtrRmFLMc2uq6ZeerRQGZKCV6o8OFZeww-rg0UxWOAo_DntYxJZDhHJF7NhCf/s1600/search-dark.png) no-repeat 10px 13px #f2f2f2; border: 2px solid #f2f2f2;     font: bold 12px Arial,Helvetica,Sans-serif;     color: #6A6F75;     width: 160px;     padding: 14px 17px 12px 30px;     -webkit-border-radius: 5px 0px 0px 5px;     -moz-border-radius: 5px 0px 0px 5px;     border-radius: 5px 0px 0px 5px;     text-shadow: 0 2px 3px #fff;     -webkit-transition: all 0.7s ease 0s;     -moz-transition: all 0.7s ease 0s;     -o-transition: all 0.7s ease 0s;     transition: all 0.7s ease 0s; } #searchbox input[type="text"]:focus { background: #f7f7f7; border: 2px solid #f7f7f7; width: 200px; padding-left: 10px; }  #button-submit{ background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjU1sSNvPXHMJnA_RLhGrdajK3rV8UMfh4q3R_4yL8u2i5odq8UgC4wDBbPTKdTxfnjQF1pZrZQb84GHY6nLYAqoky-SbDd_m4AbaKUSsYVUy2UUd9Bl1DYpfXnO7Gg_0uqiLXVa8IXPZC/s1600/slider-arrow-right.png) no-repeat; margin-left: -40px; border-width: 0px; width: 43px; height: 45px; } </style> <form id="searchbox" method="get" action="/search" autocomplete="off"><input name="q" type="text" size="15" placeholder="Enter keywords here..." /><input id="button-submit" type="submit" value=" "/></form>

<style>#searchbox {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHX9qUdlvFryPy18Bw8yy0ppxvWLVR8VJRHi-aD08f9zyDC2o6AHd8nuU6vm6Z2Xd_Tt8mg_n2MXS_hUhktosR_-MAi8oER40y-52pcvX_W1RaeENlHJNqTAQH8hK3deWrhuTNRr7g4Fc2/s1600/searchbar.png) no-repeat;     width: 208px;     height: 29px; } 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: 3px 0px 0px 20px;     padding: 5px 0px 5px 0px;     border-width: 0px;     font-family: "Arial Narrow", Arial, sans-serif;     font-size: 12px;     color: #828282;     width: 70%;     display: inline-table;     vertical-align: top; } #button-submit {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnV7b4Zf8YwYCuDP9a7o4-VK8wjvVlMGYf6flUwinchkVlKR1hkOZTDjyiwyurKBe94pcncXQw56f_JUnsIgB85MaY2YMvRvhr3PkWPucgLtDIGM30psqh_hPI4D3T3Q5YnavxsHXpVN_L/s1600/magnifier.png) no-repeat;     border-width: 0px;     cursor: pointer;     margin-left: 10px;     margin-top: 4px;     width: 21px;     height: 22px; } #button-submit:hover {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8EoQCLh3Mm4wQAR8aWXt8IhQ0rvVfvm-hgoghm48F0n2ilePI2lQakxuxJQuRmykrYvaEOvARgNuqvVr_eQnzJs810w-AHZv1C18KawMhfwEWRpiOZQ_tnmxEjzC8YBaVdGP8slR52K6P/s1600/magnifier-hover.png) no-repeat; } #button-submit:active {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8EoQCLh3Mm4wQAR8aWXt8IhQ0rvVfvm-hgoghm48F0n2ilePI2lQakxuxJQuRmykrYvaEOvARgNuqvVr_eQnzJs810w-AHZv1C18KawMhfwEWRpiOZQ_tnmxEjzC8YBaVdGP8slR52K6P/s1600/magnifier-hover.png) no-repeat;     outline: none; } #button-submit::-moz-focus-inner {     border: 0; } </style> <form id="searchbox" method="get" action="/search" autocomplete="off">    <input name="q" type="text" size="15" placeholder="search..." />    <input id="button-submit" type="submit" value="" /></form>

<style>#searchbox {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFoi_C29FwmQxws8VC1tNVpseCk4C7U2UwfTAzVH1uyTLjNjrArS77NtiGpNXTNLqqCm_45RzH13mVKp3I-1S6eHWqv1U7ks-kZ81mLPg3fxoQDX308PprYRR8cXPs1RrAbpVvJkd2n1c1/s1600/search-box.png) no-repeat;     height: 27px;     width: 202px; }  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/AVvXsEihhnDAuB4ZKA_CBqgRJtCclGLEWsWrnLKSQtBbv6x7tQuVuWUsrJ95-pnofCBtUfYBDQsZ979SISh3FQy3Pnba6HQKOIRxLPqJ3hwV3Uc0AaoZfNx6VQTuyxomw3K8Wkt_asObuqkXxsWG/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/AVvXsEgpsXXH-HPuxxbzD6_QcHXXbRh9D34HfJ4QFyV89Vu63OpeWMGqenKynVUssBhXQIWBvHp-AWL95N0GyqmV7AyOeKmqrfAOR2IBzNs5CEGv89C-gUPGzUs9XSzBmzLAM3SJOC1Sb8tG3lYW/s1600/search-button-hover.png) no-repeat; }  #button-submit::-moz-focus-inner {     border: 0; } </style> <form id="searchbox" method="get" action="/search" autocomplete="off"><input name="q" type="text" size="15" placeholder="search..." /><input id="button-submit" type="submit" value="" /></form>

<style>#searchbox {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKqA7Hg_Y_9Lb1lIppjrGJzX-m5WxqWRQBs6rid5N7mdANOk_3mnStdOeFHsXqMyuJ7nM5_hOqiNpUgR1DpYjaTFRtYuPCqjwpmc3DXlCMokgSoOKf4rsJovnX4Gr9Ffmlu_VrPqeyfynt/s1600/search-box1.png) no-repeat;     width: 250px;     height: 65px; }  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/AVvXsEifiGTyVzCJ_mKA3GSJDwL0lfJVVuWIWIeQ113n9-2ZLacNMAzQu8O7jpyxoADfwSPVyxX9AJLWLX1YuWKdjkzeSNMognG7f1dTudYhHJHjeeNUbiwvmwskWErMB0yHQdPJCCpfZRRBfw1e/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/AVvXsEhnUABS5I_3BL_EXNdxhW2AhVnqT1mkbzoDgh52YzmKiqH3PJ9jMxu-bqwq7ctKgC5-qNOs1qAGwOnWlAEEJlqc6JB_F9DL4CnwwiFfbTQ01zZ5u0FuhtWQqnPCn_Ja6oszKB_uPSQFiErd/s1600/magnifier-hover.png) no-repeat; }  #button-submit:active {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnUABS5I_3BL_EXNdxhW2AhVnqT1mkbzoDgh52YzmKiqH3PJ9jMxu-bqwq7ctKgC5-qNOs1qAGwOnWlAEEJlqc6JB_F9DL4CnwwiFfbTQ01zZ5u0FuhtWQqnPCn_Ja6oszKB_uPSQFiErd/s1600/magnifier-hover.png) no-repeat;     outline: none; }  #button-submit::-moz-focus-inner {     border: 0; } </style> <form id="searchbox" method="get" action="/search" autocomplete="off">    <input class="textarea" name="q" type="text" size="15" placeholder="Search here..." />    <input id="button-submit" type="submit" value="" /></form>

<style>#searchbox { width: 280px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA2nzfk_3bAzDXvNZUvRrL4Xel6vtbA50p4BT0pk1wrJiWciaL4H10_6LIyUccU5a5Acd2IkkPR4Qu0eTN0lpS3eivS8k02LKEIDI5AFjoRK8ANeCIm207uVVVxXIBt_2i7-sm3FqOaDs0/s1600/search-box.png) no-repeat; }  #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/AVvXsEg9SqTmYWc2qGWEL3vr6cPZL9mgJknp0ojoGHB0nd_ancHA0F87BRqi2TdLlnNTmYKC1oPYObs57ynLqbjP6khRtzuMrdqsGtSnDcGi9_THFQSnQC-BZnhKfA0gLEtycV7I5E2Ve8q61SxW/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/AVvXsEhQfeLo7mP1DC6DFbYj7IydaoyS13FPSVte56KRspPMozILvUhBtnXixbakUEynHkYMisdKDS_cE16hj7uwZh-iamQywzb2iFaN1ALxg1ObnYByE3zo-EO15ZW18TwCtadTSvaDwThuvWsL/s1600/search-icon-hover.png); } </style> <form id="searchbox" method="get" action="/search" autocomplete="off"><input name="q" type="text" size="15" placeholder="Enter keywords here..." /><input id="button-submit" type="submit" value=" "/></form>

Spread The Love, Share Our Article

Post Details

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

29 Mayıs 2015 03:37

Hover Efektli olanlar güzelmiş , paylaşım için teşekkürler

29 Mayıs 2015 03:43

Rica ederim.

Mustafa Alnıak

9 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 ?

10 Ağustos 2015 12:46

Merhaba, blogunuza baktım arama kutusu gayet güzel çalışıyor. Sorunu çözdünüzmü acaba ?

Yorum Gönder

Kaydol: Kayıt Yorumları (Atom)