Blogunuzdaki içerik sayınız arttıkça zamanla siz bile yazdığınız şeyi blogunuzda bulmak için 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 için blogunuza mutlaka arama kutusu eklemelisiniz.Blogger kullanıcıları blogunuza özel entegrasyonu yapılmış ve temanızın rengine uygun 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 iç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 içine yapıştırıp kaydediyoruz.1.Arama Kutusu Stili:

<style type="text/css">
#w2b-searchbox{background:url(http://lh3.googleusercontent.com/-bk2Si48eZSo/TeixHMdeiII/AAAAAAAAA6A/eQEEa1tyZkI/way2blogging_searchbox2.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Arama..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
2.Arama Kutusu Stili:
3.Arama Kutusu Stili:<style type="text/css"> #w2b-searchbox{background:url(http://lh5.googleusercontent.com/-Cm6Ya53Wj6g/TeixHY3LRDI/AAAAAAAAA6I/jJkMnJEN60s/way2blogging_searchbox1.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#w2b-searchform{display: block;padding: 10px 12px;margin:0;} form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="w2b-searchbox"> <form id="w2b-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value="
Arama...
" onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div>

4.Arama Kutusu Stili:<style type="text/css"> #w2b-searchbox{background:url(http://lh3.googleusercontent.com/-peHEeRB58M8/TeixHZml3oI/AAAAAAAAA6E/J2_zg9Fn8PI/way2blogging_searchbox3.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#w2b-searchform{display: block;padding: 10px 12px;margin:0;} form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="w2b-searchbox"> <form id="w2b-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value="
Arama...
" onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div>

<style type="text/css">
#w2b-searchbox{background:url(http://lh4.googleusercontent.com/-Pd1zyUMhsVo/TeixHnaB1hI/AAAAAAAAA6M/p-Iz_WGMQ3M/way2blogging_searchbox4.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value=""/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
5.Arama Kutusu Stili:

<style type="text/css">
#w2b-searchbox{background:url(http://lh6.googleusercontent.com/-wu3eH4N9D1Q/TeixH8dOd9I/AAAAAAAAA6Q/taoILP-y0vE/way2blogging_searchbox5.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value=""/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
6.Arama Kutusu Stili:

<style type="text/css">
#w2b-searchbox{background:url(http://lh5.googleusercontent.com/-TN5qYaRnSR4/TeixH2TVJlI/AAAAAAAAA6U/gYrDmDItWJQ/way2blogging_searchbox6.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value=""/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
Teşekkür ederim...Çok yakıştı siteme...:)
YanıtlayınSilTesekkürlerimle:))
YanıtlayınSilçok hoş bir sayfa bu:)
YanıtlayınSilemeğinize sağlık..
çok yrarlı olacak eminimm herkese..
takipteyim.
bende sizi beklerim sayfama.
ve sayfamda gözünüze batan eksiklerim nelerdir,sizden link ekleyebileceğim?
başarılar dilerim..
Teşekkür ederim,bende blogunuzu ziyaret ettim çok güzel tarifler paylaşmışsınız.
YanıtlayınSilHangi kullandığım blog eklentisinin altına yazacağıma resmen şaşırdım. Yalnız blogunuz şans eseri buldum ama iyi ki buldum. Diğer bloglara oranla sizin paylaştığınız eklentiler Gadget olarak eklendiğinden dolayı ayrıyetten çok kolaylık sağlamakta ve o kadar baktıgım site vardı ama buradaki kodların kalitesinde html kodları yoktu ayrıyetten bu yüzdende sizi kutlarım. Yeni getireceğiniz eklentileri sabırsızlıkla bekliyorum :)
YanıtlayınSilÇok teşekkür ediyorum, yorumlarınızı okudukça Blog Okulunun kurulum hedefine emin adımlarla ilerlediği inancım pekişiyor.
YanıtlayınSilbu eklentiyi seninde blog'unda konumlandırdıgın yere eklemek için hangi kodu bulmam gerekiyor?
YanıtlayınSilbenim arama kutusu body-wrapper kısmının right(sağ) tarafında duruyor.
YanıtlayınSilSaol Kardeşim Güzel Paylaşım
YanıtlayınSilrica ederim,blogumu ziyaret etme nezaketi gösterdiğiniz için sizde sağolun.
YanıtlayınSilarama kutusunun genişliğini hangi koddan değiştirebilirim? sayfanın tamamına yayılmasını istiyorum mesela.
YanıtlayınSilkodlar içerisinde width=genişlik,height =yükseklik değerlerini değiştirerek isteğinize göre ayarlayabilirsiniz.
YanıtlayınSilformu bozuluyo o zaman.şöyleki :
YanıtlayınSilpaylaşım için teşekkürler,yaptım oldu,lakin bu tonu tam istediğim köşeye yerleştiremedim.mesela sayfanın sol üst köşesinde ana sayfa butonu var,sağ köşeye ara butonunu koyamıyorum,koyunca ana sayfa butonu nun yeri değişiyor,, sizinki gibi nasıl yaparım,böyle yan yana tek sıra dizilsin istiyorum,
YanıtlayınSilana sayfa,sitene ekle,iletişim vs vs
bu dediğiniz şey tamamen sizin temanızla alakalı bir durum.Bahsettiğiniz kısmın genişliğini ayarlayıp arama butonunu yerleştireceğiniz yeri belirtmeniz gerekir.Örnek:
YanıtlayınSilarama kutusu kodu
Hocam aramayı blog içinde değilde google da yapsın istiyorum yardmınız için şimdiden tşkler
YanıtlayınSilArama kutusunun çalışması için bir internete bağlı olması mı gerekiyor? DW'a ekleyip F12 ile internette açıp ara dediğim zaman _blank yöntemi ile başka bir sekmede boş (hatalı) bir sayfada açıyor. Hiç bir sonuç göstermiyor. Bu kodlara başka ekleme mi yapmamıza gerek var mı?
YanıtlayınSiladmin blogger da eski arayüzünü kullanırken google nin arama kutusunu ekleyince çalışıyordu ama yeni arayüzünde ekleyince hem kutu hatalı görünüyor hemde arama yapınca hata veriyor. sorun nasıl düzelir acaba?
YanıtlayınSilşu anda denedim arama kutuları çalışıyor, bunu bir resimle size belgeliyeyim dedim.Resimde önce arama kutusunu ekledim,sonra arama yaptım ve ilgili yazılar çıktı.
YanıtlayınSilElinize sağlık, bir sorum olacak; "kutuyu nasıl sağa yaslarım?
YanıtlayınSilPeşinen teşekkürler