Today we would like to introduce some advanced formatting options for your blog post.
Pull Left Example
<div class="pull-left">
https://imageurl.com/img.jpg
<center> **left image caption** </center>
</div>
Pull Right Example
You can also pull your images right using the pull-right class.
<div class="pull-right">
https://imageurl.com/img.jpg
<center> **Right Caption** </center>
</div>
Text Justify Example
Some of us like our text to look well structured like a newspaper or magazine article that aligns along both the right and left sides of the page. That is now possible by using the text-justify class.
<div class="text-justify">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
Example Rendering of Justified Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Summary
When using pull-left or pull-right your images will automatically be limited to a width of 50%. The interaction with markdown can produce some unexpected results and formatting. When all else fails you can use basic HTML tags like <b> or <i> to get the text style you would like.
Monetize your Steemit Blog with Amazon Affiliate Links
The savvy blogger can earn extra revenue by linking to Amazon products using their link generator. If you use amazon affiliate links on steemit.com, then we reserve the right to remove, disable, or modify the embedded images and or links to comply with Amazon's Associates Program Operating Agreement and their Associates Program Linking Requirements.
Happy Blogging!
This post has been linked to from another place on Steem.
Learn more about linkback bot v0.3
Upvote if you want the bot to continue posting linkbacks for your posts. Flag if otherwise. Built by @ontofractal
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Can we get justify buttons (left, center, right) added to the editor toolbar?
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
I Love Word Press
A center button on the Steemit Blog Editor
Would Be Awesome
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
This is very cool! The more formatting options the better, and I've been feeling for a while that image formatting needed some love, so glad to see you guys giving it some!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
This is really helpful thank you
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
I have made sure to bookmark this page for future reference.
ctrl + d or cmd + d are the hotkeys for you to do the same!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
nice improvements to the community, happy blogging for all 8]
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
great new features specially amazon affiliate program link which will attract more steemiants to write more creative and new contents for steemit. thanks to inform.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
ADD A CAPTION LINK with this example removing underscores:
<div class="pull-right">
h_ttps://website.com/image.jpg
<center>Text before link:<a href="https://website.com/link.html">linked text</a>, and text after link.</center>
</div>
Let me know if this does not work for you.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Just to clarify, you're encouraging the use of affiliate links, but are also saying that you may modify or remove links if necessary?
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Seems like it. I doubt this would happen very often but if Amazon gets down on us they might have to start removing links left and right to comply with their massive Agreement
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Ok
I Still Confused
Glad to find out that it is possible tho
Can You Put A Video Up?
Where in the editor do I put this html code to get this?
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
anywhere. you just use it in-line
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
I've just now created videos and a tutorial demonstrating this.
https://steemit.com/steemit/@newandold/steemit-posting-how-to-use-advanced-formatting-and-markdown-together-in-one-30-second-step
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
so you do not add amazon ref links, but just modify them if they do not follow the amazon tos? just for clarification
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
We are not adding the links.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
k thanks
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thanks. I've already used the floating image classes a few time a week or two ago. I did a google search and there was already a post on it from someone who looked into the github code ;)
Very useful formatting feature. Thanks for adding it.
Peace.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thank you for what you have posted here. It is helpful information.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thank you, the post is old but it was helpful.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Amazon affiliate links - how clever!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Cue infinite book review posts haha.
Good features and +1 to center button please!
@steemitblog
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Excellent new features. Can't wait to try them out.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Yay! Another item/feature listed in my previous post and on my checklist to mark off - Keep up the great work!
New design concept for Steemit website
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
I get it how you made the pictures go left and right, but how did you make the text blocks flow around your pictures left or right?
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
I've just now created videos and a tutorial demonstrating this.
https://steemit.com/steemit/@newandold/steemit-posting-how-to-use-advanced-formatting-and-markdown-together-in-one-30-second-step
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thankyou so much the pull-left and pull-right will make a huge difference :)
I wish I'd spotted this earlier!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
For some odd reason html stopped working at all for me and I can ONLY use mark down now. :'(
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
These are some cool new features though I hope that we dont get overrun by overly promoting posts aimed at selling Amazon store items
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Great work i will use it next time
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Feature request from my side: syntax highlighting as described at https://help.github.com/articles/creating-and-highlighting-code-blocks/
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Hey, thank you for your article. I've linked it from mine https://steemit.com/steemit/@newandold/steemit-posting-how-to-use-advanced-formatting-and-markdown-together-in-one-30-second-step
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
The justify gives me all sorts of problems :-(
Cg
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
I love using these!!! Are there any other divs we should know about? Or any we shouldn't? 😆
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
thx, very helpful information!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
How work the amazon affiliate Links?
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Flagged for offtopic spam.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Nice!
Now go and up vote if you find these ideas on topic or any good
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit