[TUTORIAL MIO] PONER BOTON DE SUBIR & BAJAR (1)

Hi* El dia de hoy traigo este tutorial que tal vez te preguntaras; ¿Como poner un boton de subir & bajar? Bueno lo importante esque el tuto es 100%Mio>.< Jaja' La practica hacer el maestro >>>> Aya la imagen pueden ver que yo tengo los botones & Vdd 
que estan padres? x'D Buenop Buenop Empezemos!:3
Buscamos el codigo : 
<div class='body-fauxcolumns'>
& Lo reemplazamos por el siguiente codigo *


<div id='outer-wrapper' class='body-fauxcolumns'>
Ahora Buscan:
<div class='content-cap-bottom cap-bottom'>
& La remplazamos por :
<div id='footer-wrapper' class='content-cap-bottom cap-bottom'>
& Ahora antes de  </body>

<a href='#outer-wrapper' onclick='new Effect.ScrollTo(&quot;outer-wrapper&quot;,{offset:-140}); return false'><img border='0' src='URL de la imagen arriba ' style='position:fixed; top:0; right:0;' title='Ir arriba'/></a>

<a href='#footer-wrapper' onclick='new Effect.ScrollTo(&quot;footer-wrapper&quot;,{offset:-140}); return false'><img border='0' src='URL de la imagen abajo' style='position:fixed; bottom:0; right:0;' title='Ir abajo'/></a>

ROJO ; url de imagen de arribs
& morado ; url imagen abajo

Recuerden dejar los creditos a mi blog :3 
Espero que les haya gustado *COMENTEN!*
:_3

[TUTORIAL] Poner un Boton Up (Deslizante & aparece abajo )

Hello Kawaii's ... ¿C0m0 Estan? Yo Bien Bien , aquí & Ustedes ;3 aparte ando entusiasmada por que mañana es la 1º Reseña xDD jajajaj ando Organizando Todoo ;33
Bueno aquí el Tutorial es un Boton Up ! que lleva hacia arriba pero se desliza ; No es estilo Sencillo, aparece desde abajo  .... Los botones sencillos son esos que están todo el tiempo en la esquina & cuando le das clik te aparece arriba de la nada pero no desliza ¬¬' xD

1º- Ve a Plantilla -> editar HTML -> CTRL+F--> TE APARECE UNA CAJITA DONDE BUSCARAS ; </head>

& pega antes de el  ; el siguiente código .

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

Ahora en la misma cajita que tenemos al presionar CTRL +F ; BUSCAMOS </body>

& pega antes de el el siguiente código ;

 <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>
& Busca el siguiente código ahora ; ]]></b:skin>
& PEGA ANTES DE EL ESTE CODIGO ;

/* Botón Ir Arriba

----------------------------------------------- */
#IrArriba {
position: fixed;
bottom: 250px; /* Distancia desde abajo */
right: 5px; /* Distancia desde la derecha */
}
#IrArriba span {
width: 60px; /* Ancho del botón */
height: 60px; /* Alto del botón */
display: block;
background: url(Url de tu botón) no-repeat center center;
} 

AHORA SOLO EDITA ; el ancho de botón & alto esto es la medida de la imagen del botón & coloca la URL DEL BOTON

-----PROXIMAMENTE TRAERE BOTONES  :33 -----
Espero que les haya gustado nos vemos en el próximo Tuto adiós! :'3