Açılır Menü Kodu



HTML Açılır Menü Kodu


Blogger ve benzeri altyapılarda ihtiyaç olduğunda kullanılabilecek basit açılır menü kodu.

Gadget yada sayfa içerisine açılır menü şeklinde bir işlev kazandırmak için


<form>
<select name="menu"> 
<option value="index.html">Index 
<option value="link1.htm">Link1 
<option value="link2.htm">Link2 
<option value="link3.htm">Link3 
<option value="link4.htm">Link4 </select> 
<input type="BUTTON" value="Git" onclick="document.location.href = this.form.menu.options[this.form.menu.selectedIndex].value"> 
</form>



Kodunu kullanabilirsiniz.

Link1 : istediğiniz adı verebilir

"link1.htm" : "istediğin URL linki buraya ekle" şeklinde düzenleyerek kullanabilirsiniz.



HTML / JAVASCRIPT EKLEMEK

Widget (gadget) olarak eklemek için :
Blogger > Düzen > Gadget ekle > HTML/JavaScript yolunu izleyerek istediğiniz yere ekleyebilirsiniz

Sayfa içinde kullanmak için :
Blogger > Yeni yayın oluştur > HTML yolunu izleyerek istediğiniz yere ekleyebilirsiniz.



* Canlı Demo için :
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro
Kod Editörünü kullanabilirsiniz.

Yorumlar

  1. Adsız23.9.12

    Sayın yetkili,
    Google arama sonuçlarında
    Örn: "Blogger Açılır Menü Kodu" konu başlığı aşağıdaki gibi görünüyor. İlk önce site ismi daha sonra kayıt başlığı.

    WEB SEYYAHI: Blogger Açılır Menü Kodu

    Size sorum, her kayıt başında yer alan site isminden kurtulma şansımız var mı? Bu durumun google arama sonuçlarını etkilediğini düşünüyorum.

    YanıtlaSil
  2. Anladım. bu bloggerin yapısındaki bir özellik, kullanıcı paneli/ayarlar/temel/başlık
    kısmında yazılan yazı normalde boş bırakılamıyor, buda arama motorlarında önce başlık sonra aranan kelime çıkmasına neden oluyor.
    Bir ara bende bu yazıyı nasıl kaldırabilirim diye araştırırken şablon kısmına eklenecek kodlarla bunu pasife geçiren bir kaç yazıya rastlamıştım ama buda blogger açısından seo için uyumsuz oldu.
    başka bir yönteme rastlamadım ama benimde aklımda olan bir bilgi eğer bir yerde rastlarsam yada denemelerde bulursam nasıl yapılacağını ana sayfadan yayınlarım.

    YanıtlaSil
  3. Adsız24.9.12

    WebSeyyahi ilginiz için size teşekkür ediyorum. Açıkladığınız yöntemleri daha önce bende denedim ancak sonuca ulaşamadım. Hatta blogger'dan site satın alması yaptım yine de çözüm yok.

    Bu konudaki hassasiyetim, rekabet eden kelimelerde arama sonuçlarını direkt konu başlığı veren siteler kazanıyor gibi.

    YanıtlaSil
  4. İnternette araştırdım ama bir sonuca ulaşamadım site editörlerimizden Büklüm'ün yabancı dili benimkinden daha iyidir. Birde yabancı kaynaklara bakalım işe yarar bir yöntem bulursak karşılıklı öğrenmiş oluruz.
    Bu arada isterseniz CharMap karakterlerini kabul ediyor bir alternatif olarak kullanabilirsiniz.
    http://webseyyahi.blogspot.com/2012/04/tum-web-klavye-karakterleri.html

    YanıtlaSil
  5. blogunuzun şablonundan
    TITLE...data:blog.pageTitle..TITLE

    kodunu silerseniz sonuç ta blog başlıksız bir hal alır ve istediğiniz sonuca ulaşırsınız ama blogunuz arama motorlarının spiderlerine karşı seo ya uyumsuz bir hal alır.
    bunun yerine çoğu blogger * işareti koymayı tercih ediyor.

    YanıtlaSil

Yorum Gönder

🔺 YUKARI ÇIK 🔺