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://guncellbilgiler.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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4iv8FE5WeKLypCHONayW7ZgOKwqCK4VkJLHqy4vkelw2OKMEZa8_EbOkvnNIDcJTDzisFd_VN6XtheSv0IVolC-oebMHzgIMKBJqLix1ReBmyMXBpS0xLDzcsrsZj7j4cEyL0OLnzTfA/s1600/uste-cik-buton.png) no-repeat left top;}
#w2btoTopHover {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4iv8FE5WeKLypCHONayW7ZgOKwqCK4VkJLHqy4vkelw2OKMEZa8_EbOkvnNIDcJTDzisFd_VN6XtheSv0IVolC-oebMHzgIMKBJqLix1ReBmyMXBpS0xLDzcsrsZj7j4cEyL0OLnzTfA/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
