Nisan 19, 2012

Blogger Yukarı Çık Butonu Eklemek



Blogger Yukarı Çık Butonu Ekle
Resimde de göründüğü gibi sağ alt köşede sabit şekilde duran ve sadece aşağı indiğinde görünen bir kod. Gayet kullanışlı.
Aşağıdaki Kodu Gadget Oluşturarak yapabilirsiniz.
<!-- Link's code -->
<a href="http://bloglamazamani.blogspot.com">Bloglama Zamani</a>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<style type="text/css">
#w2btoTop {display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:-999px;background:url(http://2.bp.blogspot.com/-96rG3Tmp-AY/T5ByKHLDYdI/AAAAAAAACLs/Af2-MtkOSqg/s1600/uste-cik-buton.png) no-repeat left top;}
#w2btoTopHover {background:url(http://2.bp.blogspot.com/-96rG3Tmp-AY/T5ByKHLDYdI/AAAAAAAACLs/Af2-MtkOSqg/s1600/uste-cik-buton.png) no-repeat left -51px;width:51px;height:51px;display:block;overflow:hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}
#w2btoTop:active, #w2btoTop:focus {outline:none;}
</style><!-- bloglamazamani.blogspot.com -->
<script src="http://bloggerblogwidgets.googlecode.com/files/w2b_jquery.ui.totop.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){ $().UItoTop({ easingType: 'easeOutCubic' }); });
</script>
Kodun önizlemesine buradan bakabilirsiniz

4 yorum :

özellikle uzuuun anasayfalı blogger sitelerine önerim kullansınlar

İşte bu yüzden uzun bloglar için ideal eklenti

Yorum Gönder



Bloglama Zamanı'nda yayınlanacak yeni yazılar e-mail adresinize gelsin.


Google Arkadaşım Ol
Bloglama Zamanı
Bloglama Zamanı

Google+ paylaşımlarımı takip etmek için çevrelerinize ekleyin.