Poner un botón "Ir Ariba - Ir Abajo" en blogger

Este es un gadget muy útil que puedes agregar a tu blog para Ir arriba o Ir abajo para que los visitantes puedan moverse del inicio del blog al final de la página sin problemas.

Para agregarlo, sólo tienes que copiar el siguiente código y pegarlo en tu blog:

<div id="navigation_up_down_79136" style="position: absolute; right: 30px; bottom: 50px; z-index:999999">

<script type="text/javascript" src="http://services.webestools.com/navigation_up_down/1-79136-right.js"></script></div>

El resultado queda así:

Puedes verlo aquí: https://yomeloguisoyyomelocomo2020.blogspot.com/

Añadir accesorios al blog gratis

Añadir gadgets a tu blog es muy sencillo. Sólo sigue estos pasos: 

Primero haces clic en diseño

Y nos saldrá esto:

Y nos lleva aquí:

Pinchamos en HTML JavaScript, por ejemplo y se nos abre esta ventana:

Podemos poner título al gadget y donde marca el número 2, ponemos el código del elemento que queremos añadir. Damos a guardar y ya está listo.

Convertir imágenes a Url

Con esta herramienta podemos convertir una imagen en un enlace Url. El sitio es gratuito y de fácil manejo. 

Admite archivos de hasta 1536 KB del tipo gif, jpg, jpeg, png y puedes subir varios a la vez.

Lo primero que tenemos que hacer es entrar AQUÍ y nos encontraremos con esto:

Ahora nos quedan 3 pequeños pasos:

1.- Pinchamos donde indica la flecha 1, para subir la imagen que queremos convertir

2.- Resolvemos el capcha para demostrar que no somos un robot pinchando donde marca la flecha 2

3.-Pinchamos donde señala la flecha 3 y listo...

Marcado con el número 1, está el enlace para compartir la imagen. Con el 2, el cógigo de la imagen miniatura clicable para foros y tableros de mensajes. Con el 3,el de la miniatura clicable para sitios web.

Con el número 4, está el código de eliminación de la imagen.

Redimensionar imágenes

Con esta herramienta podemos redimensionar imágenes. Tiene un uso ilimitado y gratuito. Se puede hacer con varias imágenes a la vez y admite archivos PG, PNG, WEBP y TIFF. 

Para empezar, entramos AQUÍ, y nos encontramos con esto:

Pinchamos en el rectángulo rosa para subir la imagen que queremos redimensionar, y nos saldrá esto:

El número 1 marca donde podemos elegir si vamos a redimensionar en dimensión o en porcentaje. En mi caso he optado por dimensión.

En el número 2 marcamos si queremos en píxeles, milímetros, centímetros o pulgadas. En mi caso he elegido píxelex.

En el número 3 ponemos las dimensiones que queremos.

En el número 4 podemos bloquear relación de aspecto, lo que nos permitirá modificar el alto y el ancho de forma independiente sin que la imágen se distorsione.

En el número 5 podemos cambiar el formato en el que queremos la nueva imagen.

Y ya en el número 6 pinchamos para conseguir nuestra nueva imagen y nos saldrá esto:

Ahora sólo nos queda pinchar en el rectángulo rosa que nos marca el número 1 para descargar la imagen ya redimensionada.

El resultado queda así de bien:

Contador de visitas

Poniendo este gadget en nuestro sitio, podemos ver cuantas personas nos visitan y desde donde. Es muy sencillo y gratuito.

Empezamos entrando AQUÍ y nos saldrá esto:

Donde marca el número 1, podemos elegir el formato en el que queremos nuestro contador, por ejemplo, el que muestra el número de visitas ordenados en columnas con la bandera de su país al lado.

También el número máximo de banderas y de columnas que queremos que aparezcan y la etiqueta de la parte superior, que en este caso son 10 banderas en 2 columnas y "Visitors".

Donde está el número 2, podemos poner a nuestro gusto el color del fondo, del texto y del borde.

El número 3 nos señala donde podemos elegir si queremos que aparezca junto a las banderas su etiqueta. También puede aparecer un recuento de las páginas vistas.

Además aquí elegiremos la manera en que preferimos que aparezcan los visitantes y el tamaño de la bandera-

Y por último, pinchamos donde marca el número 4 para generar el código HTML que tenemos que colocar en nuestro blog para tener un contador de visitas.

El resultado es: 

Alinear elementos y gadgets

Para alinear los elementos como imágenes, videos, contenedores, etc, vamos a encerrar el código uno entre un contenedor "div" y ahí usaremos la propiedad "align" para alinearlo hacia el lugar deseado. Lo haremos en la vista en modo HTML.

Para centrar el elemento usaremos <div align="center">Aquí va lo que se quiere centrar</div> Por ejemplo: 

<div align="center"><a href="https://www.coinpayu.com/?r=crisfuenmen"><img title="Join coinpayu to earn!" alt="coinpayu" src="https://www.coinpayu.com/static/earners_banner/125X125.gif"></a></div>

Y el resltado será:

Para alinear el elemento a la izquierda, pondremos el código siguiente: <div align="left">Aquí va lo que se quiere a la izquierda</div>

Por ejemplo: 

<div align="left"> <a href="https://www.coinpayu.com/?r=crisfuenmen"><img title="Join coinpayu to earn!" alt="coinpayu" src="https://www.coinpayu.com/static/earners_banner/125X125.gif"></a></div>

Para alinearlo a la derecha, usaremos <div align="right">Aquí va lo que se quiere a la derecha</div>

Por ejemplo: 

<div align="right"><a href="https://www.coinpayu.com/?r=crisfuenmen"><img title="Join coinpayu to earn!" alt="coinpayu" src="https://www.coinpayu.com/static/earners_banner/125X125.gif"></a></div>

Y se verá así:

Poner un código para que nos enlacen

Los enlaces son hipervínculos que cuando pinchamos en ellos, nos dirigen a otra página, que puede estar en el mismo dominio, enlace interno, o en otro, enlace externo.

Los internos mejoran la usabilidad del sitio, reducen la posibilidad de que los lectores se vayan sin haber leído nada y le ayudan a Google a rastrearlo.

En cuanto a los externos, son muy valorados porque amplían la información y te das a conocer.

Dicho esto, hoy traigo una herramienta muy útil para que puedan enlazar vuestro blog. Es un código muy sencillo de poner.

Lo primero que hacemos, como siempre que vamos a poner un gadget, es ir a "Diseño+Añadir gadget+HTMLJavaScript"  y ponemos el siguiente código:

<center><textarea rows="3" cols="30" onclick="this.select();">&lt;a href=&quot;URL de tu blog&quot;&gt;&lt;img alt=&quot;Nombre de tu blog&quot; src=&quot;URL de la imagen&quot;/&gt;&lt;/a&gt;</textarea></center>

<center><a href="URL de tu blog"><img alt="Nombre de tu blog" src="URL de la imagen"/></a></center>

URL de tu blog   En mi caso https://mundoclik2020.blogspot.com/

Nombre de tu blog   En mi caso Mundoclik

URL de la imagen   El enlace de la imagen que quieres que aparezca como banner. Si no sabes cómo sacarla, pincha AQUÍ

Y listo, el resultado es este:

Puedes ver como queda AQUÍ