Buenas a todos, hoy vamos a ver un pequeño tip para colocar en vuestras paginas web,se trata de un link o boton colocado en el footer de la pagina (pie de pagina) que al hacer clic en el nos suba arriba de la pagina,esto es muy util por que facilia la navegacion y no tenemos que hacer scrol para subir arriba de la pagina cuando esta es muy larga hacia abajo.

Pues bien esto es mucho mas facil de lo que parece,primero en el pie de pagina ponemos un texto o una imagen con el vinculo "#" quedaria asi:Cita:

<a href="#"> Ir al Cielo</a>

Al hacer clic en el enlace nos llevara a la parte superior de la pagina,esto funciona en todas las paginas.

Pues si es muy facil,tanto que es muy dficil de imaginar jeje un saludo!!

Poner botón de ir arriba/abajo en tu página

Hola!

Con estos dos códigos podrás poner dos imágenes con la que si clickas puedes o ir arriba del todo de la página, o bajar abajo de todo.

Para ello, sólo tienes que pegar antes de </body> lo siguiente:Código:<a href='#top'><img border='0' style='position:fixed; top:0; right:0;' src="URL de la imagen" title="Ir arriba" /></a>

<a href='#footer'><img border='0' style='position:fixed; bottom:0; right:0;' src="URL de la imagen" title="Ir abajo" /></a>

Donde dice URL de la imagen lo sustituís por cualquier imagen, si ponéis una flecha para arriba en el primer código (que es para subir) y una flecha para abajo en el segundo (que es para bajar) quedará mucho más intuitivo para el visitante.

Hola, en mi pagina hay un boton que se mueve con el scrool y que dice ir arriba, al darle click se dirige hacia arriba de la pagina, pienso que querrian esl truco asi que aqui va:

1.- Antes del primer body de tu codigo html pegar este codigo:

<a href=”aqui el enlace“><img src=”aquí la url de la imagen ” alt=”ir arriba” border=”0″ style=”position:fixed; bottom:0; right:0;” /></a>

Y listo que facil no?? .

Botón de Facebook Flotante

 

Para agregar un botón de Facebook flotante solo debes de pegar este código en tu web:

  CODIGO

<a href='URL de tu página de facebook' target='_blank' title='Sígueme en Facebook'><img src='URL DE TU IMAGEN'

style='display:scroll;position:fixed;bottom:225px;right:0px' alt="" /></a> 

 NOTA: En Url de tu página va la dirección de tu página de facebook y no borres las comillas

 

Te dejo una serie de imágenes exclusivas de TRUCO 95 para tu colocar tu botón flotante:

 

 

Para agregar un botón de Facebook flotante solo debes de pegar este código en tu web:

http://www.facebook.com/wilfredo.buesodominguez

http://www.cocalgracias.org

http://www.facebook.com/pages/Ministerio-La-Voz

Botón Para Compartir en Facebook

 

Para agregar el botón de compartir en facebook copia este código:

 

CODIGO

<b:if cond='data:blog.pageType == &quot;item&quot;'><a href='la URL de lo que se esta compartiendo' name='fb_share' type='button_count'>Compartir</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>

Hace un tiempo vimos una manera de poner una flecha para ir arriba y por eso esta vez les traigo la manera de poner una flecha que vaya hacia abajo. El código es casi el mismo

<a href='#footer'><img border='0' style='position:fixed; bottom:0; right:0;' src="http://www.fileden.com/files/2010/8/4/2933396/f9.png" title="Ir abajo" alt="" /></a>

Lo que está en rojo es la URL de tu imagen y puedes cambiarla por lo que quieras. Te dejo una serie de imagenes exclusivas de Truco95