Como mostrar más grandes los vídeos insertados en Blogger

Normalmente, cuando insertamos un vídeo de YouTube en el blog, se queda a un tamaño excesivamente pequeño para mi gusto. Hacerlo más grande es muy sencillo, debemos seguir los siguientes pasos.

1) Ir a la entrada donde está el vídeo y pulsar en el modo de edición HTML (Arriba a la izquierda):

2) Nos saldrá todo en modo texto y ahí buscaremos el código del vídeo, concretamente buscaremos estos dos valores marcados en amarillo "height" y "width" (si tenéis mucho texto, buscar la palabra YOUTUBE y estos dos valores estarán cerca):




Por defecto, el tamaño del vídeo es de 320*266 píxeles.

3) Vamos a cambiar esos valores, podremos cambiarlos a nuestro antojo, aunque os recomiendo los valores:
  height="466"
  width="620"

Para que os hagáis una idea del tamaño que recomiendo, todos los vídeos de este blog están a ese tamaño.

Añadir iconos de "sígueme" a tus redes sociales

Para añadir unos iconos en el blog para que tus lectores se animen a seguirte como estos:

Voy a explicar como hacerlo con Twitter, Facebook e Instagram.

1) Añadir un nuevo Gadget del tipo "HTML/Javascript"

2) Poner un título y pegar uno de los siguientes códigos (o los tres). Únicamente hay que sustituir las "XXXXXXXX" por tus correspondientes cuentas de las redes sociales. Esa información se ve en la barra de dirección del navegador web cuando estamos dentro de nuestro perfil.

2.1) Para Twitter:

<a href="http://twitter.com/XXXXXXXX" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB9D6CzN0thtoSDJYBBUs38P7AKAVfjKOjTRrzMUQKQHzZ2p1sL0tnwESps7239fOt75CoD3T0EstrKZeN2JQxR4zxF4T45OfPfWDHRcIfHdb_yb-ftILuQFzAF_G0btdlneHuZRzmpkLi/s32/twitter32.png" width=32 height=32 alt="Síguenos en Twitter" /></a>

En mi caso, las "XXXXXXXX" sería: LosJuanitos

2.2) Para Facebook:

<a href="http://www.facebook.com/XXXXXXXX" target="_blank"><img alt="Siguenos en Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3i0-3kwKB5FdNvL1HZWpcnmijzmE5nDGrcStdtxCiO-WH9hAapz1I39fbeuyLFUEre_thF899X3xyXVcLL2WrebDJuu1knP2IACwibcyylbzu-uA3W-bfRHKrjlU_mnYVSMCNtHvB36Hr/s32/facebook32.png" width=32 height=32  /></a>

En mi caso, las "XXXXXXXX" sería: juan.gonzalezperez.50

2.3) Para Instagram:

<a href="https://www.instagram.com/XXXXXXXX/" target="_blank"><img alt="Siguenos en Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhORYj2KSDDpsmBRX4X7xmjAzdKHDcsfkEdXFYLmYMNgCdMryfgCoxpMbRxjWlBvP_FzCvAupoUrcnd0Xx0C9_xlpVPDqu9UvrmKFZdjYvTfwlKpVma7sH9AYmWUkfzUKqtZdPcMHSkYZLD/s32/instagram32.png" width=32 height=32  /></a>

En mi caso, las "XXXXXXXX" sería: losjuanitos

3) Darle a guardar y colocar donde queramos.

NOTA: Si queremos poner los tres enlaces pondremos uno a continuación de otro con una línea en blanco de por medio:

AÑADO: Pongo algunos códigos para otras redes sociales

YouTube:

<a href="https://www.youtube.com/user/XXXXXXXX" target="_blank"><img alt="Siguenos en YouTube" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRDGjwhpCXsIS3CYa5QVON0BlWkzLnorIzvQvk2tgBYbfF70ozIJdxA5PnfQhGxURTL9LI4_volMO1yoCD1DqIcqomCEDFJR3aIZDG52nRN139U8NlnynYbhQJdp4Dk0ScnFJPtyVHY9V5/s32/youtube32.png" width=32 height=32  /></a>

Google+:

<a rel="author" href="https://plus.google.com/XXXXXXXX?rel=author" target="_blank"><img alt="Siguenos en Google+" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvnXk9Oye4Id5b5MQzSmZbxiw0MEgutIebmuuHypldciAJ8ISmWtax-90wOmeNCXZzzHuBSeZxL6s3aW1ADZg2ITwP_HS2UtP0nzdlNhSJ5sXabAN3adnmSRFm0dKULKW47MvSYvJis_a-/s32/google32.png" width=32 height=32  /></a>

Insertar y personalizar enlaces web y de archivos propios

En este tutorial veremos cómo insertar enlaces a otras webs y a archivos propios. Además, le cambiaremos el nombre a mostrar del link.


ENLACES A WEBs:

1) Copiamos el enlace de la web sobre la que queremos crear un link y lo pegamos en el blog, por ejemplo:

http://tecnologiahechaporjuan.blogspot.com.es/


2) Seleccionamos toda la dirección y pinchamos en el icono "Enlace" de la barra de herramientas superior de edición de Blogger (al lado de insertar imagen)

http://tecnologiahechaporjuan.blogspot.com.es/

3) Ahora se ha convertido en "enlace", si pinchamos sobre él, aparecerá la opción "cambiar", pinchamos en esa opción.


