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 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…