ARAMA BUTONU YAPMAK - Bilim Ve Bilişim Bloğu

• ANASAYFA
• BLOGGER
• DOWNLOAD
• PRODUCTS

Şu an burdasınız: » Home

ARAMA BUTONU YAPMAK

Perşembe, Ağustos 19, 2010 AhmettahtA® websolutions ARAMA BUTONU OLUŞTURMAK Sitelerde ve bloglarda olmazsa olmazlardan bir tanesi de arama butonlarıdır.Çok işlevli bu butonlar isteğe göre webde yada site içerisinde arama yapabilmektedir.Bu butonlar site ziyaretçisinin bir konuyu daha kolay bulmasını sağlar,arama butonları olmazsa ziyaretçi bir konuyu bulmak için linkler arasında dolaşıp durur, aradığını bulamamanın yanı sıra bu ziyaretçiye eziyet gibi gelir, tabiri caizse çin işkencesi olur.Bunun dışında bloğunuza yakışır bir arama butonu zitenizin daha güzel görünmesini sağlayacaktır.Bu bölümde nasıl arama butonu yapılacağını ve arama butonlarında CSS kodlarını nasıl kullanacağımızı öğreneceğiz. Aşağıda üzerinde çalışacağımız bir arama butonu görülmektedir,bu butonu kendi sitemize göre şekillendireceğiz,bu haliyle buton yalın,çıplak haldedir,biz bunu CSS yardımı ile giyindireceğiz. öncelikle formumuzu " div id " etiketleri arasına alacağız,gördüğünüz gibi formumuza bazı yeni etiketler ekledik,bu etiketler yardımı ile butonumuza renk verdik,siz bu kodları CSS bilginiz ile kendi renginize boyayabilirsiniz <br /> <div id='search'><form action='/search' id='searchthis' method='get' style='display:inline;'><input id='search-box' name='q' size='25' style='background: #ffffff; border: 2px solid #ffab06' type='text'/><input id='search-btn' style='background: #ffab06; border: 2px outset #ffab06; color: #ffffff; font-weight: bold;' type='submit' value='Search'/></form></div> üzerinde değişiklik değişiklik yapığımız butonun yeni hali: " div id " etiketleri arasında aldığımız butonu renklendirmek için aynı başlık altında CSS kodları açmalıyız bakın butonumuz " div id="search" içerisinde CSS kod başlığı ise aynı isimde " #search " <br /> /* The Search */<br /> #search {<br /> background:url();<br /> width:283px;<br /> padding:5px 0px ;<br /> margin:0px 0px 1px 0px;<br /> float:right;<br /> height:21px;<br /> display:inline;<br /> }<br /> Burada dikkate etmemiz noktalar: background:url(#); kısmına bir URL giriyoruz resim URL'si width:rakamsal uzunlukpx; bir uzunluk belirleyin 283 idealdir float:right; bu etiket sayesinde butonun sağdamı soldamı olacağını belirliyoruz height:21px; bu etiket sayesinde butonun yüksekliğini ayarlıyoruz unutmayın butonumuzu CSS ile şekillendirmek için formuzu "div id" yada "div class" etiketleri arasına alıyoruz ve aynı isimde bir CSS kod grubu açıyoruz, daha sonra gereken düzenlemeleri yapıyoruz. iyi bloglamalar bu dersi beğendiyseniz lütfen paylaşın yada beğenin

Yorumlar

"ARAMA BUTONU YAPMAK" için yorum sayısı 9

Admin dedi ki...

www.sanaldunya.org

24 Kasım 2015 08:07 Admin dedi ki...

www.sanaldunya.org

24 Kasım 2015 08:09 HECESES dedi ki...

Merhabaİlk defa çalışan bir arama motoru denk geldi. Tüm sayfaları buluyor. Teşekkürler.Ama bulduğu tüm sayfaları alt alt çıkarmak yerine sadece sayfaların isimlerini sıralamasını nasıl sağlayabilirim.

10 Kasım 2017 09:13 Osman dedi ki...

malesef olmuyor arama yapıyorum yine aynı siteye atıo

4 Ocak 2019 13:16 Adsız dedi ki...

Hocam arma motoruna tıkladığım zaman yazacağım yer biraz dâha ileriden başlamasını istiyorum nasıl yapabilirim

20 Mart 2020 23:28 CEM dedi ki...

Hocam birde yorum kutusundaki imleci nasıl küçültürüm

20 Mart 2020 23:30 . dedi ki...

Ben html ile uğraşıyorum arka plana bir resim koyunca yazdığım kodlar resimin arkasında kalıyor neden nasıl düzeltirim

20 Mart 2020 23:32 En Ucuz Web Sitesi dedi ki...

Müko

22 Mayıs 2020 02:07 gearr dedi ki...

sj

31 Ocak 2022 08:13

