Botón ir arriba en Blogger: Código y Tutorial

  • Autor Autor Mugiwara
  • Fecha de inicio Fecha de inicio
Mugiwara

Mugiwara

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Buenos días, alguien sabe un código para poner un botón para ir arriba en blogger? uno como el de este blog de pruebas ->Play ►

Encontré un tutorial en ciudad blogger , pero no funciona, si es que alguien sabe , se lo agradecería mucho
Ya tengo lista la imagen , solo falta el código.
 
Hay muchos scripts en san google no esta de mas buscar uno bueno 😀

Enviado desde mi XT919 mediante Tapatalk
 
uno simple:
<div style= 'position:fixed; bottom:5px; right:5px; z-index:9999;'><a href='#3><img src='tu_imagen.png'/></a></div>

puedes cambiar las posiciones, ahi estara abajo a la derecha, puedes cambiar bottom pot top y right por left 🙂
 
O algo mas simple🙂

PHP: 
<a href="#"><img src="irarriba.png" title="Ir arriba" style="position: fixed; bottom: 10px; right: 2%;" /></a>


irarriba.png Colocas el nombre de tu imagen tener en cuenta si es jpg png o gif


Saludos😱
 
Gustavito dijo:
O algo mas simple🙂

PHP: 
<a href="#"><img src="irarriba.png" title="Ir arriba" style="position: fixed; bottom: 10px; right: 2%;" /></a>


irarriba.png Colocas el nombre de tu imagen tener en cuenta si es jpg png o gif


Saludos😱
Hacer clic para expandir...

Gracias Gustavito, este si funciono, solo que aparece todo el rato, sabes como hacerlo para q solo aparezca cuando bajen?
 
Mugiwara dijo:
Gracias Gustavito, este si funciono, solo que aparece todo el rato, sabes como hacerlo para q solo aparezca cuando bajen?
Hacer clic para expandir...
Eso es en JQuery, busca en google un codigo en JQuery.
 
Bueno de todo lo que probe ese era el unico que me funciono... y si aparece todo el tiempo 🙄 Pero no pude hacer andar ningun otro, pero dbe de existir jeje😛8:
 
EnzoZ dijo:
Eso es en JQuery, busca en google un codigo en JQuery.
Hacer clic para expandir...

Gracias, puse buscar ir arriba jquery y me salio un buen tutorial

---------- Post agregado el 22-feb-2014 hora: 18:22 ----------
Gustavito dijo:
Bueno de todo lo que probe ese era el unico que me funciono... y si aparece todo el tiempo 🙄 Pero no pude hacer andar ningun otro, pero dbe de existir jeje😛8:
Hacer clic para expandir...

Gustavito, encontré este : solo tienes que pegarlo antes de < /head>

<script>
$(window).scroll(function(){
if ($(this).scrollTop() > 500) {
$('.scrollUp').fadeIn();
} else {
$('.scrollUp').fadeOut();
}
});
$(document).ready(function(){
$('.scrollUp').click(function(){
$("html, body").animate({ scrollTop: 0 }, 600);
return false;
});
})
</script>

<a href="#" class="scrollUp"></a>

<style type="text/css">
.scrollUp{
/* Ancho de la imagen que usaremos como boton */
width:99px;
/* Altura de la imagen que usaremos como boton */
height:99px;
/* Grado de opacidad de la imagen que usaremos como boton */

position:fixed;
bottom:90px; /* conviene que quede arriba del footer */
left:30px; /* Izquierda o derecha según el diseño*/
display:none;
/* URL de la imagen que usaremos como boton */
background: url('http://1.bp.blogspot.com/-QZ0cmY8ejdc/Tdu5-UkizDI/AAAAAAAAAMM/xi1h810RGOk/s320/flecha-arriba.gif') no-repeat; /* nuestra imagen*/
}
</style>
Hacer clic para expandir...
 
Última edición:
Hay que estar conectado o registrado para responder aquí.
Atrás
Arriba