You are viewing a single comment's thread from:

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

in #introduceyourself • 7 years ago

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.

7 years ago in #introduceyourself by
$0.00
    1 vote
    Reply 2
    Sort:  
  • Trending
    • [-]
     7 years ago  

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

    $0.00
      Reply
      [-]
       7 years ago  

      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>