Blogger'da Menü Nasıl Yapılır? Adım Adım Rehber

Blogger blogunuzda profesyonel bir menü oluşturmak, okuyucularınızın içeriklerinize kolayca ulaşmasını sağlar ve sitenizin kullanıcı deneyimini önemli ölçüde artırır. Bu rehberde, Blogger'da menü yapımının tüm yöntemlerini detaylı şekilde anlatacağım.

Blogger'da Menü Neden Önemlidir?

Bir blog menüsü, sitenizin omurgasıdır. Ziyaretçileriniz blogunuza ilk girdiklerinde nereye gideceklerini bilmeleri gerekir. İyi tasarlanmış bir menü yapısı:

• Kullanıcı deneyimini iyileştirir: Okuyucular istedikleri içeriğe hızlıca ulaşır
• SEO'yu güçlendirir: Arama motorları sitenizin yapısını daha iyi anlar
• Profesyonel görünüm sağlar: Blogunuz daha düzenli ve güvenilir görünür
• İçerik organizasyonunu kolaylaştırır: Yazılarınızı kategorilere ayırabilirsiniz

Yöntem 1: Blogger'ın Hazır "Sayfalar" Gadget'ı ile Menü Oluşturma

Blogger'da menü yapmanın en kolay ve en yaygın yöntemi, platformun sunduğu hazır "Sayfalar" gadget'ını kullanmaktır.

1. Adım: Sayfa Oluşturma

Öncelikle menünüzde görünmesini istediğiniz sayfaları oluşturmalısınız:

1. Blogger kontrol paneline giriş yapın
2. Sol menüden "Sayfalar" sekmesine tıklayın
3. Sağ üst köşedeki "Yeni Sayfa" butonuna basın
4. Sayfa başlığınızı girin (örneğin: Hakkımda, İletişim, Gizlilik Politikası)
5. İçeriğinizi hazırlayın ve sağ taraftaki "Seo Açıklaması" bölümünü doldurun
6. "Yayınla" butonuna tıklayarak sayfanızı aktif edin

2. Adım: Sayfalar Gadget'ını Ekleme

Oluşturduğunuz sayfaları menü olarak göstermek için:

1. Sol menüden "Düzen" sekmesine gidin
2. Menünüzün görünmesini istediğiniz bölümdeki "Gadget Ekle" butonuna tıklayın
3. Açılan pencerede "Sayfalar" gadget'ını bulun ve "Ekle" düğmesine basın
4. Gadget ayarları açıldığında:
   • Gösterilecek sayfaları işaretleyin
   • Ana Sayfa'yı dahil etmek isteyip istemediğinize karar verin
   • Sayfa sırasını sürükle-bırak yöntemiyle düzenleyin
5. "Kaydet" butonuna basın
6. Düzen sayfasının sağ alt köşesindeki "Kaydet" ile değişiklikleri onaylayın

Menü Konumlandırma İpuçları

• Üst menü: Genellikle header (başlık) bölümünün hemen altına yerleştirilir
• Yan menü: Sidebar'a (yan sütun) eklediğinizde alt alta liste görünümünde açılır
• Alt menü: Footer (alt bilgi) bölümüne de eklenebilir

Yöntem 2: Etiketlerle Kategori Menüsü Oluşturma

Blogger'da WordPress benzeri kategori sistemi olmadığı için etiketler üzerinden kategori menüsü oluşturabilirsiniz.

Etiket Nasıl Eklenir?

1. Yeni yazı oluştururken veya mevcut yazıyı düzenlerken
2. Sağ taraftaki "Yayın Ayarları" bölümünden "Etiketler" kısmını bulun
3. İlgili etiketi yazın (örneğin: Teknoloji, Sağlık, Yaşam)
4. Birden fazla etiket eklemek için virgülle ayırın
5. Yazınızı kaydedin veya yayınlayın

Etiket Linklerini Menüye Ekleme

1. İlgili etiketin URL'sini almanız gerekir:
   • Format: https://blogunuz.blogspot.com/search/label/EtiketAdi
   • Örnek: https://mahmut-koc.blogspot.com/search/label/Teknoloji
2. Düzen > Sayfalar gadget'ı > Düzenle yolunu izleyin
3. "+ Harici bağlantı ekle" seçeneğine tıklayın
4. Sayfa başlığına kategori adını (örn: Teknoloji), URL'ye etiket linkini yapıştırın
5. "Bağlantıyı Kaydet" ve ardından "Kaydet" butonlarına basın

