lunes, 9 de septiembre de 2019

¿Cómo obtener la URL de una foto de Google Drive?

18:57:00 0
¿Como obtener la URL de una foto de Google Drive?



Resulta que estoy diseñando un sitio web en Blogger, y necesito colocar un cuadro que está echo imagen, para no perder resolución he decidido subirlo a mi Google Drive para a partir de ahí poderlo colocar en mi sitio web.

Usulamente cuando subes un archivo ya sea PDF o cualquier otro a tu drive, es muy simple obtener la URL solo das clic derecho sobre el archivo y OBTENER ENLACE PARA COMPARTIR.

Sin embargo si lo haces en las imágenes vas a obtener un visor que no es la URL de la imagen en si, por lo que no podrás subirla a ningún sitio web.

Para obtener la URL que corresponde a tu imagen deberás seguir estos pasos:

  1. Ingresa a tu Google Drive y sube la imagen.
  2. Cuando hayas subido la imagen da clic derecho sobre ella y escoge la opción OBTENER ENLACE PARA COMPARTIR.
  3. Se abrirá  un pop up o pantalla emergente con un enlace y ademas tiene una palabra que dice PERMISOS, da clic aquí.
  4. Luego en la siguiente pantalla que se te va a desplegar da clic en AVANZADO.
  5. Verifica que la imagen tenga marcada la opción ACTIVADO: PUBLICO EN LA WEB, sino es así seleccionala y dale clic en guardar.
  6. Luego copia y pega en una ventana el enlace que aparece, debe ser algo parecido a este: https://drive.google.com/file/d/AquíEstaraUnCodigoUNICO/view?usp=sharing
  7. Copia el código único que debe estar en esta ubicación que he marcado en amarillo.
  8. Este código deberás pegarlo luego de la siguiente URL: http://drive.google.com/uc?export=view&id=
  9. De esta manera obtendras la URL de la imagen que alojaste en Google Drive y deberia de ser algo parecido a esto:

http://drive.google.com/uc?export=view&id=123456789abcdefg

Con esta URL podrás abrir tu imagen en una pestaña aparte, incluirla en tu sitio web o compartirla.

¡Nos vemos pronto! 


martes, 3 de septiembre de 2019

El potencial de los EMOJIS 🔥 🔝 [Infografía]

23:37:00 0
El potencial de los EMOJIS 🔥 🔝 [Infografía]
Queridos lectores en el articulo de hoy quiero abordar este elemento del lenguaje que se ha hecho tan cotidiano en nuestro uso, los emojis o emoticones.

Nos hemos habituado a incluirlos en nuestros textos, que hoy por hoy nos permiten sustituir muchos caracteres por uno solo.

Los emojis estan indexados en buscadores tanto de manera individual, como en muchos títulos y descripciones de artículos. No es raro que al realizar una búsqueda algunos de tus resultados aparezcan con algunos emojis de uso frecuente, como este ✅.

Son partes de muchos contenidos como historias o stories de Facebook e Instagram, y de todas las redes sociales.


Estos dibujos para que sean ingresados en las bases de datos de las plataformas como las Redes Sociales, requieren la aprobación del Consorcio UNICODE, una organización sin fines de lucro, que fue fundada en el año 1991. 

Cualquier podría dibujar un EMOJI y enviarlo a unicode.org, hay que cumplir algunos requisitos como llenar los formatos de alrededor de 2600 palabras justificando porque debe ser considerado para ser añadido. Algunos casos de éxito fue el de Taco Bell que consiguió incluir el famoso ðŸŒ®.

Empresas muy conocidas del ámbito tecnológico son parte de UNICODE como: Google, Apple, IBM, Microsoft, etc.

Algunas razones de análisis de un EMOJI son:
  • Nivel esperado de uso
  • Compatibilidad
  • Sin son demasiado específicos o genéricos
  • Existencia de símbolos muy similares
  • Marcas o modas son rechazados

Son muy famosos también las malas pasadas al chatear utilizando emojis o emoticones de manera incorrecta, pues como toda grafía se puede interpretar su uso.

Para evitarnos estos malos entendidos recibí estas 2 infografías diseñadas por Emma Brown de https://www.emojimore.com/es/ una herramienta en línea super amigable que te permite encontrar emojis y utilizarlos en tus textos. Aparte tiene una sección muy interesante en la cual te explica el significado de cada emoticon. La pagina viene en 7 versiones diferentes de idiomas incluido Español e Ingles.

Espero que integres esta divertida manera de comunicarte no solo en tu vida cotidiana sino dale 💥 a tus textos.


¡Nos vemos pronto! 

LOS 10 EMOJIS MÁS POPULARES


los 10 emojis más populares




lunes, 2 de septiembre de 2019

Como colocar un submenú en Blogger

19:33:00 0

Una de las pocas cosas en que Blogger no es amigable es en la creación de Subemenús, con los Gadgets que vienen en la plataforma puedes crear Menús de un solo nivel utilizando 2 opciones la de Paginas y Enlaces, sin embargo si deseas crear Menús de varios niveles no es posible.

Por eso te comparto la solución siguiente que desarrolle a partir de un código que vi en línea en este enlace, el que te comparto está corregido.

Copia este código, y pegalo dentro de un GADGET de HTML en tu sitio web, la ubicación de este GADGET definirá en que parte del sitio se va mostrar el Menú:



