Blogger Yukarı Çık Butonu Ekle



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://www.memurvadisi.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><!-- End Gadget Code From http://www.memurvadisi.com/ -->

0 yorum:

Yorum Gönder

Share

Twitter Delicious Facebook Digg reddit Favorites More