arkaplan

Blogger İçin Şık Görünümlü Bir Menü

Kasım 21, 2014 Gökhan TEKİN 32 Yorumlar


Blogger İçin Şık Görünümlü Bir Menü
   Merhaba arkadaşlar birkaç blog sitelerinizde kullanabileceğiniz çok şık bir eklenti paylaşmak istiyorum sizlerle resimden de göründüğü gibi menü'yü sitenize eklediğiniz zaman bu şekilde görünecek yani renk olarak tabi isterseniz rengini değiştirebilirsiniz kendi sitenize göre artık size kalmış , hemen eklentinin kodlarını paylaşmak istiyorum aşağıdaki 1. kodları sitenizin şablon kısmına gelip Css bölümüne ekleyeceksiniz  , 2. kodları ise menü'nün nerede olmasını istiyorsanız oraya ekleyeceksiniz bunu gadget ekle yardımı ile yapabilirsiniz


Blogger İçin Şık Görünümlü Bir Menü

1.KODLAR CSS KODLARI



 






2.KODLAR HTML KODLARI






 

SİZDEN ÖNCEKİLER BU YAZILARIMIDA OKUDU

32 yorum

  1. Kodları deneyeceğim umarım dediğiniz gibi güzel olur

    YanıtlaSil
  2. paylaşım için teşekkürler..Bu arada uzun süredir girmiyordum blogunuzun tasarımına hayran kaldım güzel olmuş.. ;)

    YanıtlaSil
    Yanıtlar
    1. Teşekkür ederim mehmet bey , sonunda istediğim gibi bir tasarıma sahip oldum fakat henüz düzenlememe gereken yerler var temada onları da yaptığım zaman çok daha güzel olacağını umut ediyorum

      Sil
  3. Gökhan bey ben bu barı ve renklerini düzenledim kendi blogum içim ama blogumda hali hazırda sekmeler var o sekmelerin başlıklarını hdml kodundaki bölümlere girsem sekmelere tıkladığımda gittiği adreste sıkıntı olur mu bozulur mu
    teşekkürler

    YanıtlaSil
    Yanıtlar
    1. Merhaba , 2 kodlardaki kare ( # ) işareti olan yere gitmek istediğiniz sayfanın linkini ekleyeceksiniz

      Sil
  4. Gökhan bey yardımcı olduğunuz için teşekkürler fakat sekmelerde bulunan yazıların hepsi büyük harfi oluyor. Bunu değiştirme şansımız var mı ? Bir de şeçtiğimiz sekme açılıyor ama aktif kalmıyor. Bunu nasıl düzeltebiliriz. Yardımcı olursanız sevinirim.

    YanıtlaSil
    Yanıtlar
    1. Sekmelerde bulunan yazıların büyük olması muhtemelen tema kodlarından kaynaklanıyordur yani temanızdan kaynaklanıyordur , diğer sorunun nasıl olduğunu anlamadım açıkçası , bende diğer sitelerimden bir tanesine eklemiştim hiçbir sorun çıkmamıştı

      Sil
  5. Teşekkür ederim güzel bir menu.

    YanıtlaSil
  6. Merhabalar
    Bu menüyü nasıl etkinleştirebilirim. Yayınladığım yazıları menü'ye ekleyebilirim.

    YanıtlaSil
    Yanıtlar
    1. Merhaba Css kodlarını ve Html kodlarını ekledikten sonra 2.kodlardaki yani HTML kodlarındaki # işareti olan yere linkinizi yazacaksınız
      Örnek; Kişisel menüsü yapmak istiyorsanız aşağıdaki gibi yapacaksınız
      siteadresiniz.com/search/label/Kişisel

      Sil
    2. Yardımınız için teşekkürler..

      Sil
  7. Benden sana tavsiye böyle şeyler paylaştığında. codepen veya jsfiddle adreslerinden iframe kodları ile önizleme eklemek ya da önizleme linki sunmak olacaktır. Her ne kadar resim olsa da canlı test etmek daha etkili olur ;) Başarılar.

    YanıtlaSil
    Yanıtlar
    1. Teşekkür ederim Arda , Tavsiyeni dikkate alacağım.

      Sil
  8. merhaba. Kategorileri bloga ekledim ancak yayınlayacağım yazıları kategorilere nasıl ekleyeceğim hakkında bir fikrim yok. yardımcı olursanız sevinirim.

    YanıtlaSil
    Yanıtlar
    1. Merhaba, 2. kodlarda ( # ) işareti olan yerlere
      http://www.siteadresiniz.com/search/label/kategori adı
      bu şekilde olacak kategori adı yazan yere hangi kategoriyi yazmak istiyorsanız onu yazacaksınız. yapamazsanız eğer tekrar yardımcı olurum.

      Sil
  9. Gökhan Bey Benim Websitem Bu Kodları Çalıştırmıyor fakat Html Kodlarını Çalıştırıyor Yardımcı Olabilir misiniz ?

    YanıtlaSil
    Yanıtlar
    1. Css kodlarını belirttiğim yere ekliyor musunuz? az önce tekrar denedim bende çalışıyor sanırım yanlış bir şey yaptınız

      Sil
  10. Ben Easy Builder Kolay Tasarım Motoru Kullanıyorum Websitemde Birkaç Hazır Kod Kullandım Fakat Onlar Çalışır Durumda Bu Kodları Olduğu Gibi Okumuyor Maalesef
    Zaten Fazla Anlayan Biri Değilim En Fazla Hazır Kodlar Üzerinden Ufak Tefek Oynamalar Yapabiliyorum ( Yazı Değiştirme , Renk Değiştirme vs. ) Küçük Düzenlemeler Yapabiliyorum Sadece Yardımcı Olur musunuz Bana ?

    YanıtlaSil
    Yanıtlar
    1. Merhaba
      Bu kodlar Blogger için uyumlu kodlar, sizin siteniz sanırım Blogger alt tabanlı değil, büyük bir ihtimal ile o yüzden çalışmıyordur.

      Sil
  11. Merhaba ben pembe rengi değiştirmek istiyorum nasıl yapabilirim ?

    YanıtlaSil
    Yanıtlar
    1. Merhaba
      1.kodların, css kodlarının içindeki ctrl+f tuşlarını kullanarak ff304e kodunu bulun ve istediğiniz renk kodu ile değiştirin.

      Sil
  12. Hocam merhabalar siyaharaba.blogspot.com.tr isminde bir blog sitesi kuruyorum menü oluşturdum fakat bir yazı paylaşacağım zaman hangi menude çıkmasını nasıl seçeceğim? ne paylaşırsam ana menüde çıkıyor. Çok teşekkür ederim...

    YanıtlaSil
    Yanıtlar
    1. Merhabalar
      Öncelikle bloğunuz hayırlı olsun. Blogger'da malesef bütün yazılar anasayfada çıkar katerogilendirmeyi şöyle yapıyoruz

      Örnek veriyorum: yazınızın A kategorisinde görünmesini istiyorsanız blogger panelinde yazınızı yazdıktan sonra etiketler bölümünde A etiketini giriyorsunuz istediğiniz kategorilerde görünmesi için o kategorinin etiketini giriyorsunuz yani aşağıdaki gibi

      http://www.bloggokhantekin.com/search/label/Blogger

      Yukarıdaki linkte ben, bu yazının Blogger kategorisinde görünmesi için etiketlere Blogger etiketi yazdım. Etiketleri yazarkende (,) virgül işareti ile ayırıyorsunuz.

      Tabi şunu da yapmanız gerekiyor. Örneğin bir yazı yazdınız o yazınızın Bakım kategorinizde görünmesi için Blogger panelinizde Şablon düzenleye gireceksiniz

      http://siteadresiniz.blogspot.com/search/label/bakim
      yazacaksınız yani.com'dan sonra /search/label/BURAYADA KATEGORİNİN adı gelecek siz direk Bakim yazmışsınız, yani bakim'dan önce ( /search/label/ ) parantez içindekileri de yazacaksınız.

      Sil
  13. Merhaba,

    HTML ye düzenlede 1. kodu yazacağım ama neyin üzerine?
    2. kod ise gadget a mı? detaylı bilgi verirmisiniz?

    YanıtlaSil
    Yanıtlar
    1. Merhaba,
      1.kodu temanızda css bölümüne yapıştıracaksınız, ctrl+f tuşlarını kullanarak ]]> burayı bulun ve 1. kodları hemen ]]> bu kodun üzerine ekleyin.

      2. kodları ise sitenizde eklemek istediğiniz yere gadget olarak ekleyebilirsiniz.

      Sil
  14. Gökhan bey yardımcı olurmusunuz. muhendisol.com blogger sitem var mobilden girince menü butonuna bastığımda alt sekmede ki menülerde açık oluyor buna bir çare bulabılirmiyiz.

    YanıtlaSil

Yorum Kuralları
1 - Yaptığınız yorumun, yazıyla alakalı olmasına özen gösteriniz
2 - Yazım ve dil bilgisi konusundaki hassasiyetinizi yorumlarınızda da gösteriniz.
3 - Her zaman nazik bir üslup kullanmaya özen gösteriniz.
4 - Yukarıdaki kurallardan herhangi birine uymamanız durumunda,
site sahibi yorumunuzu yayınlama ya da yayınlamama hakkına sahiptir.