22 Aralık 2013 Pazar

BLOGUNUZA ARAMA KUTUSU EKLEYİN

arama kutusuYazılarınız arttıkça ziyaretçilerinizin aradıklarını bulabilmelerinin en kestirme yolu blogunuza arama kutusu yerleştirmektir. Bunun aslında iki amacı vardır. Birincisi, ziyaretçilerinizin aradığını rahatça bulmalarına yardımcı olmak. İkincisi ise Blogunuzun Hemen Çıkma Oranı'nı (Bounce Rate) düşürmektir.

Eğer devamlı giriş yaptığınız sitelerde dikkat ettiyseniz arama kutuları genellikle herkesin kolayca ulaşılabileceği, rahatça görebileceği bir yere yerleştirilir. Böylelikle ziyaretçi, blogunuzdan hemen çıkmak yerine aradığını bulmaya çalışır ve aynı zamanda blogunuzun hemen çıkma oranını da düşürmüş olur.

NASIL YAPACAKSINIZ
Blog yönetim panelinden YERLEŞİM - GADGET EKLE - HTML/JAVASCRİPT açın içene aşağıdaki kod dizilimini yapıştırın. ve KAYDET' tıklayın..

-----------------------------------------------------------------------------------

<style type="text/css">
#search_BH {
}
#search_BH input[type="text"] {
    background: url(https://lh6.googleusercontent.com/-UrPIk8pMX0k/UT3FSFQG0vI/AAAAAAAAHtE/wKlxbPoWoW0/s15/search-dark.png) no-repeat 10px 6px #444;
    border: 0 none;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #FFF;
    width: 185px;
    padding: 7px 15px 7px 35px;
        }
#search_BH input[type="text"]: {
    width: 100px;
    }
</style>
<h2 class='title'>Ne Aramıştınız?</h2>
<div class='widget-content'>
<left><form method="get" action="/search" id="search_BH">
  <input name="q" type="text" size="40" placeholder="Aradığınız kelimeyi girin." />
</form></left>
</div>

-----------------------------------------------------------------------------------

#444 = Arama alanındaki siyah arka fonun rengidir. Siz blogunuza uygun renk kodunu girebilirsiniz. Eğer #FF0000 (kırmızı) olarak değiştirirseniz arka fon aşağıdaki resimdeki gibi olur.

blog içi arama kutusu


#FFF = Aranacak kelimenin rengidir. Siz istediğiniz renk kodu ile değiştirebilirsiniz. Eğer #FF0000 olarak değiştirirseniz yazı alan rengi aşağıdaki resimdeki gibi olur.

blogger arama kutusu ayarları


Paylaş :

Yazar:

Facebook Yorumlar

0 yorum: