Botón 'Subir'

Hello♥ Esta vez veremos como se instala un botón que nos lleve arriba de nuestro blog.

Hay dos maneras de hacerlo:

PRIMERA FORMA

• Nos dirigimos a Diseño, agregamos un gadget HTML/Javascript y copiamos el siguiente código: 

<a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="#" title="Subir!"><img src=" url de la imagen del botón"/></a>

• Si quieres que el botón salga a la izquierda entonces pega este código:

<a style="display:scroll;position:fixed;bottom:0px;left:0px;" href="#" title="Subir!"><img src=" url de la imagen del botón"/></a>

SEGUNDA FORMA

Esta segunda forma el botón desaparece  y aparece.

Este tutorial lo vi en Ciudad Blogger, así que créditos a su página que es increíble.

• Primero entramos a Plantilla, damos click en Editar HTML  y antes de </ head> pega el siguiente código, pero si ya lo tienes omite este paso:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>

• Luego, antes de ]]></ b:skin> agrega:

/* Botón Ir Arriba ----------------------------------------------- */ #IrArriba { position: fixed; bottom: 30px; /* Distancia desde abajo */ right: 30px; /* Distancia desde la derecha */ } #IrArriba span { width: 80px; /* Ancho del botón */ height: 100px; /* Alto del botón */ display: block; background: url(URL DE LA IMAGEN DEL BOTÓN) no-repeat center center; }

• Y por ultimo agrega este ultimo código antes de  </ body>

<div id='IrArriba'> <a href='#Arriba'><span/></a> </div> <script type='text/javascript'> //<![CDATA[ // Botón para Ir Arriba jQuery.noConflict(); jQuery(document).ready(function() { jQuery("#IrArriba").hide(); jQuery(function () { jQuery(window).scroll(function () { if (jQuery(this).scrollTop() > 200) { jQuery('#IrArriba').fadeIn(); } else { jQuery('#IrArriba').fadeOut(); } }); jQuery('#IrArriba a').click(function () { jQuery('body,html').animate({ scrollTop: 0 }, 800); return false; }); }); }); //]]> </script>

Te dejo estos botones que hice en forma de estrella.Espero que te gusten♥