COLOCAR EL BOTON ARRIBA PARA TU BLOG DE LA MANERA MAS FACIL
Para colocar esta flecha arriba, solo colocaremos un widget, nada de tocar la plantilla,que si no lo hacemos bien,podriamos dañar todo, asi que con este widget, solo vas a diseño, luego html y ya esta tu flecha que es de mucha utilidad en tu blog.
Copia el codigo
Fuente: vidabloguera.blogspot.com/
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/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/AVvXsEiXyhcYjV136SRt0OeohY288lxN0T_HGuIM7fomsc3_ZtMm71tIaTdBhciIfRLbLBkUxxQ1pQ-nRRjf98NeOGBVOXr5qSwHip8QYPpTUIdSFJ4JYMrUhvf9JWd0UgKt_df3BtsB3xleFWm0/) no-repeat left top;} #w2btoTopHover {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXyhcYjV136SRt0OeohY288lxN0T_HGuIM7fomsc3_ZtMm71tIaTdBhciIfRLbLBkUxxQ1pQ-nRRjf98NeOGBVOXr5qSwHip8QYPpTUIdSFJ4JYMrUhvf9JWd0UgKt_df3BtsB3xleFWm0/) 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> <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: 'easeOutCirc' }); }); </script>

No hay comentarios:
Publicar un comentario