Navbar Nasıl Saklanır/Gösterilir?

Daha önce blogger navbar nasıl kaldırılır konulu yazımı sizlerle paylaşmıştım.Bu yazımda ise navbar ın blogunun üstünde durmasından şikayetçi olmayan blog takipçilerim için navbar ına harika bir efekt uygulayabilecekleri yazımı paylaşmak istedim.Bu efekt sayesinde blogunuzu ziyaret eden okuyucularınız fare ile blogunuzun üst kısmına geldiğinde aşağıya açılan navbar ı görecekler.

Daha önce belirttiğim gibi navbar sadece blogunuzun görünümüyle alakalı bir konu.Eğer bu konuda bir şikayetiniz yoksa aşağıdaki adımları uygulayarak navbar a şık bir görünüm kazandırabilirsiniz.

blogger-navbar-hover

Blogger Navbar a Hover Efekti Nasıl Verilir

Blogunuzda herhangi bir değişiklik yapmadan önce yedeklemenizi tavsiye ediyorum.

Her zaman olduğu gibi blogger hesabınıza giriş yapın.Şablon>>Html Düzenle yolunu izleyin.

Aşağıdaki kodu bulun :

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

 

Eğer navbarı kaldırdıysanız kodlarınız şu şekilde olacaktır:

#navbar-iframe {
display:none !important;}

Bu kodu aşağıdaki kodla değiştirin :

#navbar-iframe {
opacity:0.0;
height: 10px;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0;
height: 30px;
filter:alpha(Opacity=100, FinishedOpacity=100)
border: 2px;
}

 

Şimdi şablonunuzu kaydedebilirsiniz.Blogunuzu görüntülediğinizde yaptığınız efekti fark edeceksiniz.

Gelen yorumlarda navbar a ait herhangi bir kod bulamadığından yakınan okuyucularım olmuştu.Eğer böyle bir durum yaşıyorsanız hemn yukarıdaki kodları aşağıdaki kodlardan sonra ekleyebilirsiniz:

<b:skin><![CDATA[/*

----Bu kısım siz de farklı olacaktır-----------
Blogger Template Style
Name:       Thisaway (Rose)
Date:     29 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

Blogger navbar hover efektini yukarıdkai adımları doğru bir şekilde yaptıysanız eğer blogunuza eklemiş oldunuz.Daha fazla ipucu için takipte kalın…

Ozan Başer

Merhaba ben Ozan Başer. EhliBlog'da ve elbette Ehliforum (Blogculara Özel Forum)'da yazıyorum. Blogger, seo, adsense, sosyal medya ve google ürünleri hakkında faydalı ve kaliteli içeriği okuyucularıma sunmaya çalışıyorum. C#, PHP, Javascript gibi uğraşılarım var. Web ve online teknolojiler ile ilgili birçok konuda fikirlerimi sizlerle paylaşıyorum.

8 yorum:

  1. Navbar var ama kod yok bende ? Bir türlü bulamadım(Widget Şablonlarını Genişlet) i de işaretledim cık bir tane navbar'lı kod var o da yukarıdakiler değil?

    YanıtlaSil
  2. Eline sağlık hocam tam da aradığım şeydi.Ancak ben o kodları bulamadım şablonda ...Bulunamadı diyor...

    YanıtlaSil
  3. Arkadaşlar benim şablonumda kodlar bu şekildeydi.Yani başka bir şablon üzerinde denemedim ama en azından şablonunuzda navbar şeklinde arama yapın ve bulduğunuz kod yerine benim verdiğim kodları ekleyin.Sizdeki demekki farklı.Tabii şablonunuzu önceden yedekleyin.Sonucu yazarsanız sevinirim.
    @Loreathan ve @GÖK-TÜRK
    Bir de hangi şablonu kullanıyorsunuz.Bir de ben bakayım

    YanıtlaSil
  4. Thisaway(blue) temasını kullanıyorum hocam.Blogger ın varsayılan temalerından...

    YanıtlaSil
  5. @GÖK-TÜRK
    Yazıyı güncelledim.Umarım sorunu çözmüş oluruz.Sonucu yazarsan sevinirim.

    YanıtlaSil
  6. Tamamdır hocam eline sağlık.Bu sefer oldu...Süpersin :)))

    YanıtlaSil
  7. en son verdiğin uzun kod başarılı oldu tşk

    YanıtlaSil
  8. Bravo çok güzel anlatmışsınız hemen oldu :) tnx!

    YanıtlaSil

Yorumunuza gelecek cevabı takip etmek "beni bilgilendir" kutucuğuna işaretleyebilirsiniz.