RE: This is how I made my steemit cover image with a free online tool

[merazbd]

Actual this is my self made 2nd post in steemit and I did not find any option to post images into different segments in my post.
Do U know any tip to post my images anywhere in a by only drag and drop
like wordpress post editor ??

Comments

[playfulfoodie]

Actually, I'm not sure how to move around your images here with markdown language. I just use HTML for things like that. Here's part of my post footer as an example:

<div class="pull-right">
<center>
<a href="https://www.redbubble.com/people/anteia/works/28009865-paid-for-with-steem?asc=u"><img src="https://steemitimages.com/DQmPXsjJdxqMarSMBzpX2r4g8ccxv1gPe7kz5xhgYaYjZxv/image.png" /></a>
</center>
</div>

You gotta be careful with mixing html and markdown though. I use both, but my footer is divided into segments with --- :

---

That might do the trick.

[merazbd]

Thank 4 Ur fast reply. Can U tell me the function of class="pull-right" ??
What does it do ??

[playfulfoodie]

Here's what it does in my footer:

---

Thanks for stopping by! If you've enjoy this article, try my other sites:
| Photo shop | Foodblog | Photo gallery | Twitter | Twitch | YouTube |

Want to satisfy your creative needs? Join the Marvelous Tales Contest!

---

As you can see, it literally pulls the image to the right of the text. Pull-left would drag it all the way to the left. With this code, you can still add as much text as you want next to the image.

In my case, I'm using the image as a link aswell. The only thing you would need is this:

<div class="pull-right">
<center>
<img src="https://steemitimages.com/DQmPXsjJdxqMarSMBzpX2r4g8ccxv1gPe7kz5xhgYaYjZxv/image.png" />
</center>
</div>