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…
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ıtlayınSilEline sağlık hocam tam da aradığım şeydi.Ancak ben o kodları bulamadım şablonda ...Bulunamadı diyor...
YanıtlayınSilArkadaş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.
YanıtlayınSil@Loreathan ve @GÖK-TÜRK
Bir de hangi şablonu kullanıyorsunuz.Bir de ben bakayım
Thisaway(blue) temasını kullanıyorum hocam.Blogger ın varsayılan temalerından...
YanıtlayınSil@GÖK-TÜRK
YanıtlayınSilYazıyı güncelledim.Umarım sorunu çözmüş oluruz.Sonucu yazarsan sevinirim.
Tamamdır hocam eline sağlık.Bu sefer oldu...Süpersin :)))
YanıtlayınSilen son verdiğin uzun kod başarılı oldu tşk
YanıtlayınSilBravo çok güzel anlatmışsınız hemen oldu :) tnx!
YanıtlayınSil