4) En el cuadro "Texto a mostrar" pondremos el teto que queremos que se vea en lugar de la dirección completa, por ejemplo: "Este es mi blog".

Este es mi blog

Ahora cuando pinchen sobre "Este es mi blog" se les abrirá esa página.

RECOMENDACIÓN: Si marcáis el "tiki" de "Abrir el enlace en una nueva ventana", como bien dice, la nueva página se abrirá en una pestaña nueva.



ENLACES A ARCHIVOS PROPIOS:

Lo primero es tener el archivo en alguna plataforma de almacenamiento online, recomiendo dos:
- Dropbox
- Google Drive

No explicaré cómo crear la cuenta en Dropbox o Drive en este tutorial. Si pincháis en los links justo encima de estas líneas os podéis registrar y descargar la aplicación para Windows o Mac.

1) Una vez guardado ahí el archivo, tan solo hay que pinchar con el botón derecho sobre el archivo y darle a compartir enlace. En ese momento se ha copiado el enlace web. Esto lo podéis hacer desde la web o si tenéis instalado la aplicación de Dropbox o Drive, desde el propio explorador de archivos de Windows o Finder de Mac.

Desde web Dropbox:

Desde web Drive:

Desde Explorador de archivos Dropbox:
Es igual para Dropbox como para Drive, aunque primero tenéis que instalar la aplicación en el ordenador. Hacéis clic con el botón derecho sobre el archivo y:

2) Después lo pegaremos en el blog y seguiremos los pasos de la primera parte del tutorial para modificar el "Texto a mostrar"

IMPORTANTE: Una vez que hayáis compartido el archivo a través de enlace, si cambiáis el nombre del archivo original o lo movéis, el enlace dejará de funcionar.

NOTA: Podéis compartir un único archivo o una carpeta con más carpetas y/o archivos en el interior. Al compartir una carpeta, se abrirá una ventana nueva donde se puede ir navegando por las carpeta como si se tratase de un explorador de archivos.

Cómo insertar gadgets externos en Blogger

TUTORIAL PARA INSERTAR GADGETS EXTERNOS EN BLOGGER A TRAVÉS DE CÓDIGO

En Blogger hay un listado de gadgets populares que están en:

Y saldrá esta ventana, donde solo hay que pinchar en “+” para añadirlo, aquí tenéis desde gadgets para introducir fotos, etiquetas, contadores de visitas, textos, encuestas…:

Una vez insertado se puede mover pinchando y arrastrando sin soltar en las zonas grises con puntitos:

En el caso de querer introducir gadgtes externos, como pueden ser contadores diferentes, registro de visitas… u otros miles (podéis encontrar montones de webs con gadgets, buscar en Google “gadgets blogger”, o “contador visitas blogger”) seguir este tutorial. En este caso os enseñaré cómo introducir un contador de visitas y un cuadro que registra las visitas al blog que además da el dato de la localización desde donde se hace la visita.

CONTADOR DE VISITAS

Como os digo, hay montones de webs, en este caso, vamos a usar http://www.contadorvisitasgratis.com/

Elegimos uno:

Y rellenamos las opciones:

1) Elegir la zona horaria

2) Elegir la categoría

3) Elegir el número de dígitos del contador

4) Elegir el número de visitas inicial, es decir, si ponemos 14.500, empezará desde 14.500 visitas en lugar de 0.

5) Elegir el tamaño y la situación. Recomiendo dejarlo al 100% o como mucho al 120%, aunque depende del blog. (Una vez insertado, si se quiere cambiar, se repite todo el proceso y se introduce el nuevo código).

6) Elegir el tipo de visitas. La primera cuenta cada entrada en cada una de las partes del blog y la segunda cuenta las entradas realizadas desde la misma IP (misma persona) en un tiempo determinado (una media hora o una hora) como una sola visita aunque haga varias o se mueva varias veces por el blog.

7) Clic en “ENVIAR”.

Nos llevará a una siguiente pantalla donde nos dará el código, que copiaremos:

Y por último, solo nos queda insertarlo en Blogger, le damos a añadir gadget como explicamos más arriba y elegimos el gadget “HTML/Javascript”:

Y en la siguiente ventana ponemos el título del gadgets y en el cuadro de abajo pegamos el código que habíamos copiado en la página web:

Y con esto ya está insertado, ahora lo podemos mover a la posición que queramos:

REGISTRO Y LOCALIZACIÓN DE LAS ÚLTIMAS VISITAS

En este caso, con este gadget tendremos un registro de las últimas X visitas (marcaremos cuántas) que hayamos tenido en el blog y desde que país y zona se ha hecho. Utilizaremos la web:

http://feedjit.com/?utm_source=ltf&utm_medium=web&utm_campaign=ltfCampaign

1) Elegimos las opciones.

2) En esta tabla vemos directamente los cambios que vamos haciendo en el punto 1, que será la tabla que insertaremos en el blog:

3) Elegimos el tipo de blog que usamos y le damos a Go!

Copiamos el código:

Y por último, solo nos queda insertarlo en Blogger, le damos a añadir gadget como explicamos más arriba y elegimos el gadget “HTML/Javascript”:

Y en la siguiente ventana ponemos el título del gadgets y en el cuadro de abajo pegamos el código que habíamos copiado en la página web:

Y con esto ya está insertado, ahora lo podemos mover a la posición que queramos:

Espero que os haya servido.

¡Hasta pronto!