Guía para tus post: Banco de imágenes y Markdown / Guide for your posts: Image Bank and Markdown

in We are Sports3 years ago (edited)

Esta publicación tiene como objetivo ser una guía para el uso adecuado de las imágenes libres en nuestras publicaciones y también el uso básico de los códigos html.

This publication aims to be a guide for the proper use of free images in our publications and also the basic use of html codes.

Como hemos visto en los logros iniciales de Newcomers' Community se le enseña al usuario de la importancia de las fuentes, tanto en las imágenes como en las frases o párrafos, todo esto es importante, porque de lo contrario puede ser acusado de Plagio o su publicación perdería autenticidad. Por otro lado, el uso de markdown o de los codigos html puede pensarse que ya todos conocen, pero siempre hay nuevos usuarios ingresando a la plataforma y este tipo de información es necesaria.

As we have seen in the initial achievements of Newcomers' Community the user is taught the importance of fonts, both in images and in sentences or paragraphs, all this is important, because otherwise you can be accused of plagiarism or your publication would lose authenticity. On the other hand, the use of markdown or html codes may be thought that everyone already knows, but there are always new users entering the platform and this type of information is necessary.


Uso de Imágenes libres de derechos de autor. / Use of royalty free images.


Existen varios bancos de imágenes libres de derechos de autor o creative commons, en estas es posible explorar y conseguir imágenes para nuestras publicaciones, ya sea que desees editarla o colocarla directamente en tu publicación. Ahora veamos algunos detalles a tener en cuenta:

There are several royalty free or creative commons image banks, in these it is possible to explore and get images for our publications, whether you want to edit it or place it directly in your publication. Now let's see some details to keep in mind:

  • En ocasiones no encontramos las imágenes deseadas, así que debemos colocar otras que hagan referencia o se relacionen al tema; esto pasa habitualmente al buscar una imagen de algún deportista, así que lo ideal es colocar alguna imagen alternativa.

  • Sometimes we do not find the desired images, so we must place others that make reference or relate to the subject; this usually happens when looking for an image of a sportsman, so the ideal is to place an alternative image.

  • Algunos webs de imágenes libres son Pixabay, Pixinio, Wikimedia, Pxhere, Unsplash, Public Domain Pictures, Flickr y entre otros.

  • Some free image websites are Pixabay, Pixinio, Wikimedia, Pxhere, Unsplash, Public Domain Pictures, Flickr and others.

  • Siempre debes colocar la fuente de la imagen libre que utilices.

  • You should always place the source of the free image you use.

  • Puedes usar Google para ubicar y facilitar la búsqueda de imágenes libres en diferentes bancos de imágenes libres.
  • You can use Google to locate and facilitate the search for free images in different free image banks.

Ejemplo / Example:

Paso 1: Después de haber realizado tu búsqueda en Google, presiona Herramientas.

Step 1: After you have done your Google search, click on Tools.

Paso 2: Selecciona Licencias Creative Commons.

Step 2: Select Creative Commons Licenses.

  • Después de haber seleccionado Licencias Creative Commons aparecerán las imágenes de fuentes libres.

  • After you have selected Creative Commons Licenses, the free source images will appear.

De este modo es posible usar Google para abarcar más bancos de imágenes libres y obtenerlas de manera fácil o puedes ir directamente a webs que mencione anteriormente. También para corroborar aun más que la imagen que estás buscando de Google es libre de derechos, podemos verificar su licencia y podemos seguir estos pasos:

In this way it is possible to use Google to browse more free image banks and get them easily or you can go directly to the websites I mentioned above. Also to further corroborate that the image you are looking for from Google is royalty free, we can verify its license and we can follow these steps:

Paso 1 Selecciona la imagen y vas a darle click donde dice: Detalles de Licencia.

  • Step 1 Select the image and click where it says: License Details.