Yorum Gönder

Kaydol: Kayıt Yorumları (Atom)

Please Do not Translate This Page read my newest Articles On

Loading

ETIKETLER

blogger download indir site yapmak facebook full sitene ekle version blogspot bloğuna ekle eklentisi +keygen box bulutu dersleri dijital saat kodları ekle eklemek etiket flash güncel kredi kutusu macromedia sosyal tek link türkçe + key +key 2003 8 bedava adsense kodu eklemek.her kayıtlar altına adsense album almanca animasyonlu bedava beğen bilgisayar bilgisyarınız blogger blog açmak blogger gadgets blogger konu başlığı blogger vwidgets bloğuna dijital saat bloğuna takvim bookmark borç bulunur bunlar da hoşunuza gider bunlar da sevebilirsiniz camtasia change chat programı indir chat sayfası yapmak comment content converter css data-post img decompiler dilbigisi donarsa dreamweaver 8 ekleme ençok facebook fbml fbml kodu featured flaş for full frontpage frontpage dersleri frontpage ile site yapmak frontpage tutorials gallery generator görsel takvim güzeldir hayran html hızlı video yükle ilgili konular image ingilizce internette iptal is sexy jequery kartları kartı kaç kelimeler key keygen kodları kullanılan kullanımı like manşet microsoft nasıl nasıl blog açılır ne not numaralandırma on mouse over page navigation paylaşmak plugin premium professional renk reset resim slide scripti sayfa sayfanızda sayfasına serial sharing sitene sitene saat ekle sitene takvim ekle sitenizin hiti slider slideshow programı ekle sorunlar sothink studio 6 swf tema templates total ve +keygen ve serial video video boyutu küçült web webtasarım yaparsınız yararları yayınlamak yazı yaşındasınız yorum zararları ziyaretçilerinizi izleyin ödeme özel takvim şiir

TAKIP ET

OUR ARCHIEVES

• ►  2011 (15)
  • ►  Mayıs (1)
  • ►  Şubat (5)
  • ►  Ocak (9)

• ▼  2010 (45)
  • ►  Aralık (4)
  • ►  Kasım (11)
  • ►  Ekim (3)
  • ►  Eylül (8)
  • ▼  Ağustos (15)
    • CHAT(SOHBET) SAYFASI YAPMAK
    • BLOĞUNUZA "BUNLARI DA SEVEBİLİRSİNİZ" EKLENTİSİ
    • HTML DERSLERİ
    • ARAMA BUTONU YAPMAK
    • bloğunuza snapshot(kısa ekran görüntüsü) programı ...
    • destek
    • yazarlar
    • YOUTUBE TARZI YORUM KUTUSU YAPMAK
    • yorumlar
    • ÇOK AMAÇLI WEB ARAÇBAR HAZIRLAMAK
    • BLOGCADERGİ İLETİŞİM SAYFASI
    • BLOĞUNUZA FORUM SAYFASI EKLEYİN
    • BLOGCADERGİ FORUM
    • BLOĞUNUZA MP4 PLAYER EKJLEYİN
    • FACEBOOK BEĞEN SAYFASI OLUŞTURMAK
  • ►  Temmuz (4)

SHARE US ON FACEBOOK

 

BLOGCADERGİ KONULAR VE HIZLI ERİŞİM

Sitenize Facebook hayran kutusu nasıl eklenir.Blogger resim stillerinizi değiştirin.Resimli sayfa gezinti eklentisi.Animasyonlu flaş(flash)etiket bulutu eklentisi.Hiç bir yerde bulamayacağınız birbirinden kaliteli ve faydalı programları blogcadergi farkı ile ücretsiz ve tam sürüm olarak indirin Sitenize harika bir resim albümü ekleyin.Blogger konu başlıklarınızı manşet olarak sunun.Sitenize facebook yorum kutusu nasıl eklenir

ADD A LOGO HERE

BLOGCADERGİ YAZAR HAKKINDA

Merhaba!Ben Ahmet tahta şu an ziyaret etmekte olduğunuz bloğun kurucusu ve yazarıyım.Blog yazmaya bir çoğumuz için de geçerli olduğu gibi netten para kazanmak uğruna başladım,ve 6 ay gibi bir süreden beri yazmaktayım.Bu zaman zarfı içinde Türkiye'de blogculuğun henüz oturmadığını ve blog okuyucularının blogculara gereken önemi vermediklerini farkettim.Yazar hakkında daha fazla oku

snagit programınız var mı?

Snagit bir ekran görüntüsü yakalama programıdır.Windows işletim sistemi altında çalışır.Camtasia studio'nun da üreticisi olan techsmith şirketi tarafından dağıtılmaktadır.Sipariş Et

SUBSCRIBE

Anasayfa | Yazar Hakkında | Siteharitası | İletişim | Blogger Yardım | Giriş Yap