¿Cómo insertar el botón subir?

Poner un Botón de Subir en tu blog o sitio web, puede parecer un simple detalle para mejorar el diseño, pero es mucho más que eso, facilita la navegación de los lectores. Cuando bajan mucho, leyendo las entradas, puede ser pesado subir hacia arriba con el ratón, gracias a este botón, con un simple click, vuelven a estar en la cabecera.

Vamos a ver como incorporar el botón subir

Este es el código que tienes que copiar:

<style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop">
<a style="display:scroll;position:fixed;bottom:400px;right:5px;" class="backtotop" href="#" rel="nofollow" alt="arriba" title="Subir"><img width="45px" height="45px" style="border:0;" src="URL de la IMAGEN"/></a></div> 

1. Una vez hayamos copiado nuestro código, vamos a nuestra plantilla HTML.
2. Pinchamos en cualquier parte de nuestro código y pulsamos simultáneamente Control + F para abrir el buscador interno.
3. Escribimos </body> en la caja del buscador y damos a Enter.
4. Pegamos el código justo encima de </body>

• Solo tendrás que cambiar lo que esta en rojo, es decir la URL DE LA IMAGEN donde tiene alojada la imagen que quieres poner.

    5.   Comprobamos en Vista Previa que todo está bien y guardamos los cambios.

Este código también pueden añadirlo como elemento HTML/Javascript y funcionara igualmente.

1. Entramos en Diseño, añadir un Gadget y elegimos HTML/Javascript y copias el código que deje arriba.

Aquí dejo algunas imagenes para que tomen la URL.

Puede encontrar más flechas en:  

 

Recuerden hacer un Respaldo de tu Plantilla antes de realizar cualquier cambio o modificación.

0

Botones flash editables

Hoy traigo estos magníficos botones para decorar tu sitio los pueden poner tantas veces como quieran cambiándoles el texto y los links. Como pueden ver, tienen un buen diseño, son elegantes y con efectos hover al pasar el cursor.

Si quieres ponerlos en tu blog o web, elige el o los botones que te gusten, copia el código correspondiente y pegalo donde quieras mostrarlo. Modifica lo que esta escrito en color rojo, indicando el texto y la dirección url a la que enlazara. Para cambiar el tamaño del boton, hazlo modificando los numeros en color azul.

<object type="application/x-shockwave-flash" height="50" width="200" data="https://sites.google.com/site/redeando1/botonflash5.swf"><param name="movie" value="https://sites.google.com/site/redeando1/botonflash5.swf" /><param name="wmode" value="transparent" /><param name="flashvars"value="&in_title=TEXTO&&url=http://direccion&"/></object>

 

<object type="application/x-shockwave-flash" height="66" width="200" data="https://sites.google.com/site/redeando1/botonflash4.swf"><param name="movie" value="https://sites.google.com/site/redeando1/botonflash4.swf" /><param name="wmode" value="transparent" /><param name="flashvars"value="&in_title=TEXTO&&url=http://direccion&"/></object>

 

<object type="application/x-shockwave-flash" height="66" width="200" data="https://sites.google.com/site/redeando1/botonflash1.swf"><param name="movie" value="https://sites.google.com/site/redeando1/botonflash1.swf" /><param name="wmode" value="transparent" /><param name="flashvars"value="&in_title=TEXTO&&url=http://direccion&"/></object>

 

<object type="application/x-shockwave-flash" height="66" width="200" data="https://sites.google.com/site/redeando1/botonflash3.swf"><param name="movie" value="https://sites.google.com/site/redeando1/botonflash3.swf" /><param name="wmode" value="transparent" /><param name="flashvars"value="&in_title=TEXTO&&url=http://direccion&"/></object>

   

<object type="application/x-shockwave-flash" height="66" width="200" data="https://sites.google.com/site/redeando1/botonflash2.swf"><param name="movie" value="https://sites.google.com/site/redeando1/botonflash2.swf" /><param name="wmode" value="transparent" /><param name="flashvars"value="&in_title=TEXTO&&url=http://direccion&"/></object>

Via Redeando

0

Botones con HTML

Esta clase de botones grises hechos con HTML son muy útiles, porque los puedes poner donde quieras en tu web sin complicaciones. Aquí tienen unas variantes para que utilices los que más se adapten a tus necesidades.

• Ir a Diseño en "Añadir un gadget", seleccione "Html Javascript" y pegar el código que dejo abajo, solo hay que reemplazar lo que esta en en rojo por la URL  y el texto correspondiente y guárdalo.

Este es el código:

<a href="la url"><input type="submit" value="el texto" /></a>

<a href="la url"><span style="font-size: 12pt;"><button id="button_display_embed" style="font-size: 15pt;">el texto</button></a>

<a href="la url"><button><span style="color: #cc0000;"><b>el texto</b></span></button></a>

0