Yöntem 3: HTML/CSS ile Özel Açılır Menü Ekleme

Daha gelişmiş ve özelleştirilmiş bir menü isteyenler için HTML ve CSS kodlarıyla açılır (dropdown) menü oluşturabilirsiniz.

Adımlar:

1. Düzen > Menü konumu için "Gadget Ekle" seçin
2. "HTML/JavaScript" gadget'ını seçin
3. Aşağıdaki örnek gibi bir kod yapısı oluşturun:

html

<style>
.custom-menu {
  background-color: #333;
  overflow: hidden;
}

.custom-menu a {
  float: left;
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.custom-menu a:hover {
  background-color: #ddd;
  color: black;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
}
</style>

<div class="custom-menu">
  <a href="https://mahmut-koc.blogspot.com/">Ana Sayfa</a>
  
  <div class="dropdown">
    <button class="dropbtn">Kategoriler ▼</button>
    <div class="dropdown-content">
      <a href="https://mahmut-koc.blogspot.com/search/label/Teknoloji">Teknoloji</a>
      <a href="https://mahmut-koc.blogspot.com/search/label/Yazilim">Yazılım</a>
      <a href="https://mahmut-koc.blogspot.com/search/label/Mobil">Mobil</a>
    </div>
  </div>
  
  <a href="https://mahmut-koc.blogspot.com/p/hakkimda.html">Hakkımda</a>
  <a href="https://mahmut-koc.blogspot.com/p/iletisim.html">İletişim</a>
</div>

4. Kodda yer alan linkleri kendi blog adresinize göre düzenleyin
5. Renk ve stil özelleştirmelerini CSS bölümünden yapın
6. "Kaydet" butonuna basın

Önemli Notlar:

• HTML menü oluştururken şablonunuzun yedeğini alın
• Mobil uyumluluk için responsive tasarım kodları ekleyin
• CSS kodlarını temanızın renklerine uygun şekilde düzenleyin

Menü Optimizasyonu İçin SEO İpuçları

1. Anlamlı isimler kullanın: "Tıkla" yerine "İletişim", "Buraya Bak" yerine "Hizmetlerimiz" gibi açıklayıcı başlıklar tercih edin
2. Sayfa sayısını sınırlı tutun: 5-7 ana menü öğesi ideal sayıdır
3. Mantıklı hiyerarşi oluşturun: En önemli sayfalar ilk sıralarda yer almalı
4. Breadcrumb (İçerik Haritası) ekleyin: Kullanıcıların hangi kategoride olduğunu gösterir
5. Mobil uyumluluğu test edin: Menünüzün mobil cihazlarda düzgün çalıştığından emin olun

Sık Karşılaşılan Sorunlar ve Çözümleri

Menü Mobilde Görünmüyor

Çözüm: Blogger'da Tema > Mobil ayarlarından "Özel" mobil tema seçeneğini aktif edin. Hazır temalar genellikle mobil uyumlu değildir.

Açılır Menü Çalışmıyor

Çözüm: Temanızın CSS dosyasıyla çakışma olabilir. z-index değerini artırın veya !important ekleyin.

Sayfalar Gadget'ı Bulunamıyor

Çözüm: Gadget zaten düzeninizde ekli olabilir. Düzen sekmesinden kontrol edin ve mevcut gadget'ı düzenleyin.

Sonuç

Blogger'da menü oluşturmak, blogunuzun profesyonel görünmesi ve kullanıcı deneyiminin artması için kritik bir adımdır. Sayfalar eklentisi ile menü oluşturarak blogunuzu kategorilere ayırabilir ve okuyucularınızın içeriklere daha kolay ulaşmasını sağlayabilirsiniz.

Temel seviyede kullanıcılar için Blogger'ın hazır "Sayfalar" gadget'ı yeterli olurken, ileri seviye özelleştirme isteyenler HTML/CSS kodlarıyla özel menüler tasarlayabilir. Hangi yöntemi seçerseniz seçin, blogunuzun yapısına uygun, kullanıcı dostu ve SEO uyumlu bir menü oluşturmayı unutmayın.

Umarım bu rehber Blogger menü yapımı konusunda size yardımcı olmuştur. Sorularınız için yorum bölümünden bana ulaşabilirsiniz!

---

Anahtar Kelimeler: Blogger menü yapımı, Blogger'da menü oluşturma, Blogger sayfalar gadget, Blogger açılır menü, Blogspot menü ekleme, Blogger kategori menüsü, Blogger navigasyon menüsü