<style>
#cssmenu2 li {margin: 0 5px; padding: 0 0 8px; float: left; position: top; list-style: none; }
#cssmenu2 a,
#cssmenu2 a:link {font-weight: bold; color: #e7e5e5; text-decoration: none; display: block; padding:  8px 20px; margin: 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;  text-shadow: 0 1px 1px rgba(0,0,0, .3); }
#cssmenu2 a:hover {background: #000; color: #fff;}
#cssmenu2 .active a, 
#cssmenu2 li:hover > a {background: #666 url(http://cssmenumaker.com/sites/default/files/menu/96/overlay.png) repeat-x 0 -40px; color: #444; border-top: solid 1px #f8f8f8; -webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2); -moz-box-shadow: 0 1px 1px rgba(0,0,0, .2); box-shadow: 0 1px 1px rgba(0,0,0, .2); text-shadow: 0 1px 0 rgba(255,255,255, 1); }
#cssmenu2 ul ul li:hover a,
#cssmenu2 li:hover li a {background: none; border: none; color: #666; -webkit-box-shadow: none; -moz-box-shadow: none;}
#cssmenu2 ul ul a:hover {background: #8f8f8f url(http://cssmenumaker.com/sites/default/files/menu/96/overlay.png) repeat-x 0 -100px !important; color: #fff !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-shadow: 0 1px 1px rgba(0,0,0, .1);}
#cssmenu2 li:hover > ul {display: block;}
#cssmenu2 ul ul {display: none; margin: 0; padding: 0; width: 185px; position: absolute; top: 50px; left: 50;
#cssmenu2 ul ul li {float: none; margin: 0; padding: 3px; }
#cssmenu2 ul ul a {font-weight: normal; text-shadow: 0 1px 0 #fff; }
#cssmenu2 ul:after {content: '.'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
* html #cssmenu2  ul {height: 1%;}</style>
<div id="cssmenu2">
<ul>

<li><a href="http://LA_URL_PRINCIPAL/index.html">Home</a></li>
<li class="has-sub "><a href="LA_URL_A_CATEGORÍA1">Elemento1</a>
<ul>
<li><a href="LA_URL_A_SUBCATEGORÍA1">Subcategoria 1</a></li>
<li><a href="LA_URL_A_SUBCATEGORÍA2">Subcategoria 2</a></li>
</ul>
</li>
<li><a href="LA_URL_A_CATEGORÍA2">Elemento 2</a>
<ul>
<li><a href="LA_URL_A_SUBCATEGORÍA3">Subcategoria 3</a></li>
<li><a href="LA_URL_A_SUBCATEGORÍA4">Subcategoria 4</a></li>
</ul>
</li>
<li><a href="LA_URL_A_Contacto">Contacto</a></li>
</ul>
</div>



Cuando hayas echo esto deberás hacer los siguientes cambios para personalizar tu Menú:
Esta parte corresponde a la URL del Home.
Esta corresponde a la primera pestaña que tiene submenú.
Estos son los elementos que son parte de la primera pestaña.
Esta corresponde a la primera pestaña que tiene submenú.
Estos son los elementos que son parte de la primera pestaña.
Esta es la URL de una pestaña que no tiene submenú.

Si necesitas varias pestañas sin submenú añade en el orden que deseas mostrar el siguiente código:

<li><a href="LA_URL_A_PestanaSIN">Pestana Sin Submenú</a></li>

Si necesitas varias pestañas con submenú añade en el orden que deseas mostrar el siguiente código:

<li><a href="LA_URL_A_PestanaCON">Elemento con Submenu</a>
<ul>
<li><a href="LA_URL_A_SUBCATEGORÍA1">Subcategoria </a></li>
<li><a href="LA_URL_A_SUBCATEGORÍA1">Subcategoria </a></li>
</ul>
</li>



De esta manera puedes darle un Look más sofisticado a tu sitio web diseñado en Blogger con la función de desplegar pestañas en tu Menú.


Nuevos avisos en Facebook para celulares

09:20:00 0
Formato de Nuevos avisos en Facebook para celulares

Queridos lectores si te tocó configurar una campaña publicitaria en Facebook a partir del 19 de agosto del 2019, notarás que han surgió algunos cambios en la manera en que se muestran los avisos y los artes en móviles, si no es así aquí te dejo un resumen de esta actualización:
  • Se muestran solo las 3 primeras líneas de texto, a partir de este punto aparece una opción para poder ver el resto, lo cual son aproximadamente 20 a 25 palabras. Mi consejo es que en este "encabezado" expliques lo más importante de tu aviso para que aquellos que lo desplieguen ya estén enganchados para leer los detalles.
  • El aspecto ratio máximo de los avisos es 4:5, si tu arte ya sea en imagen o vídeo supera este tamaño no estará disponible para el FEED, algo positivo de este cambio es que este tamaño es compatible para las 2 redes sociales, Facebook e Instagram, no teniendo que diseñar 2 artes por separado.


En lo personal creo que estos cambios son beneficiosos para la lectura y visualización de las líneas de tiempo por los usuarios y no representan un problema para las marcas.




¡Nos vemos pronto!

miércoles, 28 de agosto de 2019

Cantidad de Caracteres en los textos en Instagram

12:05:00 0
Cantidad de Caracteres en los textos en Instagram


En este breve recuento te paso la cantidad de caracteres que puedes utilizar en Instagram por ubicación:
  • Pie de foto de Instagram 2200 caracteres aunque lo ideal es 125 caracteres para que no se acorte.
  • Biografías de Instagram 150 caracteres
  • Nombre de usuario de Instagram 30 caracteres
  • Hashtags de Instagram 30 Hashtags, sin embargo te recomiendo utilizar de 5 a 10 para que no se considere spam y puedas ser perjudicado con un Shadowband que te explico en este articulo de que se trata.
  • Número ideal de caracteres en un hashtag de Instagram: 24 o menos


Para mantenerse en estos limites te puedes ayudar con herramientas en linea de conteo de caracteres como contador de caracteres.

Todo en la vida tiene un limite y para manejarte mejor en Instagram es saberlos y adaptar tus textos.



¡Nos vemos pronto!