Tutorial:Cómo añadir el Bóton para Subir Arriba en Blogger

-
¡Hola ,amigos Bloggers! Hoy vamos a aprender a poner nuestro botón para Subir Arriba en nuestro blog.


1.Primero subimos nuestra imagen a internet, usando Picassa,Dropbox,etc..

2.Vamos a Diseño → Añadir un Gadget → HTML

3.Copiamos el siguiente código modificando lo marcado en rojo por el Url de nuestra imagen:

<a style="display:scroll;position:fixed;bottom:1px;right:1px;" href="#" title="Subir arriba"><img src="URL de la imagen" /></a>

 4.Le damos a guardar disposición y ver el blog,y ya tendremos nuestro botón ¡¡listo!!

Comentarios

Publicar un comentario

Entradas populares de este blog

Tutorial: Cómo insertar tablas en las entradas de Blogger

-
Imagen
Hola ,amigos Bloggers! Hoy vamos a hacer un pequeño tutorial sobre como insertar tablas en las entradas de Blogger. 1.Lo primero que tenemos que hacer es crear una entrada nueva,y en los botones de arriba de la izquierda, le damos clik en el que dice HTML . 2.Copiamos este código HTML , que lo usaremos para insertar nuestra tabla: <table bgcolor ="#f3e3db" border ="2" cellpadding="5" style="width: 100%;"> <tbody> <tr><td>Texto o imagen 1</td><td>Texto o imagen 2</td></tr> <tr><td>Texto o imagen 3</td><td>Texto o imagen 4</td></tr> </tbody> </table> 2.Y nos quedaría así: Texto o imagen 1 Texto o imagen 2 Texto o imagen 3 Texto o imagen 4 3.Si queremos podemos cambiar el color de fondo o el grosor del borde: → bgcolor:  Es el color de fondo. → border: el tamaño del borde 4.Y ya tendremos instalada nuestra tab
Sígue Leyendo ➡

Ocultar el mensaje de "mostrando entradas con etiqueta..." en las plantillas nuevas de Blogger

-
Imagen
Hoy vamos a hacer un pequeño tutorial muy fácil sobre cómo ocultar "Mostrando entradas con la etiqueta..." en la nuevas plantillas de Blogger. Lo primero que que tenéis que hacer es una copia de seguridad de la plantilla (Plantilla→Crear/Restablecer copia de seguridad) 1.Ahora vamos a: Diseño → Personalizar → Avanzado → Añadir CSS. 2.Ahí copiamos el código: div.post-filter-message div { display: none; visibility:hidden; } 3.Por último, guardamos los cambios y ¡listo!
Sígue Leyendo ➡