Como agregar una imagen de Fondo y Subtitulo de imagenes

in spanish •  7 years ago 

Cómo agregar una imagen de Fondo y Subtítulo de imágenes

mini imagen.png
Foto por Mysticsartdesign Fuente

Hola steemianos, hoy les traigo una guia sobre como poder agregar una imagen de fondo en su blog de Steemit y como crear subtitulo con etiqueta fuente para sus imágenes.


Empecemos

Cómo agregar una imagen de Fondo

  • Más de alguna se ha dado cuenta, que hay persona que tienen blog con imágenes de fondo atractivas y obviamente uno también quiere tener un blog con una imagen de fondo atractiva. Pero cómo puedo agregar esa imagen.

  • En el siguiente párrafo explicare paso por paso de como poder inserta tu propia imagen a tu blog.


Primer Paso

  • Debemos tener una imagen obviamente... Puedes agregar cualquiera imagen de internet, pero no se verá completamente por lo tanto, como recomendación utilicen una imagen que tenga una medida 2050x1150 Pixeles.

  • Entonces lo primero que deberan hacer es ingresar a la pagina Imgur.com, deberan registrarse en ella e ingresar a la página.

mini imagen 1.png

Fuente

Segundo Paso

  • Una vez Registrados y dentro de la página, desplazaran su flecha del mouse sobre su nombre de usuario en la parte superior derecha de la pagina y se abrirán nuevas opciones a ingresar.

  • Presionaran en Images.

mini imagen 2.png

Fuente


Tercer Paso

  • Presionaran en el cuadro derecho que dice Add images y subiran la imagen que desean agregar a su post.

mini imagen 3.png

Fuente

  • Luego de presionar en add images, presionaran en Browse para cargar su imagen desde su ordenador.

mini imagen 4.png

Fuente


Cuarto Paso

  • Una ves subida la imagen, en su perfil en images, les aparece la imagen recién subida. Presionaran en ella y Copiaran el link que sale en Direct Link.

imagen 5.png

Fuente

  • Una vez copiado el link deberán ingresar a su blog en Steemit y presionaran en configuraciones.

mini imagen 6.png


Quinto Paso

  • Una vez ingresado en configuración, pegaran el link copiado anteriormente de la imagen de fondo y lo pegaran en la casilla, " Link para la imagen de fondo".

mini imagen 7.png

  • Luego de pegar el Link presionaran en el Cuadro de Actualización que se encuentra en la parte inferior de configuracion y listo! Tendrán su imagen de fondo.

  • Recuerden la recomendación de utilizar imágenes con medidas de 2050x1150 Pixeles.


Como poder agregan una Fuente con subtitulo a una imagen.

  • El subtítulo de imágenes con la complementación de Fuente, es una forma de agregar el link de fuente a la imagen de manera más atractiva visualmente.

Recordarles que agregando una fuente, sin importar la forma de cómo se agregue estará correcto.

Empecemos

  • Para agregar un Subtítulo con la etiqueta fuente como el siguiente ejemplo.

overcoming-1697546_1280.jpg
Foto por waldryano Fuente

  • Se ve claramente una diferencia entre agregar solo el link a colocar el subtitulo con su respectiva fuente.

Como agregar subtitulo

  • El subtítulo junto con la fuente, utiliza una complementación entre etiqueta HTML y etiqueta de Markdown, gracias a estos 2 lenguajes, se puede obtener ese tipo de fuente.
    El código funciona de la siguiente manera, se agrega una etiqueta <sub></sub> y dentro de ella va la palabra que se agregara, como por ejemplo Foto por Nombre. Y dentro de ella colocaremos la etiqueta de Fuente Que es; <sub>[]()</sub>. En el siguiente ejemplo se mostrará como utilizar de manera correcta el código.

Codigo

overcoming-1697546_1280.jpg

<sub>foto por Hola [Fuente](https://pixabay.com/es/superaci%C3%B3n-de-victoria-fuerza-1697546/)</sub>

Resultado

overcoming-1697546_1280.jpg
foto por Hola Fuente

  • Como pueden ver claramente se nota la etiqueta fuente con un agregado, en el cual pueden colocar el nombre del autor o cualquier otro atributo y al lado está la etiqueta fuente que es el link de donde proviene la imagen.

Conclusion

Y así de sencillo agregamos una imagen de Fondo para su blog en steemit y un pequeño subtitulo de imágenes para cada foto subida en sus post. Espero que les haya servido de gran ayuda y si les gusto la guia, les agradeceria bastante un upvote, resteem o comentario. Saludos soy @makemoneynow.

ANALIZANDO, PENSANDO Y ACTUANDO, SE PUEDE LOGRAR UN MEJOR RENDIMIENTO.

mini imagen 2.png

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Yo la verdad, que me perdí, disculpen mi falta de rápido aprendizaje
4C7.gif

jaja, pero intente explicarla lo mejor que pude :( quizás no hice algo bien, pero agradezco tu comentario, Saludos y gracias por comentar.

todo bien, solo que en mi caso leo dos veces :), ahora mismo voy a modificar la fuente del post de esta mañana. Gracias por el articulo

eres como el de la imagen saltando pero te resbalastes, tranquila yo tambien me cai y tuve que volver a saltar

es una total locura!

Gracias, excelente explicación y mucha ayuda, ya lo pondré en practica, estaba hecha un lió con eso de las imágenes

De nada @yuma08, seguire subiendo contenido para que me sigas, Saludos y gracias por comentar.

Excelente, voy a ponerlo en práctica a ver como me va ....., deseame suerte jajaja.

Si, esa es la idea. Gracias por comentar y suerte jeje.

Buena eplicación, se ve mucho mas elegante la etiqueta que el link, gracias...

Si, se ve mucho mejor. Gracias @joncar. Saludos

Siempre me sorprende de manera agradable lo didactico que es en su post, este me encantó y me ayudó, le felicito, buen trabajo, mucho éxito

De nada @aplausos, me pone muy alegre leer este comentario, de parte de un seguidor. Saludos y gracias por comentar.

Sencillamente GRACIAS, por tu información.

De nada @fmbs25, espero que te sirva de ayuda. Saludos y gracias por comentar.