sábado, 18 de agosto de 2012



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

<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