🍓Tutorial: poner boton ¨subir¨ que aparece y desaparece en tu blog

 
Hola fresitas aqui les traigo un tutorial para su blog! les enseñare a poner un boton ¨subir¨ que aparece y desaparece !

sigue los siguientes pasos para ponerlo!

Tutorial de como poner el buscador de HTML

1-vamos a : Temas>edicion HTML
clikc en las teclas  CTRL+F y en el buscador que sale buscan:

/head



2-nos fijamos si arriba de este codigo tenemos este  

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


si no lo tienes omite este paso si no copialo y pegalo encima


 3-en el buscador ahora buscan: 

]]></b:skin>


4-y arriba de ese codigo pegan este


#IrArriba {
position: fixed;
bottom: 30px; /* Distancia desde abajo */
right: 30px; /* Distancia desde la derecha */
}
#IrArriba span {
width: 60px; /* Ancho del botón */
height: 60px; /* Alto del botón */
display: block;
background: url(AQUI LA URL DE TU BOTON O FLECHITA) no-repeat center center;
}
5-por ultimo en el buscador buscan:

</body>


6:arriba de ese codigo pegan este:

<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;
});
});

});
//]]>





aqui les dejo unos botones de ¨subir¨ que hice yo para que utilizen!

CLICK AQUI


y listo eso seria todo fresitas espero que les guste y haya servido!


cualquier cosa pueden decirmelo!