Bloga Arama Kutusu Ekleme

Reklam

Blogere arama kutusu ekleme.Blogunuzdaki içerik sayınız arttıkça zamanla siz safra yazdığınız Şeyi blogunuzda Bulmak Click baya Bir vakit harcarsınız, birde blogunuza gelen ziyaretçileri Düşünün, bu Yüzden blogunuza gelen ziyaretçilerin aradığını rahatlıkla bulabilmesi Click blogunuza mutlaka  arama kutusu  eklemelisiniz.Blogger Kullanıcıları blogunuza Özel Olarak YAPILMIŞ ziyaretinde temanızın rengine Uygun'un arama kutusunu blogunuza Basit bir yöntemle ekleyip ziyaretçilerinizin blogunuzda aradığını Anında bulmalarına Yardımcı olabilirsiniz.

Arama kutularını blogunuza Eklemek İçin:

Kumanda Paneli> Tasarım> Gadget Ekle> Html / Javasript  Yolunu takip edip hangi arama kutusunu blogumuza Eklemek istiyorsak aşşağıdaki kodlardan ona ait Olan kodu kopyalıyoruz, Açılan gadgetimizin icine yapıştırıp kaydediyoruz.

1.Arama Kutusu Stili:

<Style 
no-repeat scroll merkezi merkezi şeffaf, genişlik: 307px; height: 50px; disaply: block;} 
formu # W2B-searchform {display: block; padding: 10px 12px; margin: 0;} 
formu # W2B-searchform # s {dolgu : 6px; margin: 0; width: 235px; font-size: 14px; vertical-align: top; border: none; background: transparent;} 
formu # W2B-searchform #sbutton {margin: 0; padding: 0; height: 30px; width: 30px; vertical-align: top; border: none; background: transparent;} 
</ style> 
<div id = "W2B-arama kutusu"> 
<form id = "W2B-searchform" action = "/ search" method = "get"> 
    <input type = "text" id = "s" name = "q" value = " Arama ... "onfocus = 'if (this.value ==" Ara ... ") {bu .value = ""} 'onblur =' if (this.value == "") {this.value = "Ara ...";} '/> 
    <input type = "image" src = "http: // img1.blogblog.com/img/blank.gif "id =" sbutton "/> 
</ form> 
</ div>

2.Arama Kutusu Stili:

<Style 
no-repeat scroll merkezi merkezi şeffaf, genişlik: 307px; height: 50px; disaply: block;} 
formu # W2B-searchform {display: block; padding: 10px 12px; margin: 0;} 
formu # W2B-searchform # s {dolgu : 6px; margin: 0; width: 235px; font-size: 14px; vertical-align: top; border: none; background: transparent;} 
formu # W2B-searchform #sbutton {margin: 0; padding: 0; height: 30px; width: 30px; vertical-align: top; border: none; background: transparent;} 
</ style> 
<div id = "W2B-arama kutusu"> 
<form id = "W2B-searchform" action = "/ search" method = "get"> 
    <input type = "text" id = "s" name = "q" value = " Arama ... "onfocus = 'if (this.value ==" Ara ... ") {bu .value = ""} 'onblur =' if (this.value == "") {this.value = "Ara ...";} '/> 
    <input type = "image" src = "http: // img1.blogblog.com/img/blank.gif "id =" sbutton "/> 
</ form> 
</ div>

3.Arama Kutusu Stili:

<Style 
no-repeat scroll merkezi merkezi şeffaf, genişlik: 307px; height: 50px; disaply: block;} 
formu # W2B-searchform {display: block; padding: 10px 12px; margin: 0;} 
formu # W2B-searchform # s {dolgu : 6px; margin: 0; width: 235px; font-size: 14px; vertical-align: top; border: none; background: transparent;} 
formu # W2B-searchform #sbutton {margin: 0; padding: 0; height: 30px; width: 30px; vertical-align: top; border: none; background: transparent;} 
</ style> 
<div id = "W2B-arama kutusu"> 
<form id = "W2B-searchform" action = "/ search" method = "get"> 
    <input type = "text" id = "s" name = "q" value = " Arama ... "onfocus = 'if (this.value ==" Ara ... ") {bu .value = ""} 'onblur =' if (this.value == "") {this.value = "Ara ...";} '/> 
    <input type = "image" src = "http: // img1.blogblog.com/img/blank.gif "id =" sbutton "/> 
</ form> 
</ div>

4.Arama Kutusu Stili:

<Style 
no-repeat scroll merkezi merkezi şeffaf, genişlik: 307px; height: 50px; disaply: block;} 
formu # W2B-searchform {display: block; padding: 12px; margin: 0;} 
formu # W2B-searchform # s {padding: 6px 6px 6px 26px; margin: 0; width: 215px; font-size: 14px; vertical-align: top; border: none; background: transparent;} 
formu # W2B-searchform #sbutton {margin: 0; padding: 0; height: 30px; width: 30px; vertical-align: top; border: none; background: transparent;} 
</ style> 
<div id = "W2B-arama kutusu"> 
<form id = "W2B-searchform" action = "/ arama "method =" get "> 
    <input type = "text" id = "s" name = "q" value = "" /> 
    <input type = "image" src = "http://img1.blogblog.com "id =" sbutton "/> /img/blank.gif 
</ form> 
</ div>

5.Arama Kutusu Stili:

<Style 
no-repeat scroll merkezi merkezi şeffaf, genişlik: 307px; height: 50px; disaply: block;} 
formu # W2B-searchform {display: block; padding: 12px; margin: 0;} 
formu # W2B-searchform # s {padding: 6px 6px 6px 26px; margin: 0; width: 215px; font-size: 14px; vertical-align: top; border: none; background: transparent;} 
formu # W2B-searchform #sbutton {margin: 0; padding: 0; height: 30px; width: 30px; vertical-align: top; border: none; background: transparent;} 
</ style> 
<div id = "W2B-arama kutusu"> 
<form id = "W2B-searchform" action = "/ arama "method =" get "> 
    <input type = "text" id = "s" name = "q" value = "" /> 
    <input type = "image" src = "http://img1.blogblog.com "id =" sbutton "/> /img/blank.gif 
</ form> 
</ div>

6.Arama Kutusu Stili:

<Style 
no-repeat scroll merkezi merkezi şeffaf, genişlik: 307px; height: 50px; disaply: block;} 
formu # W2B-searchform {display: block; padding: 12px; margin: 0;} 
formu # W2B-searchform # s {padding: 6px 6px 6px 26px; margin: 0; width: 215px; font-size: 14px; vertical-align: top; border: none; background: transparent;} 
formu # W2B-searchform #sbutton {margin: 0; padding: 0; height: 30px; width: 30px; vertical-align: top; border: none; background: transparent;} 
</ style> 
<div id = "W2B-arama kutusu"> 
<form id = "W2B-searchform" action = "/ arama "method =" get "> 
    <input type = "text" id = "s" name = "q" value = "" /> 
    <input type = "image" src = "http://img1.blogblog.com "id =" sbutton "/> /img/blank.gif 
</ form> 
</ div>

Yayınlanan:

Reklam