Paso 2 nos aparecerá en otra pestaña, la información sobre si la imagen realmente esta con libres derechos de autor y como puedes observar esta imagen tiene el libre derechos para ser utilizada.

  • Step 2 will appear in another tab, the information about whether the image is really free of copyright and as you can see this image has free rights to be used.

De esta manera ya tenemos totalmente la seguridad que nuestra imagen ubicada en Google, esta totalmente libre de derechos de autor y puede ser utilizada en steemit.

In this way we already have total security that our image located in Google, is totally free of copyright and can be used in steemit.


Códigos HTML básicos para nuestras publicaciones.

Basic HTML codes for our publications.


En cualquier plataforma de Blogs es necesario tener un formato básico o hacer eso de los códigos para tener una buena presentación y orden en la información que estamos mostrando, por este motivo es necesario facilitar los códigos básicos a los nuevos usuarios de la plataforma y principalmente de #wearesports.

In any Blog platform is necessary to have a basic format or do that of the codes to have a good presentation and order in the information we are showing, for this reason it is necessary to provide basic codes to new users of the platform and mainly #wearesports.

TITULOS / TITLES.

Si queremos darle mayor tamaño a nuestro título, podemos utilizar el hashtag (#), mientras mas coloquemos al lado de nuestro título de menor tamaño se va estar colocando y si agregamos pocos (#), mas grande se va a estar observando nuestro título. Ejemplo:

If we want to give more size to our title, we can use the hashtag (#), the more we place next to our title the smaller it will be placing and if we add few (#), the bigger our title will be being observed. Example:

/ # Wearesports.
/ ## Wearesports.
/ ### Wearesports.
/ #### Wearesports.
/ ##### Wearesports.
/ ###### Wearesports.

Van a observar como se va a visualizar el título con tan solo un hashtag (#) y como se va a visualizar con 6 hashtags (#) que seria lo máximo que podemos colocar.

You will see how the title will be displayed with only one hashtag (#) and how it will be displayed with 6 hashtags (#) which would be the maximum we can place.

Wearesports

Wearesports

Si miran el primer Wearesports se encuentra grande, mientras que el titulo de Wearesports abajo esta mucho mas pequeño y es gracias a los hashtag que llevan cada uno.

If you look at the first Wearesports it is large, while the Wearesports title below is much smaller and it is thanks to the hashtags that carry each one.

Colocar Negritas / Bolding.

Si deseamos colocar negritas en nuestros escritos, simplemente debemos colocar dos asteriscos en el comienzo y al final del escrito que deseamos que se vea en negritas. Ejemplo:

If we wish to place bold letters in our writings, we must simply place two asterisks at the beginning and at the end of the writing that we want to be seen in bold. Example:

** Comunidad Wearesports ** Esto debe ir pegado en la palabra y se va a ver de la siguiente forma / This should be pasted into the word and will look like this..

Comunidad Wearesports y así obtenemos nuestro texto en negritas / and thus we get our bold text.

Espacio del Párrafo / Paragraph Space

Si queremos colocar un espacio entre párrafos, vamos a estar utilizando un hashtag (#), también esto sirve para separar el texto de una imagen y hacer que tu post luzca mucho mejor. El hashtag a va estar siendo colocado por debajo del texto, primero tienes que bajar dejando un espacio, seguido otro espacio donde colocaremos el hashtag (#) y después otro espacio para seguir escribiendo. Ejemplo:

If we want to place a space between paragraphs, we are going to be using a hashtag (#), also this serves to separate the text from an image and make your post look much better. The hashtag a is going to be placed below the text, first you have to go down leaving a space, followed by another space where we will place the hashtag (#) and then another space to continue writing. Example:

Las publicaciones en wearesports tienen un gran material deportivo y los usuarios se esfuerzan para dejar valor en el feed.

The posts on wearesports have a lot of sports material and users go out of their way to leave value in the feed.

#

Seguimos escribiendo otro párrafo luego de haber colocado el hashtag y rápidamente van a notar como se ve la separación.

We keep writing another paragraph after posting the hashtag and you're going to quickly notice how the separation looks.

Justificar / Justify:

Al usar el código justificar el texto se ajusta a los espacios laterales, lo cual hace que se mantengan alineados.

When using the justify code the text wraps to the side spaces, which makes them stay aligned.

<div class="text-justify"> Texto aquí </div>

Centrar / Center:

Centrar permite que una imagen o texto quede centrada.

Center allows an image or text to be centered.

<center></center>

Ejemplo:

Doble columna / Double column:

De esta forma podemos colocar textos o imágenes en 2 columnas ( izquierdo o derecha).

This way we can place texts or images in 2 columns ( left or right).

<div class="pull-left"> Texto, Imagen</div>

<div class="pull-right">Texto, Imagen</div>

Ejemplo / Example:

Text - Image Left

imagen.png

Text - Image Right

imagen.png

Por ahora nos despedimos, esperamos seguir trayendo buenas nuevas para ustedes y recuerden que entre todos podemos hacer grandes cosas en We Are Sports.

For now we say goodbye, we hope to continue bringing good news for you and remember that together we can do great things in We Are Sports.

Delegaciones / Delegations:


50 SP - 100 SP - 200 SP - 500 SP

Pronto vendrán otras noticias de interés para todos, así que muy pendientes apreciados amigos de We Are Sports. Recuerda que también puedes reconocernos en Steemit con nuestros usuarios @tanhunter254, @adriancabrera, @alexarelatos, @abell24 y @wentv. Estamos aquí para ti y tu opinión para nosotros también es importante.

Other news of interest to everyone will be coming soon, so stay tuned dear friends of We Are Sports. Remember you can also recognize us on Steemit with our users @tanhunter254, @adriancabrera, @alexarelatos, @abell24 and @wentv. We are here for you and your opinion is also important to us.

Te Esperamos / We are waiting for you

We share with you our communication channels:

☆Twitter: https://twitter.com/WeAreSports22
☆Telegram: https://t.me/+mwqqfGFWUrE5OGJh
☆Discord: https://discord.gg/Gjh6kVd7

Sort:  

Thank you for contributing to #LearnWithSteem theme. This post has been upvoted by @reminiscence01 using @steemcurator09 account. We encourage you to keep publishing quality and original content in the Steemit ecosystem to earn support for your content.

Club Status: #Club5050

Sevengers Comment GIF.gif

Regards,
Team #Sevengers

Gracias por el apoyo, agradecidos totalmente.

Es un Post Excelente sobre Todo la Información para conseguir las imágenes Libres de derecho de autor, se que sea muy útil para Todos, para dejar de estar cometiendo plagio sin quererlo. Por desconocimiento.

Muy buena Guía.
Gracias por compartir 👏👏

Gracias amiga por esas palabras, se le dedico esfuerzo a ese post, esperamos que sea de gran utilidad y tanto para los nuevos y viejos se puedan guiar.

Saludos y gracias por el apoyo.

Es fantástico tener una guía para nuestros miembros y demás usuarios de Steemit, de este modo pueden hacer un correcto uso de las imágenes y de los códigos html. Saludos.

Una guía muy completa, que nos puede servir a todos de orientación y a su vez, nos ayudará a hacer nuestros post de calidad. Que sigan los éxitos para todos en nuestra casa deportiva We Are Sports.

Excelente información

Es un maravilloso trabajo que estoy seguro le será de mucha utilidad a todos nuestros Suscriptores.
Seguiremos trabajando para brindarle apoyo a todos.

 3 years ago 

Felicitaciones. Un post muy didáctico.

Hi, @wearesports,

Thank you for your contribution to the Steem ecosystem.


Please consider voting for our witness, setting us as a proxy,
or delegate to @ecosynthesizer to earn 100% of the curation rewards!
3000SP | 4000SP | 5000SP | 10000SP | 100000SP

Agradecemos mucho el apoyo brindado. Bendiciones!