viernes, enero 09, 2015

[ Recursos ] Imagen subir y ¿Cómo poner un botón de subir arriba?

By: Ghaaby Captor | Fecha: 1/09/2015 |
   mis loqueros!!  empecemos con esta entrada yeaah!! es hora de los recursos!! en esta ocacion les edite unas estrellitas con alas que dice subir! asi es! XD son muy lindas jajaja bueno si las quieren colocar es muy facil!




1) Debes copiar y pegar el siguiente codigo en tu blog, te recomiendo que sea en un gadget
Escritorio del blog >> Diseño >> Añadir Gadget >> HTML
Pegas el siguiente codigo!
<a style="display:scroll; position:fixed; bottom:10px; right:80px;" href="#" title="Ir arriba"><img src="URL-DE-LA-IMAGEN" /></a>


¿QUE DEBES SABER?
El bottom:10px Es la distancia que hay entre el final de tu pantalla y la imagen del botón.
El right:80px Es la distancia que hay desde la parte derecha de tu pantalla hasta
la imagen o botón

Lo que esta en AZUL es la cantidad que puede variar dependiendo de como quieras posicionar la imagen en tu blog!

Dale en guardar y listo ya tienes tu boton!


¿COMO HAGO QUE AL DARLE CLIC SE DESLICE HACIA ARRIBA?
Para hacer ese efecto! debes irte a Escritorio del blog >> Plantilla >> Editar HTML >> Ctrl + F ( Para la barra de búsqueda ) >> Buscas jquery/2.1.1

En el caso de que diga que no se encuentra! o que no lo tiene tu plantilla, vas a buscar el siguiente código: </head>

ARRIBA! de </head> Pegas
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Le das en guardar y Listo!



SI TOMAS DE MIS ESTRELLAS 
DAME CRÉDITO O TE MATO!




INICIATIVA  AL ESTILO BLOGGER UNETE!!
 clic a la imagen  





avatar
9 de enero de 2015, 10:11

que lindas! Yo pondría algo así en mi blog, pero ya tengo el botón de gracias por la visita en la derecha así que me tendré que aguantar xD Gracias por el recurso! ^^

avatar
9 de enero de 2015, 13:04

Jajaja no mates a nadie XDD Buen tuto y gracias ^^

Besos~

avatar
Lee Rae Mi
Admin
9 de enero de 2015, 14:25

waaaa gracias ghaaby~estan hermosos^^

avatar
9 de enero de 2015, 16:45

Son muy lindas te quedo genial . Te mando un beso y te deseo un buen fin de semana

avatar
Yurika
Admin
10 de enero de 2015, 2:08

buen tutorial gracias

avatar
Lia
Admin
14 de enero de 2015, 17:26

Que lindas las estrelllas!