A Chrismas Posting Pack!
I finally completed a first selection of free-to-use text dividers and creative visuals that we can add to our posts. Now it's time to share it with the community.
Let’s dive right in
Finalmente completé una pequeña primera selección de divisores de secciones y otros recursos gráficos de libre uso que podemos añadir a nuestras publicaciones. Ahora es momento de compartirla con la comunidad
He escrito también en español, encuéntralo justo al final del texto en inglés.
¡Vamos!
A Splash of Christmas
For those who say one cannot live without color.
My Garden
Let's talk about red and green
Lights: The Nature is Here
Using dividers is an easy way to create sections in your content. Whether you’re writing a blog post (like this one!) or designing an infographic, these visuals help guide the reader’s eye.
Everything works?
The answer is No. You may be noticing it already if you're using dark mode or reading this post with in a dark background. The thing is that the image on the left has a white background, which blends in perfectly if you're reading on a background of the same color, but breaks and jumps all over the face if you use a dark background or even a slightly darker one. An this is a problem we will face when looking for or designing graphic resources for our posts: They MUST look good in as many environments as possible. Be neutral. As they will be static and will not change with the will of the reader.
That is the biggest part of the work behind every selection of this type, and the work I want to save you all: researching, studying every one of the main platforms that display the posts, modyfing royalty-free images, designing new ones for the free use of the community and testing, a lot of testing.
So, please, enjoy and let me know what theme you would like for the coming packs.
Keep in mind that all the packs will be available in an library tool I'm working on and I'm very enthusiastic about.
The Biggest
Let’s Talk Text
Of course, visuals are only part of the story. The text itself matters just as much! Here’s a quick tip:
when writing longer pieces, try breaking up your paragraphs into smaller chunks. It makes your content easier to read and keeps your audience engaged.
Keep it simple and clear for maximum impact.
Is there more than one way?
Here are some ways we can use the resources:
You can right-click or long-tap the image you would like to use and then copy the URL if there is an option for that in the app you're using. If not you can click on the image and go to the original website that publishes them clipart-library.com and copy the embed code they publish alongside the image. It looks like this:
<a href="https://clipart-library.com/clipart/1565099.htm"><img src="https://clipart-library.com/img/1565099.png" width="192" height="120" /></a>
Then you can paste it in your post and
Voilà! There is your cool image.
And, since you included the <a> tag, the original resource is referenced, and everyone who wishes to know where you got it, can click it and will be directed right to the Clipart Library.
If all of this sounds complicated, you can alwas download the image to your phone gallery or computer and add it to your post by uploading it again just like you would do with any other picture.
What about putting an image on the side?
Well, if you want to pull an image to the left or right side of the text and have whole paragraphs going around this image like above, it is simpler than you think:
<div class="pull-right">
🐱 Here goes the image code or anything you want to be shown in the right side
</div>
🐕 This little dog is in the left side
🐱 Here goes the image code or anything you want to be shown in the right side
🐕 This little dog is in the left side
Final Thoughts: Add Your Personal Touch
At the end of the day, it’s all about making your content feel like you. Whether you’re writing a blog, creating a presentation, or designing something special, don’t be afraid to experiment with visuals and formatting. Have fun with it!
I will be doing this often, so stay tuned for more resources! and a future library of resources tool on the New Hive Tools Project @hiveto.
Today was the turn of the first Christmas-themed pack, wait for more!
If you have any favorite tips or tricks for sprucing up your content, feel free to share them in the comments below. Until next time.
Happy Posting! 😊
ES
Para todos mis compañeros de @aliento, @hivecuba y las demás comunidades de hispanohablantes de Hive, aquí les dejo la versión que escribo en español.
Paquete navideño para publicaciones!
Finalmente he completado una pequeña primera selección de divisores de secciones y otros recursos gráficos de libre uso que podemos añadir a nuestras publicaciones. Ahora es momento de compartirla con la comunidad
¡Vamos!
Un toque de Navidad
Para aquellos que dicen que uno no puede vivir sin colores.
Mi jardín
Hablemos de rojo y verde
Luces y Naturaleza
Usar separadores es una forma fácil de crear secciones en tu contenido. Ya sea que estés escribiendo un artículo de blog (como este) o diseñando un infografía, estos visuales ayudan a guiar la atención del lector.
¿Todo funciona?
La respuesta es No. Podrías haberlo notado ya si estás usando modo oscuro o leyendo este post sobre un fondo oscuro. La cosa es que la imagen de la izquierda tiene un fondo blanco, que se camufla perfectamente si estás leyendo sobre un fondo de mismo color, pero rompe con todo el diseño si usas un fondo oscuro o incluso solu un tin más oscuro. Y esto es un problema con el que nos enfrentaremos al buscar o diseñar recursos gráficos para nuestras publicaciones: Tienen que verse bien en tantos entornos como sea posible. Ser neutrales. Ya que serán estáticos y no cambiarán según la voluntad del lector.
Eso es la mayor parte del trabajo detrás de cada selección de este tipo, y el trabajo que quiero ahorraros a todos: investigar, estudiar cada una de las principales plataformas que muestran los posts, modificar imágenes de uso libre, diseñar nuevas para el libre uso de la comunidad y probar, probar mucho.
Así que, por favor, disfruta y hazme saber sobre qué tema te gustaría que arrase el próximo paquete. Prometo que será mucho más extenso.
Y ten en cuenta que todos los paquetes que me pidan investigar y publicar, pronto estarán disponibles en una herramienta de biblioteca de recursos en la que estoy trabajando y con la que estamos ya muy entusiasmados.
Suenan los regalos
Hablamos de texto
Por supuesto, los visuales solo son parte de la historia. El texto mismo importa tanto como ellos. Aquí tienes un consejo rápido:
Cuando escribas piezas más largas, intenta dividir tus párrafos en trozos más pequeños. Hace que tu contenido sea más fácil de leer y mantiene a tu audiencia comprometida.
Manténlo simple y claro para lograr mayor impacto.
¿Hay más de una vía?
Aquí tienes algunas formas en las que podemos usar los recursos:
Puedes hacer clic derecho o mantener el dedo presionado sobre la imagen que quieras usar y luego copiar la URL si hay esa opción en la aplicación que estás usando. Si no, puedes hacer clic en la imagen para ir al sitio web original que las publica clipart-library.com y copiar el código HTML de inserción que publican junto con la imagen, el cual se ve así:
<a href="https://clipart-library.com/clipart/1565099.htm"><img src="https://clipart-library.com/img/1565099.png" width="192" height="120" /></a>
Luego puedes pegarlo en tu post y
¡Voilà! Ya tienes tu imagen.
Y, ya que incluyiste la etiqueta <a>, se referencia el recurso original, y todos aquellos que deseen saber dónde obtenerla, pueden hacerle clic y serán dirigidos directamente a donde está la imagen en la bliblioteca clipart-library.com.
Si todo esto suena complicado, siempre puedes descargar la imagen a la galería o almacenamiento de tu dispositivo para luego añadirla a tu post subiéndola otra vez como harías con cualquier foto.
¿Qué pasa con eso de poner una imagen a un lado?
Bueno, si quieres empujar una imagen hacia la izquierda o derecha del texto y hacer que los párrafos la rodeen como hice arriba, es más sencillo de lo que piensas:
<div class="pull-right">
🐱 Aquí va el código de la imagen o lo que quieras mostrar al lado derecho
</div>
🐕 Esto se verá en el lado izquierdo
🐱 Aquí va el código de la imagen o lo que quieras mostrar al lado derecho
🐕 Esto se verá en el lado izquierdo
Finalizando: Añade Tu Toque Personal
Al final del día, se trata de hacer que tu contenido se sienta tuyo. Ya sea que estés escribiendo un blog, creando una presentación o diseñando, no tengas miedo de experimentar con visuales y formateo. Diviértete y muestra tu creatividad!
Haré esto con frecuencia, así que sigue atento por más recursos! Y una futura herramienta de biblioteca de recursos en el Nuevo proyecto de herramientas para la comunidad: Hive Tools @hiveto.
Hoy ha sido el turno del primer paquete temático navideño, espera más!
Si tienes algún consejo o truco favorito para dar un toque a tus publicaciones, no dudes en compartirlos en los comentarios debajo. Hasta la próxima vez.
¡Divirtámonos publicando! 😊
All images are linked to the orignial resources in Clipart-Library, a library of free-to-use graphics for the whole internet community.
Todas las imágenes están vinculadas a los recursos originales en Clipart Library, una biblioteca de gráficos gratuitos para toda la comunidad de internet.
Muchas gracias @aljif7.
Espero que le sea de mucha ayuda!
I hop it proves helpful to you!