How to Style Your Post - quick guide
steemit·@runicar·
0.000 HBDHow to Style Your Post - quick guide
Just writing a long post without any separation between paragraphs and throwing images in tends to look really bad and many users still struggle with markup and styling their posts so I'll try to highlight and explain some of the best techniques to make your post stand out and look amazing. Lets jump right at it.
<center></center>
<center>https://steemitimages.com/DQmR1K8manfNunrVDPnhrNWzfaQ2B4ZMd6KcfQFtsoRRpET/tips.png</center>
As I said, just writing a bunch of text and not adding some spacing between paragraphs looks bad and makes it really hard for the reader to concentrate on the the text and if he needs a brake it will be really hard to figure out where he stopped unless he overlines the point at where he decided to stop reading.
But if you include some space and separate your post a bit, it will look much nicer, improve the flow of your post and make it more pleasant and easier to read.
Images are a crucial part of the aesthetics of your post but sometimes they are just too big or don't fit as they should. You can easily fix the size issue by resizing your images in Photoshop or any other image manipulation program.
If you want to position images to the left or right and/or make text wrap around them you can easily do that with a simple line of code.
 ---> to make them go to the left side or
 ---> to make them go right
 --- >obviously centers your images
Confused? Let me show you what I'm talking about.
<div class="pull-right">https://steemitimages.com/DQmNqR5kwpdZYDk9gwLJfhpZRhcS2rviNDmyd4F9JctzYhg/image.png </div>https://steemitimages.com/DQmX36S9nSmGKVALDZTx5L5EdUkdA2bxAn2U3eiH5FChvYR/image.png https://steemitimages.com/DQmarbButVu3rrZK5Pryoqjox714syYtpvjrRjm1UCwUFBY/stlila.png
<br><br>
<div class="pull-left">https://steemitimages.com/DQmNqR5kwpdZYDk9gwLJfhpZRhcS2rviNDmyd4F9JctzYhg/image.png </div>
 <"pull-left">
<sub>[Sample image source](https://www.google.hr/search?q=sample+image&source=lnms&tbm=isch&sa=X&ved=0ahUKEwi4hZDAmo_YAhVIFuwKHarRBqAQ_AUICigB&biw=1920&bih=968#imgrc=CwPbs8S_fuhr5M:)</sub>
<hr>
I hope you can see how this can be really useful and make your posts stand out. It's also great when dealing with large pictures that you don't want to resize. Because they will be automatically resized to a much more acceptable size.
<br>
<hr>
https://steemitimages.com/DQmRD9Mx3MGsRTSaLaFqihoRNNAhtBqGdu9dG38FEwpYks7/title.png
https://steemitimages.com/DQmP88Ewp1jEqR8KHxNrsK2TXzLRzsZgqQPKsAc5xch1KPJ/image.png
Adding titles to your paragraphs is another crucial thing because it increases the flow and readability of your post. Gives an quick explanation and a hint on what the paragraph will be about. For titles you will need the following code.
<div class="pull-left">https://steemitimages.com/DQmSsTad7cLvNZyoPto1TovbfoyAoQctoqGwYvnY6URCvZ2/image.png</div>
Titles are marked with h 1-6 and with 1 being the biggest and 6 the smallest.
<br><br><br>
You can also make your owntitles as I did for this post very easily. Just write the desired title in the font you want, export it as a image and paste in. Just be careful to use right sizes around 12pt.
<hr>
https://steemitimages.com/DQmYaJixV6DLNVo7dCaB23FFdoi5itaWLT9Bh6A9RyxPpAH/quotations.png
Not quoting someones saying and using it for your posts is considered plagiarism.
> I think this one is pretty self explanatory but I still see some users citing a bunch of text without quoting the right way. This actually might get you flagged so be sure to always use > "Your desired quotation" to quote. After > press space and start writing your quotation and when you are done press enter 2 times and write the author.
If you press a couple of spaces before your authors name you will get a cool looking font like this.
@runicar
<hr>
https://steemitimages.com/DQmRd4Ck2oNuZ2qgSU1KnRrH3X8cBAUg3W2gdqaGFpaa5ax/links.png
Links are another good thing to throw in your because as with quotations you might get flagged if you don't put them where they are needed. So if you are using an image that isn't yours be sure to state source like in this example.
<br>
<div class="pull-left">https://steemitimages.com/DQmedSahgmfNwALxXCUmAqMcL4KrHX6YUq8xi1CeR42yTiT/image.png</div>
This will convert text "Source" into a hyperlink that will open https://steemit.com/ check it out [Click Me](https://steemit.com/)
If you want to make your links smaller you can use 
It will look something like this <sub>[link tekst](https://steemit.com/)</sub>
Add your own personal touch to the post, something that will make it stand out and make it unique. It could be anything. A nice picture placed in just the right place or using customized titles and letters. You could also start your post with a capital letter like they do in the newspapers. That would be really cool.
<center>I forgot to mention that you can also center tekst :)
<h3>I hope this helps. If you got any questions feel free to ask.
Have a great day and start styling your posts!</h3>
</center>👍 runicar, sagor5828, meepsy, olusolaemmanuel, elguarodigital, kamelayedi, kubbyelizabeth, ausbitbank, sv67216721, thinknzombie, jammey, mike314-0005, ripperone, blockgators, twigg, smasssh, untapentuoreja, sraleik, twarmary, ggirl, whd, djohan, alktoni, tellmestory, george-topalov, fiercewarrior, farukcom, nafisacom, dimarss, overkillcoin, cgame, tipsntrix, asifali975, champion004, sagheer46, havok777, pingapete, angrezi, okutavio, hunzlakhan, jasmadiyunus, firesteem, enjoyinglife, supastix, soubhikmondal, cryptogecko, jyotigujju, babysteps, postpromoter, simo2016, nainaztengra, dado13btc, evernoticethat, nelipotnomad, gardenbsquared, yassine11, ldacey-laforge, sequentialvibe, safwan10000, kileart, quynnetessential, ocupation, firelgd, teamsteem, stefan6969, kaalin, nkkb, rodmaru, devilonwheels, socherry, elythies, pawgs, kuzmanovicb, julianhorack,