Steemit Markdown For Beginners : Image Alignment

in steemit-help •  last year  (edited)

Well here on Steemit alignment of pictures and texts are crucial for the post to be noticed, But everyone assumed it to be hard but in reality, it isn't that hard.

I've made this post because someone has asked me about markdowns and i know the struggles before i learned the markdown codes. So here I am making this post to help other steemians in making their way up to the top. Aesthetics of the post have a big impact to the readers.



We'll start with the easiest Image Alignment

Center Alignment :



Center Markdown code :

<center>Image.Link</center>

Sample Usage :


(See the image is lined up in the center)


Right Or Left Alignment :



Right or Left (depends on the direction inputted) Markdown Code W/O Source Link Code :

<div class="pull-Direction">< center >"ImageLink" < br/ >< em > SourceName< /em></center > < /div>


Flower


(See the image is now on the right side)











Right Or Left (depends on the direction inputted) Align Markdown Code With Source Link :

<div class="pull-Direction"><center>"Image Link"<br/><em><a href="Image Source Link">Source Name</a></em></center></div>

Sample Usage :



(See the word "flower" glows)

(that is the indicator that it is linked)







See how the two differs.

Not Linked :
<div class="pull-Direction">< center >"ImageLink" < br/ >< em > SourceName< /em></center > < /div>
Linked :
<div class="pull-Direction"><center>"Image Link"<br/><em><a href="Image Source Link">Source Name</a></em></center></div>


The Linked one had the code < a > and < /a > for the Link Source and Name.
It's just a single code but it makes the whole code differ from the others, so be mindful on it.

P.S < em > and < /em > is for making the text italic.


Last but not the least the Floating Image Right Or Left :


Floating Image Right Or Left Code:

<div class="pull-Direction">Img.Link</div>

Sample Usage



After you float the image to left or right the text will automatically align the text.

If you align it at right the text would look like this.







After you float the image to left or right the text will automatically align the text.

If you align it at right the text would look like this.





coollogo_com-4413571.gif

I Hope I've helped you making your post more neat and beautiful !

Thanks For Reading !



Join our community and be an Ohana


Join Our Discord


Join Our Facebook Community



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:  

Walang kw 😔😔cge n nga upvote q nlng hahaha...joke

Great job bunso....keep up the good work

Bravo bunso!!! Will resteem this! Very informative... you deserve an upvote!🤗😊👌👌👌🎉🎉🎉🍻🍻🍻

Upvoted:)

  ·  last year (edited)

Resteemed 👍🏻 Wow galing bunso. Thankyou ☺️now I know ❤️

wow oh wow may ganun na sya haha

·

haha kailangan po lumelevel up .. ahahaha

·

Ako kasi si "someone" Dad @maverickinvictus. Hahaha!!

  ·  last year (edited)

Oh, I was thinking of doing the same post... but that was 3 months ago. Procrastination really loves me! Hahah
Anyway, very helpful ito bunsong... cute. 😂

·

Gawa ka rin @rjd. Hahaha! Ako ata tinutukoy ni bunso sa post nya nag asked ng help. Haha! Gawa ka para marami ako reference. Lol!

@memeitbaby, nasa 69% pa vp ko.

Thank you so much for the tips!

Cheers!

Your Post Has Been Featured on @Resteemable!
Feature any Steemit post using resteemit.com!
How It Works:
1. Take Any Steemit URL
2. Erase https://
3. Type re
Get Featured Instantly � Featured Posts are voted every 2.4hrs
Join the Curation Team Here | Vote Resteemable for Witness

          Congratulations you have been upvoted because you, or a friend left a post in the NewbieResteem Post promotion Box. Discord Chat channel post Promotion Box.


Always a pleasure to upvote a post trying to help others out or to educate them. You did a nice job. If you enjoy games and contest, (I peeked at your page), you might want to take a look at @apolymask IFC contest, it really is not to late to get in on the fun, and round 13 is going to have a pretty nice sized prize payout.


         

Clicking on the images will take you to "Newbie Resteem Initiative info" - Our Discord Channel - abh12345's - IFC page

We invite you to use our tag (#newbieresteemday) to connect with more of our members. To learn more visit: Come Join Us!!! (Newbie Resteem Initiative)

I bashadow invite you to also click on the IFC Castle and learn about @apolymask and his game, be sure to tell them I sent you. As abh12345 has made lots of votes possible, apolymask thru his IFC game has made lots of fun possible.

Lots of votes made possible due to the kindness of abh12345 and his Steemit Curation Leagues

Maraming salamat dito Master haha.. Kailangan ko to haha

·

haha wla yun ! ahahah basta ipromote mo lang ako hahaha ! jk !

·
·

hahahaha always

thanks @memeitbaby big help para sa akin ;)