How to Align and Resize Images in Steemit Post?

I know guys that some of you already know, How to Align and Resize Images in Steemit Post? But for doesn't know, especially the newbie here and want to improve their post layout. Well, this tutorial is for Y😄U!


All Imagess

Let's start!

33644939_1909480859072041_3573862662326452224_n.jpg

How to Align an Image?

33644939_1909480859072041_3573862662326452224_n.jpg

  • Float Image Right of Text :

Use this:

   Like this: <div class="pull-right"><img src="https://steemitimages.com/0x0/https://i0.wp.com/bitcoinshirtz.com/wp-content/uploads/2017/09/Steemit-hand-image-.jpg?resize=1024%2C682&ssl=1" /></div>
   I know guys that some of you already know, How to Align and Resize Images in Steemit Post? But for doesn't know, especially the newbie here and want to improve their post layout. Well, this tutorial is for Y😄U!

Output :

I know guys that some of you already know, How to Align and Resize Images in Steemit Post? But for doesn't know, especially the newbie here and want to improve their post layout. Well, this tutorial is for Y😄U!




  • Float Image Left of Text :

Use this:

   Like this: <div class="pull-left"><img src="https://steemitimages.com/0x0/https://i0.wp.com/bitcoinshirtz.com/wp-content/uploads/2017/09/Steemit-hand-image-.jpg?resize=1024%2C682&ssl=1" /></div>
   I know guys that some of you already know, How to Align and Resize Images in Steemit Post? But for doesn't know, especially the newbie here and want to improve their post layout. Well, this tutorial is for Y😄U!

Output :

I know guys that some of you already know, How to Align and Resize Images in Steemit Post? But for doesn't know, especially the newbie here and want to improve their post layout. Well, this tutorial is for Y😄U!




  • Center Image :

Use this:

   Like this: <center>![]( https://steemitimages.com/400x400/https://steemitimages.com/0x0/https://i0.wp.com/bitcoinshirtz.com/wp-content/uploads/2017/09/Steemit-hand-image-.jpg?resize=1024%2C682&ssl=1)</center>
   I know guys that some of you already know, How to Align and Resize Images in Steemit Post? But for doesn't know, especially the newbie here and want to improve their post layout. Well, this tutorial is for Y😄U!

Output :

I know guys that some of you already know, How to Align and Resize Images in Steemit Post? But for doesn't know, especially the newbie here and want to improve their post layout. Well, this tutorial is for Y😄U!

33644939_1909480859072041_3573862662326452224_n.jpg

How to resize an image?

33644939_1909480859072041_3573862662326452224_n.jpg

         Use this:  https://steemitimages.com/widthxheight/ + link
         Like this: https://steemitimages.com/600x600/https://steemitimages.com/0x0/https://i0.wp.com/bitcoinshirtz.com/wp-content/uploads/2017/09/Steemit-hand-image-.jpg?resize=1024%2C682&ssl=1

Output:

For 500 x 500 :

For 400 x 400 :

For 300 x 300 :

All Images

😃Thank you for reading!😃

😃Please... follow me and resteem this post to help more newbie here in Steemit😃

If you have comments, opinions, reactions or corrections, please drop it off. I will surely appreciate it.



Username.png

H2
H3
H4
3 columns
2 columns
1 column
Join the conversation now