Blogger Muhteşem Arama Çubuğu

 Merhaba arkadaşlar bu yazımda sizlerle blogger bloglarınızda kullanabileceğiniz basit ve sade görünümlü bir arama çubuğunun kodunu paylaşacağım. Aşşağıda ki kodu kopyalayıp blogger yönetim panelinde YERLEŞİM>GADGET EKLE>HTML yolunu izleyerek blogunuzda arama çubuğunun gözükmesini istediğiniz yere yapıştırın.

<!--Kod Sahibi: htmlevi.blogspot.com--><style>#search1{} input.gsc-input1 { border:1px solid #d9d9d9;border-top:1px solid #c0c0c0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;height:40px;padding-left:10px;padding-right:10px;vertical-align:top;width:94% } input.gsc-input1:hover { border:1px solid #b9b9b9;border-top:1px solid #a0a0a0;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);-ms-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1) } input.gsc-input1:focus { border:1px solid #374760;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.3);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.3);-ms-box-shadow:inset 0 1px 2px rgba(0,0,0,.3);box-shadow:inset 0 1px 2px rgba(0,0,0,.3);outline:none } input.gsc-search-button1 { background-color:#374760;background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjNoV-0n3JjHjenBRJo5TQGbAZD2s1JSTdV9a5TcvJrjtletX6mePO7ZoY37wSRG-Tvaeg3oi-lEIie4fATmwiuZKZwJ4d2AJs7o7WKik0iYFjbGt0cTbMGR13JA_TAiYTgcIH9df4iWjI/s1600/alt-arama.png');background-position:center;background-repeat:no-repeat;border:1px solid #374760;color:transparent;font-size:11px;font-weight:bold;height:40px;text-align:center;float:right;width:38px } input.gsc-search-button1:hover { background-color:#374760;border:1px solid #374760;color:transparent } </style><form action='/search' id='search1' method='get'><input autocomplete="off" type="text" size="10" class=" gsc-input1" name="q" title="Ne aramak istiyorsunuz?" /><input type="submit" value="" class="gsc-search-button1" title="Ara" /></form>

NOT: Arama kutusu yapıştırılan bölgenin büyüklüğüne göre şekil alır. Gönül rahatlığıyla istediğiniz bölgede kullanabilirsiniz.

ÖNİZLEME: