Sayfa Gezinme

Son makaleler:

latest

YAYIN AKIŞI:

Tümünü Görüntüle

Blogger Açılır Menü Oluşturma

Blogger, Blog’larınıza iki adımda açılır menü nasıl oluştururuz ? Açılır menüyü biçimlendirme veya yeni menü eklemek için yapılması ge...

...
Blogger Açılır Menü  Nasıl Oluşturulur

Blogger, Blog’larınıza iki adımda açılır menü nasıl oluştururuz ? Açılır menüyü biçimlendirme veya yeni menü eklemek için yapılması gereken işlemler nelerdir ? Klasik Blogger kullanan birçok arkaşımıza yardımcı olmak ve arayış çabalarını biraz olsun hafifletmek için blog’unuza iki adımda açılır menü ekleyebileceğiniz çok basit iki kod veriyorum. Şimdi açılır menü kategorimizi nasıl yapacağız adım adım bakalım. Kodları blog’larınıza eklediğinizde manuel ayarlar yapabildiğiniz gibi Blogger’un özelleştirme seçeneklerini de kullanarak menünün arka plan renklerini, sekme renklerini, yazı renklerini değiştirme şansına sahipsiniz. Bu yazıyı yazmamdaki en büyük etken, yeni blog'cuların açılır menü oluşturarak bloglarını güzelleştirmeleri ve bloglarını severek yazılarına devam etmeleridir.

Açılır Menü nasıl oluşturulur ?

1. Blogger → YerleşimHTML/JavaScript Gadget’ini açın ve aşağıdaki kodu yapıştırın.
HTML JavaScript gadgetini açarak menü kodumuzu ekliyoruz

<div id='gpnavbar'> 
      <ul id='gpnav'> 
        <li> 
          <a href='#'>Home</a> 
        </li> 
        <li> 
          <a href='#'>About</a> 
       </li> 
        <li> 
          <a href='#'>Contact</a> 
        </li> 
  <li> 
           <a href='#'>Sitemap</a>
            <ul> 
                <li><a href='#'>Sub Page #1</a></li> 
                <li><a href='#'>Sub Page #2</a></li> 
                <li><a href='#'>Sub Page #3</a></li> 
              </ul> 
        </li>
      </ul> 
    </div>

 2. Sayfa bağlantıları ve sayfa isimlerini kalın metin ile # değiştirin.
⇒ Sarı renk ile vurgulanan kod açılır menü’i belirlemektedir.

<li> ile başlayan ve </li> ile biten kodu kopyalayıp altına yapıştırarak ikinci bir menü yapabilir/çoğaltabilirsiniz.

<ul> ile başlayan ve </ul> ile biten kod açılır menüdür. Kodu kopyalayıp ikinci bir açılır menü ekleyebilirsiniz.


<li> 
          <a href='#'>Home</a> 
        </li>

3. Her zaman kod eklemeden yapılan işlem olarak blog yedeğinizi alın.
4. Blog şablon → HTML Düzenle açın ve aşağıdaki kod bulun (Ctrl+F)

]]></b:skin>
5. Bulduğunuz bu kodun üstüne gelecek şekilde aşağıdaki kodu kopyalayıp yapıştırın.
6. Şablon kullanmadan CSS kodunu farklı bir şekildede kullanabiliriz.
→ Şablon → Özelleştir → Gelişmiş → CSS ekle yolunu takip edin ve kodu yapıştırdıktan sonra } bu işaretten sonra enterleyin. Blog’u kaydedin. Her iki şekilde de aynı işlemi yapmış olursunuz.



/*----- GP Drop Down Menu ----*/

#gpnavbar { 
    background: #060505; 
    width: 960px; 
    color: #FFF; 
        margin: 0px; 
        padding: 0; 
        position: relative; 
        border-top:0px solid #960100; 
        height:35px;
}

#gpnav { 
    margin: 0; 
    padding: 0; 
} 
#gpnav ul { 
    float: left; 
    list-style: none; 
    margin: 0; 
    padding: 0; 
} 
#gpnav li { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
        border-left:1px solid #333; 
        border-right:1px solid #333; 
        height:35px; 
} 
#gpnav li a, #gpnav li a:link, #gpnav li a:visited { 
    color: #FFF; 
    display: block; 
   font:normal 12px Helvetica, sans-serif;    margin: 0; 
    padding: 9px 12px 10px 12px; 
        text-decoration: none; 
        
} 
#gpnav li a:hover, #gpnav li a:active { 
    background: #BF0100; 
    color: #FFF; 
    display: block; 
    text-decoration: none; 
        margin: 0; 
    padding: 9px 12px 10px 12px; 
        
    
        
}
#gpnav li { 
    float: left; 
    padding: 0; 
} 
#gpnav li ul { 
    z-index: 9999; 
    position: absolute; 
    left: -999em; 
    height: auto; 
    width: 160px; 
    margin: 0; 
    padding: 0; 
} 
#gpnav li ul a { 
    width: 140px; 
} 
#gpnav li ul ul { 
    margin: -25px 0 0 161px; 
} 
#gpnav li:hover ul ul, #gpnav li:hover ul ul ul, #gpnav li.sfhover ul ul, #gpnav li.sfhover ul ul ul { 
    left: -999em; 
} 
#gpnav li:hover ul, #gpnav li li:hover ul, #gpnav li li li:hover ul, #gpnav li.sfhover ul, #gpnav li li.sfhover ul, #gpnav li li li.sfhover ul { 
    left: auto; 
} 
#gpnav li:hover, #gpnav li.sfhover { 
    position: static; 
}
#gpnav li li a, #gpnav li li a:link, #gpnav li li a:visited { 
    background: #BF0100; 
    width: 120px; 
    color: #FFF; 
    display: block; 
    font:normal 12px Helvetica, sans-serif; 
    margin: 0; 
    padding: 9px 12px 10px 12px; 
        text-decoration: none; 
z-index:9999; 
border-bottom:1px dotted #333;
    
} 
#gpnav li li a:hover, #gpnavli li a:active { 
    background: #060505; 
    color: #FFF; 
    display: block;     margin: 0; 
    padding: 9px 12px 10px 12px; 
        text-decoration: none; 
}

Manuel değişiklik için :
#060505 Kodu Ana menü arka plan rengi değişimi için
⇒ Yazı tipi renk, boyut ailesini değiştirmek için sarı vurgular
# BF0100 Fare ile sekme üzerine gelince arka plan değişimi için
# BF0100 Açılır menü arka plan rengini değiştirmek için
#060505 Fare üzerine gelince açılır arka plan rengi değişimi için
Son işlemi yaptık.Ancak bu işin bir kısmını sekme biçimleme kısmından da yapabilirsiniz.
Kendi Blog açılır menü’nü ücretsiz proğramla yapmayı düşünür müsünüz ?

Blogger Menü Oluşturucu - Ücretsiz Türkçe İndir

Önemli Not: Blogger temanızın özelliğine göre, menu çubuğu açılır olarak görülmüyorsa lütfen aşağıdaki açıklayıcı bağlantı linkini takip ederek " /* Tabs " ayarlarınızı yapılandırın.

90 yorum

  1. Selamlar, kolay gelsin öncelikle. Bir çok makale okudum ama tam aradığım cevabı bulamadım. Menü oluştururken neden tüm kaynaklar sadece girebileceğimiz web adresi olarak label kullanmamızı öneriyor? Label indexlenmediği için mi? ( bu özellik dış bağlantılar için oluşturulmuş sanırım) Biz buraya özel bir postumuzu koyaabilir miyiz? Ziraz ben menüye koyacağım bağlantıda bir tane post açılmasını istioyum, o labele sahip tüm postların açılmasını istemiyorum.

    YanıtlaSil
    Yanıtlar
    1. @Ali Adıgüzel : Bey merhaba, A.S. Teşekkür ederim.Label bildiğiniz gibi etiket demek. Bağlantı linkine yazdığınız label şu etikete ait yazılar anlamında kullanılmakta.Bir çeşit filitrelemenin bulunmasına yarayan araçtır.Tabiy ki sorduğunuz soruda menu yapmak istediğiniz anlıyorum. Burda anlatım uzun olacağından size resimli ve video'lu anlatım bağlantı linki veriyorum. Lütfen inceleyerek tatbik edin.
      http://guney59.blogspot.com/2012/01/24sayfalarla-menu-butonu-nasl-yaplr.html
      Anlaşılmayan bir kısım ve takıldığınız bir yer olduğunda yorum yazarak hemen bilgi alabilirsiniz.Kolay gelsin.

      Sil
    2. Yanıtınız için teşekkür ederim Adnan Bey, aslında tam olarak verilenlerle nasıl menü yapıldığını biliyorum ama sormak istediğim biraz farklı. Tüm kaynaklar web adresi yazan yere etiket kullanıyorlar, bunun mantığını anlamadım. Örneğin sitenizde http://guney59.blogspot.se/search/label/seo menude bir alana yere link vermişsiniz, neden bu bağlantıyı http://guney59.blogspot.se/2013/10/blogger-hatalar-ve-yonlendirmeler.html olarak vermediniz, bunu merak ediyorum aslında. Belirttiğim gibi o label altındaki tüm postların çıkmasını istemiyorsak, o labeli sadece bir postta kullanmış olmamız lazım sanırım. Yada diğer post url'sini yazsak nasıl bir sorun olabilir ki herkes label url'si yazıyor o kısıma. Teşekkürler.

      Sil
    3. @Ali Adıgüzel : Bey, rica ederim ilginizi ve soruna çok teşekkür ederim.Sorunuzdan konuları mantık yolu ile çözmeye çalıştığınızı görüyorum.Tarzınız çok güzel.Bende aynı mantık ve tarz'ı kullanarak hareket ederim.Link içindeki label : linke şu komutu veriyor. labelyani etiket içinde seacrh : şu terimleri ara ve bul veya diğer anlamı göster.En sonda verdiğiniz etiket ismi örnek (seo) label'i hedefler, search de seo yazısını bulmasını söyleyerek blog data içine bilgi göndererek seo etiketine ait blogda yazılar sıra ile açılır.Blog yazılarımızda etiket kısmında yazdığımız kelimelerdir bu label. Biz blogu Türkçe diline çevirdiğimizden dolayı label etiket anlamını doğal olarak etiket diye görürüz. Google Translate kullanıyorsanız ki Chrome tarayıcılarda mevcuttur.Maus sağtık türkşeye çevir komutu verdiğinizde bazı yazıların üzerinde ingilizce yazdığınız göreceksiniz. Diğer sorunuzda direk .html olarak link verseydim sadece bu yazıyı çar diğer yazıları göstermezdi. Yazı yazdığınız yerde ilgili kategoride görülmesini isterseniz o yazı etiketine vereceğiniz her etiket diğer yazılarınızın çıkmasına neden olur. Yani 10 yazım var ve hepisne etiket kısmında seo aynı karakter özelliğini değişmeden yazdı isem, 10 yazım seo etiketi olarak görülür.Herhalde çok karışık anlatmadım.Umarım biraz bilgi faydalı olmuştur.

      Sil
    4. Zaman ayrıdığınız için teşekkür ederim, Sizler eğer menüye Hatalar ve Yönlendirmeler başlığındaki yazınızı koymak isteseydiniz http://guney59.blogspot.se/2013/10/blogger-hatalar-ve-yonlendirmeler.html url'sini koyardınız ve herhangi bi sorun olmazdı seo açısından. Tekrar teşekkürler.

      Sil
    5. @Ali Adıgüzel
      Bey tabiyki sorun olmazdı.Ancak bir sayfa görülür dü başka bir işe yaramazdı.Ancak hatalar ve yönlendirme yazısını bir etiket olarak ele aldığımızda bu etiketei istediniz kadar ayazıya ekleyerek görülmesini sağlamamız bize kategori oluşturma imkanı tanımış olduSeo olarak hiçbir sorun yok.Blogger etiketleri arama motorları her ne kadar okumasalarda etiketler il eilgili bağlantıları ilişkilendirirler.Etiketler genelde arama sonuçalrında yazılan kelimeler sonucu bloglara okuyucu taşır.SEO açısından bu nedenle çok önemlidir.Yorum için teşekkür ederim.

      Sil
    6. Merhaba Adnan Bey

      İşlemleri uyguladım ama bir türlü sonuca varamıyorum. Yani menüyü oluşturdum fakat açılır hale getiremedim ve menüde ki kategorilere metin ve ya resim nasıl eklemem lazım birdemenü altında alt menü nasıl oluşturuluyor yardım.rica

      Bilgilerinize

      Sagılarımla

      Sil
  2. Adnan bey merhabalar. Verdiğiniz bilgiler için teşekkürler. Blogger hakkında karşılaştığım birkaç sorun var size sormam mümkün mü acaba ?

    YanıtlaSil
    Yanıtlar
    1. @İslam Ahengi : Bey merhaba, dilediğiniz her soruyu sorabilirsiniz.Bilgim dahilindeki her sorunuzu yanıtlamaya çalışırım.Bilmesem de sorunu bulup sizinle paylaşırım merak etmeyin. Değerli yorumlarınız için teşekkür ederim.

      Sil
  3. salammen blogda menyu yaratmagi sirasiyla bilmek isteyirem

    YanıtlaSil
    Yanıtlar
    1. @Sebnem Mirzeli : Hanım şu linkten başlayabilirsiniz.
      http://guney59.blogspot.com/2012/06/blog-ust-sayfa-kategori-uygulamasi.html

      Sil
    2. bu biraz karmaşık olmuş sanki beceremedim.yine de tesekkürler

      Sil
    3. @Emek Kafee
      Hanım biraz uğraşmak lazım.Aslında baasit bir konu.CSS kodunu nereye koyacaksınız linkleri nereye koyacaksınız bunları bilmeniz işlemi bitiriyor.Yazıyı adım adım takip ederseniz yapabilirsiniz.Yazı içindeki bağlantılar konuyu anlamanıza yarayan linklerdir.Onlarıda açarak bakabilir yardım alabilirsiniz.

      Sil
    4. şu şekilde sorayım o zaman ilk kodda
      sub page yerine ne yapıstırmam gerekıyor.blogumda ana sayfa hakkında ve ıletısım var.ayrıca yan sıdebarda kategorılerım var .o kategorıyı tarıf dızını adıyla acılır olarak ust kısma eklemek ıstıyorum

      Sil
    5. @Emek Kafee :
      href='# buradaki diyez işareti olan kısma istediğiniz linki koyaabilirsiniz.Açılır menü nasıl oluşturul yazısında 2. maddede bu açıklama var. # işaret koyduğunuz link içinde hangi başlık kullandı iseniz elle onu yazın.Bu işlemi çekinmeden yapın hiçbir sorun yaşamazsınız.Örnek şu test bloguma bakın.
      http://guney8.blogspot.com/
      Etiketin üzerine mausu yanaştırın sol kenarda altta uzantılarını göreceksiniz.Verdiğim örneğe bakın.Gadgetler yazar linkte search/label/gadgetler olarak geçer.Hepsi budur.Çekinmeyin biraz zaman harcayın.Yaptığınızda sizde bu kadar kolay olduğunu anlayacaksınız.

      Sil
    6. bir video olsa daha anlaşılır olurdu .yinede emeğinize sağlık

      Sil
    7. @Emek Kafee :
      Sağ sidebar da eğitim videoları mevcut.Yaklaşık 94 adet blogger eğitim videosu var.Ayrıca yazının altında ücretsiz yükleyebileceğiniz Türkçe ve istediğinizi anlatan 4 adet videoda bulunmakta.Onları inceleyebilirsiniz.Teşekkür ederim.

      Sil
  4. Hocam ellerinize sağlık anlatımınıza sağlık .Peki hocam ben bayağı başlık eklicem menüye sayfaya sığmama gibi bir durumu olur mu yoksa otomatik altına mı atar ?

    YanıtlaSil
    Yanıtlar
    1. @halis demirci
      Teşekkür ederim.Çok fazla eklemeyin çirkin durur.makul ölçüde ekleyebilirsiniz.

      Sil
  5. Yoksa 2 tane mi gadget eklemem lazım hocam ?

    YanıtlaSil
    Yanıtlar
    1. Hayır bir.Gerekirse eklersiniz.

      Sil
    2. teşekkürler sayın hocam geç döndüm kusura bakmayın emeklerinize sağlık

      Sil
    3. halis demirci :
      Bey, sağolun bende teşekkür ederim.

      Sil
  6. adanan beyhizmetinden paylaşıyoruz cok teşekkür ederim adanan bey insanlaık ahlakı için cok önemli bir konuyu payalaşıyorum rıca etsem bloga bakarmısınız ben cok amtörüm pek başarılı değilim
    www.hpervane.blogspot.com
    ziyaretcilerin cidiye alması için nasıl bloğu doğru yapacağımı pek bilemiyorum

    YanıtlaSil
    Yanıtlar
    1. @HANCI PERVANE
      Blog'unuza baktım da neye bakmam gerektiğini anlamadım.Blog yazılarınızda yazıyı bir resmi daireye yazı yazar gibi düşünürseniz ciddi yazı yazmış olursunuz.İşin ana teması bu.Geri kalan konu kafanıza takılan konuları araştıramk ve kendinizi geliştirmek ile zaman içinde oluşur.Anlamadığınız yerlerde ilgili konuyu okuduğunuzda o konu altına yazı yazmak çok önemlidir.Hem siz gelişim sağlarsınız hemde sizden sonraki okuyucular yorumları okuduklarında faydalanırlar.

      Sil
  7. hocam aradaki çizginin rengini nasıl değiştiriz?

    YanıtlaSil
    Yanıtlar
    1. @halis demirci
      Bey merhaba, yazının altında renk değişimi konusunda açıklamalar mevcut "Manuel değişiklik için"

      Sil
  8. Hocam hersey tamamda alt menülerde sorun var biraz yardımcı olur musunuz?

    YanıtlaSil
    Yanıtlar
    1. @ÇEŞMİNAZ AKBULUT
      Yardımcı olmam için sorunu yazmanız lazım.Alt menüde olan sorun nedir ?

      Sil
  9. allah razı olsun menüyü üste yerleştirdik te örneğin haberler diye bir menü yaptım o menünün içeriği olan yazıyı mesela ' ankarada trafık kazası oldu 2 yaral var'' haberin içeriğini nasıl ekleyecem?

    YanıtlaSil
    Yanıtlar
    1. @dini islam
      Merhaba, sağolasın cümlemize teşekkür ederim.Yapacağınız iş için şöyle bir mantık kurun.Haberler Genel bir tanımdır.Haberlar altında diğer yayınları etiketler yardımı ile açarsınız. ' Ankara da trafık kazası oldu 2 yaralı var'' haber yazınızda verdiğiniz etiket ne ise Sub Page yani alt sayfa anlamına gelen # şu işaretin olduğu yere etiketinizin linkini Sub Page 1 yazan yerede açıklamayı eklediğinizde search/label/etiketiniz ve açıklamanız linke tıklandığında tüm yazılar ile birlikte görülür.

      Sil
    2. SAĞOLUN ANU HALLETİM DE BU RENK KODU DEĞİŞTİRİYOM AMA RENKLER DEĞİŞMİYOR, ALTERNATİF RAKAMLAR VAR M BUNUN İÇİN

      Sil
    3. @dini islam
      Blogumun sidebar bağlantıların en altında renk kodları ismine tıklayın.Orda hangi rengi beğenirseniz üst kısımdan kodu alın.

      Sil
    4. bu sekmelerin boyutlarını enlerini değiştirme imakanımız var mı

      Sil
    5. @dini islam
      Sekmeler yazı genişliğine göre artar veya düşer.Onların özel bir yaraı olmaz.

      Sil
  10. ali bey bu üst menü bloğun genişliğini arttırdığımız zaman genişlemiyor mu

    YanıtlaSil
    Yanıtlar
    1. Eklediğiniz kodun en üstünde width: 960px; göreceksiniz.Genişlik ayarını burdan ve blog genişlik sekmesinden elle istediğiniz konuma getirin ve kaydedin.

      Sil
  11. Merhaba, öncelikle teşekkürler, nasıl yapacağımı anladım az da olsa kod bilgim var. Uygulamayı da başardım ancak bir takım aksilikler oldu. Aşağıda manuel değişiklikler kısmı karıştı. Açılır menü bomboş açılıyor eğer oku götürürsem başlıklar gözüküyor bu birinci sorunum. İkincisiyse Anasayfa hakkımda vs. arasında oluşan siyah ayırıcı çizgiler. Onlardan nasıl kurtulacağımı çözemedim.
    Şimdiden teşekkürler.

    YanıtlaSil
    Yanıtlar
    1. @Yeşim Berrak
      hanım merhaba blogunuzda uygulamayı göremedim.Bu nedenle sorunuza cevap yazamadım.Blog linki yazıp ekletiyi gördüğümde ne olduğu konusunda bilgi geçerim.Görüşmek üzere.Teşekkür ederim.

      Sil
    2. şu an ekli durumda http://heyberrak.blogspot.com.tr/ aralardaki çizgilerin kaybolmasının bir yolu var mı?

      Sil
    3. @Yeşim Berrak
      Yeşim hanım merhaba.Eklediğiniz menü gadgetini boş görülen gatgetin bir üstüne taşıyın.Yani başlık resimin hemen altına.Renk kodlarını algılamadığından siyah ayırıcı çizgi olarak görülüyor.Gadgeti yukarı aldığınızda açılan menü seçilebilir olması gerekir.Ayrıca yukarıda anlatılan gibi gelişmiş ayralardan da renk tesbiti yapabilirsiniz.CSS kod eklem kısmından dilediğiniz renk kodları seçerek renkli kısma ekleyebilirsiniz.Renk kodlarını blog sidebar sağ tarafda en altta bağlantılardan göreceksiniz.
      menü oluşturma kısmından ayrıca menü oluşturma proğramını indirip dilediğiniz biçimde kendinizde yapabilirsiniz.Örnek yapılan bir uygulama.
      http://guney8.blogspot.com.tr/
      menü gadgetini yukarı aşağı taşıyarak değişimleri gözlemleyin.Sorunu çözeceksiniz.

      Sil
    4. çok teşekkür ederim yardımlarınız için, peki programda oluşturduğum menüyü nasıl siteye ekleyeceğim?

      Sil
    5. Yeşim hanım proğram Türkçe ve açıldığında ne yapılacağı ort sekmede 3 adımda anlatım mevcut.Şu anda menü için eklediğiniz sistemin aynısıdır.kod bilginiz olması kısa zamanda yapmanıza yardımcı olacaktır.

      Sil
  12. Adnan abi verdiğin linkteki programı kullanarak menü oluşturdum bloguma ancak yazılarımı istediğim gibi menü kategorilerine ekleyemiyorum birine eklesem yazım diğer kategorilerin içinde de gözüküyor.Yazıyı eklediğim menü bölümü dışındaki bölümlerin boş kalmasını istediğim gibi ayrı ayrı doldurmak istiyorum.Ancak bütün yazılarımın hepsinin sadece anasayda bölümünde gözükmesini istiyorum.Bunları kendi menüm üzerinden oluşturmak istiyorum.Yardımlarınız için şimdiden teşekkürler :)

    YanıtlaSil
    Yanıtlar
    1. @YAVUZ ŞEN ;
      Yukarıda gördüğün ileri derecede blog bilgisi olanlar içindir.Sen yeni kurdun ama yapamacaksın diye bir kural yok.Yazının özetini verim sana.
      Home yazan kısma şunu yaz : Ana Sayfa
      # bu işeti seç blog ana sayfa linkini eksiksiz yapıştır.kaydet ön izleme ile kontorl et çalışıyor mu.
      Etiketlerine tıklandığında açılmasınaı istediğinde # işaretin olduğu yere şu şekilde link ekleyeceksin.
      http://guney59.blogspot.com.tr/search/label/eklentiler
      Tırnakları bozmamaya dikakt et.İşin özeti bu.

      Sil
  13. Adnan abi dediğim şeyi anlatamadım sanırsam.Lütfen bloguma girin üst menüdeki kategorilere bakın anasayfa,hakkımızda vb.bu şekildeki ayrı kategorilere ayrı ayrı yazılar yüklemek istiyorum ama bunların hepsi anasayfamda toplu bi şekilde de gözüksün :) yardımcı olursunuz inş.

    YanıtlaSil
    Yanıtlar
    1. @YAVUZ ŞEN;
      Bey anlamaz olurmuyum.Ancak hiç yazınız yok.Ayrıca menü olarak yaptıklarınızın hepsi yanlış. Bir hakkında yada hakkımda yazısı statik bir sayfadır.Dikkat edin statik sayfa yazdım.hakkında yazısı bir sayfadır ve ve yazıdan başka bir yazı görülmez.Hakkında yazsına farklı bir yazı etiket olarak atamayazsınız.Bukarıda anlatılanları yapmanız için en az 15 yazınız ve yazınızı anlatan etiektleriniz olmalı.O etiketlerde toplanan yazılar tek bir etikete tıklama ile hepsi çıkmalı.Anlatmak istediğiniz ve yukarıdaki uygulama bu.Eksik olan sizin yazılarınız ve yanliş menü yapmanız.Size daha önce verdiğim linkten başlasaydınız, işin mantığını daha çabuk analayabilirdiniz.Sonra bu gelişmiş uygulamaya geçebilirdiniz.Tekrar link veriyorum bir inceleyin ve uygulayın lütfen.Video'u iyi izleyin kesin yapacaksınız.
      http://guney59.blogspot.com.tr/2012/04/blog-sayfalarla-menu-butonu-nasl-yaplr.html

      Sil
    2. Bu yorum yazar tarafından silindi.

      Sil
    3. @Zeki Alper Kesim;
      Bey merhaba, bloguna baktım farklı bir blog kurmuşsunuz tebrikler.
      Açılır menüyü göremedim.Başka bir blogda mı denediniz.Birde yukarda fload yazan yerin karşısında sol olan kısmı sağ olarak yazın deneyin.Normalda sol yaslanmış olarak daha iyi değilmi.Denediğiniz blog linkini yazarsanız görmüş olurum.

      Sil
    4. Bu yorum yazar tarafından silindi.

      Sil
    5. Bu yorum yazar tarafından silindi.

      Sil
    6. @Zeki Alper Kesim :
      Biz blog yazarları unutmayız merak etmeyin.Teşekkür ederim.

      Sil
    7. http://juistanbul2.blogspot.com.tr blogundaki menülerin ortalanması için ne yapabiliriz peki?

      Sil
    8. @Zeki Alper Kesim:
      Bey HTML/JavaScript kodu eklediğiniz gadget içinde tamamını ortalamk için center açılış ve kapanış kodlarını üst ve altt kısımda kullanın.Kategoride yapmak için ilgili link başlangıç ve bitişini center kodunu ekleyin.

      Sil
    9. Sorun değil teşekkürler.Açılır menü hakkında size yazıdım ancak başka bir yazıda herhalde.Cevap geldimiz size?

      Sil
    10. Zeki bey merhaba tüm yorumlarınızı silmişsiniz.Bir kırgınlık mı var acaba?

      Sil
  14. Selam Adnan bey blogumda açılır menü var ancak ben genişliğini witht değerini yükseltmek istiyorum nasıl yapabilirim

    YanıtlaSil
    Yanıtlar
    1. Merhaba Mustafa bey, div class="span-24 gadget'inde 960 olan genişliği 970, 980 gibi yaparak şablona sığmasını sağlayabilirsiniz.Yukarıda kod içinde 960 genişliği göreceksiniz.

      Sil
  15. teşekkür ederim tek seferde oldu. geçenlerde bahsettiğim recommend tis the google yazısı Türkçeleşmeme sorunu kaldı onuda tes bloguma sıfırdan techzine şablonu yükedim .şablonun html düzenle kısmının en üstündeki EN TR yaptım olmadı. bu şablonda pintresette yok. sonra html düzenleden blog1 vidgetini varsayılana döndürdüm recomment This the google yazısı türkçeleşti ve pintreset butonu eklendi yani Techine temasının blog1 veya devamını oku kodlarında bir sorun var ama bulamadım sizce ne olabilir. ama sorun bence blog1, devamını oku veya temanınorjinal postedin kodunda

    YanıtlaSil
    Yanıtlar
    1. Mustafa bey merhaba.Recommend tis the google yazısı gadget içindeki kodlardan gelmektedir.Eklediğiniz bir kod veya eklerken yanlışlıkla sildiğiniz veya kodu hafifce farkında olmadan kaydırma sonucu devre dışı bırakmış olabilirsiniz.Kullandığım 4 temada hiçbir sorun yok.Bence önce gadgetleri kaldırın.Bir deneyin.Sonra tekrar kurarsınız.Eski tema yedeğini geri yükleme yaparak devam ediyorsunuz.Buda kodların tekrar aktif olmasına neden oluyor ve hata devam ediyor.Devamını oku Tüekçeleştirirken valuo olan kısmından yapacaksınız.Sağ son read more olan ksımdan.Soll kısmı yaparsanız değişmez.Bir deneyin lütfen.

      Sil
  16. hocam merhaba ben dediklerinizi yaptım ve blogumda pencere oluştu ancak eski yazdıklarımı nasıl kategoriye koyarım.şimdiden teşekkür ederim.

    YanıtlaSil
    Yanıtlar
    1. Sidar Baygeldi ;
      Merhaba, 1.madde de yapılan açıklamayı kullanarak menü ve alt menü oluşturacaksınız.Yani # diyez kısmına blogurl/search/label/etiket ve yan satırada etiket ismi konulacak. Yukarıda sitemap bir örnek.Sub Page #1 yazan kısım alt kategorileri oluşturuyor.Önce bir taslak yapın ve nereye hangi linkeri koyacağınızı bir kağıda not alın ve bu sıralamayı takip edin.Bir ipucu verim size. popüler yazılarınızdan en çok okunanlar görülen menüler olabilir.Teşekkür ederim.Takıldığını terde çekinmeden sorularınızı yazabilirsiniz.Görüşmek üzere kolay gelsin.

      Sil
  17. Adnan Bey merhaba.öncelikle bogcular için harcadığınız emeklee teşekkürler. kinci olarak bu açılır menüler dynamic bloglara uyulanmıyordur herhalde yanlışmı düşünüyorum

    YanıtlaSil
    Yanıtlar
    1. @Afşin Alperen ;
      Merhaba, Dinamik Blogger temasında menüleri maalesef açılır şekle getirme şansınız yok.Düşünceniz doğru. Emeğe verdiğiniz değer ve yorum için ayrıca teşekkür ederim.

      Sil
  18. merhaba üst acılır menü için bakabildiğim her yere baktım gerek sizin gerekse baska sitelerdeki örnekleri inceledim ama olmuyor.menü sol tarafta calışıyor. uste baslıgın altına aldıgım zaman calısmıyor neden olabılır acaba

    YanıtlaSil
    Yanıtlar
    1. @MEHMET DAVARCI ; Bey merhaba, menü sol tarafta çalışıyor dediğiniz konuyu anlayamadım. Menü başlıkta ve sol baş tarafa yaslanmış olarak çalışır.17 blog üzerinde test ettiğim ve kendiminde kullandığım bir kod bu.Gadget ekle kısmında bir alt bir üst sürükleme yaparak deneyin lütfen. Blog linkinizi yazarsanız bakabilirim.Eklenti hatasız çalışıyor.Büyük ihtimal bir yerde eksik bir uygulama var.Görüşmek üzere.

      Sil
    2. http://senaramabenbuldum.blogspot.com.tr/#
      deneme amaçlı açtıgım ilk blog.ben sızın menunuzu ayrıntılı olarak ayarlamıstım ama sildim.suan sadece gadget olarak hem uste hem yana ekledım nedemek ıstedıgmı anlasılsın dıye.linkleri fılan ayarlamadım oyüzden. sadece acılır menunun acılmadıgını göstermek amacım.baska menulerde denedım sol tarafta dikey olarak çalısıyor.ama uste alınca açılır kısım çalışmıyor.kesın cok sacma bi ayarını yanlış yaptım ama hayırlısı.cevabınızı merakla beklıyorum.sabahtan berı sadece ona ugrastım.. görüşmek üzere

      Sil
    3. @MEHMET DAVARCI ; Bey merhaba, yaptığınız eklenti doğru.Sadece eksiklik var. Şimdi üste eklediğiniz sayfalar gadgetini sağ tarafa sidebar sürükleyin bırakın. Benim verdiğim gadget olarak eklediğiniz kodlarda şunu yapacaksınız.
      Örnek: # şu işartin olduğu yere Home olan kısım ana sayfa linkini koyacaksınız. Home yazan yerede Ana sayfa yazın. Diğer gördüklerinizde aynı şekilde olacak. Sadece Sub Page #1 yazan yeri seçin demin anlattığım gibi sol tarafdaki # burayı seçin ekleyeceğiniz etiket linkini sub yazan yerede etiketin ismini yazın kaydedin.Tabi diğerlerinizde buna göre yapılandıracaksınız. Tamamlamadığınız kısımlar buraları. Bu nedenle ne tıklandığında görülüyor nede açılıyor.Çünki link yok.Bazen uğraşmak iyidir. Bizleri geliştirir. Ben bazen bir konu için 3 gün çalışma yapıyorum.Buda gelişim demektir.faydasını göreceksiniz.

      Sil
    4. Dediğiniz gbi yapmama ragmen hala olmadı.s Medyanın altındaki menü açılmıyor yukarda. mesala sola baska bir menü kattım şuan onuda uste alınca alt menüleri açılmıyor.sizinkide açılmıyor yukarda bi terslık var sankı yaptıgım blogda.s yapıstırdıgım kodu buraya yazdım ama yayınlanmıo sorun cıkıyor sıldım.

      Sil
    5. @MEHMET DAVARCI ;Bey gördüm bokulu arkadaşımızın kodlarını kullanmışsınız hayırlı olsun.

      Sil
    6. çok sağolun yardımlarınız için :) sıze yolladıgım kodlarda bır hata varmıydı acaba bakabıldınızmi ? deneye deneye en sonunda sorun cıkartmayan bir tane buldum. dıgerlerindeki hatamıda anlamadım daha..

      Sil
    7. @MEHMET DAVARCI ;bey rice ederim ben teşekkür ederim.Kodlarda bir sorun yok.Sorun olsa bende klasik blogumda kullanıyorum.Özel temamı iptal ettim tamamen kendim tasarladım.Yoksa bendede çalışmazdı.Baktım yapmışsınız hayırlı olsun.

      Sil
  19. Evet col sukur tesekkurler:) dediginiz gibi sabredince gelismede geldi sonunda biraz tamamen yeniledim blogu.en azindan baslangic kodlarini bilmek gerekiyormus.

    YanıtlaSil
    Yanıtlar
    1. @MEHMET DAVARCI ; Evet başarının zevkini çıkarın şimdi. Bu mutluluk yeni kapılarıda açacaktır.Geri bildirim için teşekkür ederim.

      Sil
  20. Mrb Adnan bey
    hazır blogger templat indirdim fakat yeni yazı yazdığımda oradaki menülere nasıl ilişkilendireceğim beceremedim

    YanıtlaSil
  21. Deneme blog yaptım.devamlı spor ekonomi haberleri eklemek istiyorum.spor haberi eklediğim zaman spor menüsüne tıkladığım zaman açılmıyor.Spor menüsüne tıkladığım zaman tüm spor haberleri orada gözüksün isityorum
    teşekkürler

    YanıtlaSil
  22. deneme blog linki http://bakbihtml.blogspot.com.tr/

    YanıtlaSil
    Yanıtlar
    1. Toko merhaba, Wp alt yapılı yeni siteniz hayırlı olsun güzel bir tema.
      Sorunun cevabı ise; 2. madde kısmında açıklanmakta. 2 işlem yapılacak # bu işaretin olduğu yere sayfa linki hemen son kısımdaki title açıklama kısmınada ilgili yazınızın ismi konulacak.

      Sil
  23. selam kardeş bu altmenü direk gözüküyor
    tırnaklı nasıl olacak ustunde durunca açılsın

    YanıtlaSil
    Yanıtlar
    1. https://guney59.blogspot.com/2015/01/blogger-aclmayan-menu-cubugu-nasl-aclr.html
      Bu bağlantıyı inceler misiniz?

      Sil
    2. css i yapıştırmamışım çözüldü teşekürler

      Sil
    3. Rica ederim kolay gelsin..

      Sil
  24. allah senden razı olsun allah senin ne muradın varsa versin ellerine sağlık :)sonunda buldummmm

    YanıtlaSil
    Yanıtlar
    1. Allah sizden de razı olsun, makalenin işinize yaradığına sevindim. Mutlu günler dileklerimle...

      Sil
  25. Merhaba ADNAN BEY bende şu 5. sıradaki link çıkmadı. ctrl-f yaptım ardından 5. sıradaki kodu girdim. bulunamadı diyor

    YanıtlaSil
    Yanıtlar
    1. sanırım "]]>" bu etiketi dediniz. blogunuz özel mi yoksa blogger temalardan mı yaptınız?

      Sil
  26. Selamlar Adnan bey. epeydir ilgilenmediğim blogspot sitemi faaliyete geçirdim. Bazı eklentilerde sizin yazılarınızdan yararlanıyordum. Emeklerinize teşekkürler.

    Ancak yeni temalar içinde hoşuma giden temalar oldu ve sizden yararlanarak hazırladığım özel temayı kullanmıyorum artık.

    Bu hazır temalarda ana sayfada yayınları özet olarak paylaşmayı yapamadım. Yani birkaç cümle açıklamadan sonra ''devamını oku'' gibi bir buton olsun istiyorum. Şu durumda yayınladığım yazının tamamı ana sayfada çıktığı için yayın sayısını çok az tutmak zorunda kaldım.
    Başka hiçbir özellik değiştirmeden bunu yapabileceğim bir kod var mı ve varsa html deki yeri neresidir? Eğer yardımcı olabilirseniz sevinirim veya sitenizde böyle bir açıklama varsa link verirseniz incelerim.
    Her halukarda teşekkürler, kolay gelsin. Selam ile.
    Birde sayfa hız testi yaptığımda şöyle bir link gelmesi normal mi?
    https://mujganakyuz.blogspot.com/?m=1 Bu m=1 olayını anlamadım.
    İncelemeniz gerekirse mujganakyuz.blogspot.com

    YanıtlaSil
  27. Geç cevap yazdığım için kusura bakmayın lütfen. Temanızı gördüm. Nadide temalardan biridir. Klasik tema olarakda adlandırılır. Devamını oku diğer ismi ile Read More, arama penceresinde aratabilirsiniz Birkaç yazı göreceksiniz. Ayrıca yazı editöründe hangi satırdan sonra görülmesini istrseniz "Yazı kesme" mausu üste gezdirin iconlarda göreceksiniz. Satırı seçin. Yazı kesmeye tıklayın. Bu işlemde Devamını oku olarak çıkacaktır. "m=1" Bu işaret makalenin mobil olduğunu ifade eder. Yani mobil ceptende okunabilir demektir. "Mobil ayarlar" diye aratırsanız yerini ve nasıl yapıldığını gösteren yazıyı bulabilirsiniz. Herşeyden önemlisi de hangi uygulamayı yaparsanız yapın tema şablonunuz bozulabilir. Kesinlikle yedek almayı unutmayın. "Yedekle" kelimesi ile arayabilirsiniz. Yorum için bende çok teşekkür ederim. Sorunlarınızı belli bir çalışma ve emek sonrasında anlamadığınız yerlerde sorabilirsiniz. Başarılar dilerim.

    YanıtlaSil
    Yanıtlar
    1. Çok teşekkürler Adnan Bey. Dediğiniz gibi fazla html ile oynamaya gelmiyor. Şimdilik yeterli bir düzen sağladım. Yayınlarınız bloguma otomatik geliyor ve takip ediyorum. Uzun bir ara vermiştim. Emeklilik günlerimi değerlendireceğim inşallah. Tekrar teşekkürler

      Sil
  28. Merhaba, emekliliginiz de zevk alacağınız başarılı bir seçim yapmışsınız tebrik eder başarılar dilerim.

    YanıtlaSil

Fikirlerinizi bizimle yorumlarda paylaşabilirsiniz.