- Markdown Cheatsheet
- Steemit Markdown Basics for Beginners
- Tub Cat's Advice - Formatting Tips and Tricks
<div class="text-justify"> It's just a matter of preference. There's no standard rule that you should follow. It's just a matter of choosing the code that suits your idea of what's appealing. </div>
Note: Photo is just for illustration.
----- <center><b>CANCALANOG FALLS IN ALEGRIA, CEBU</b>center><center><sub><b>That Magical Blue Water Hole in Middle of the Jungle</b>sub></center> -----
CANCALANOG FALLS IN ALEGRIA, CEBU That Magical Blue Water Hole in Middle of the Jungle
Actually, it was @legendarryll who used this first. I just adopted it because it looked awesome in a travel blog. Oh! Before I forget, please don't forget to add a space before the last divider or else, the spaces between the divider and the words would not be equal. Or just copy-paste that code as is. Trust me, I experimented on that because my OCD self was triggered before.
Let's have some photo attachment formats next.
Pull Left and Pull RightPull left and pull right are not just exclusive for photos. They can also be used for texts to separate the reading screen into two columns. They work well with multilingual posts and translations.
You can use pull left or pull right alone or you can use them together. I usually use them together.
Adding Two Photos Side by SideThis works well if you want to compare two photos. Here's the code:
<div class="pull-left"> https://files.peakd.com/file/peakd-hive/ybanezkim26/80KXLbt7-2019_0224_14004300.jpg </div> <div class="pull-right"> https://files.peakd.com/file/peakd-hive/ybanezkim26/07ZtekDn-2019_0224_14004000.jpg </div> -----
Here's the final look:
There are a lot of things to remember here to achieve that photo attachment. First, you must remove the photo details and the only the link must remain. If not, that will show up in the preview. You can try doing it to see for yourself. Second, there must be a space between the pull left or right code and the link of your photo. It's not detectable in PeakD, but it's observable in hive.blog. Without that space, there will be an imbalance in spaces before and after the photo. I'm a fan of using spaces to let the elements of my blog breathe. You can try to compare with and without space and tell me what you observe. Third and last, I added a divider after the codes for spacing. Without the divider, there will be no space between your photos and its consequent text.
Adding LinksAdding links to your blog has its own benefits. You can actually advertise your other posts by linking them to your current post. If you're writing a synthesis of something or making a STEM blog, adding links to your sources means that you have done your research on the topic that you're writing. It increases your credibility as a writer as it shows you're not making things up. In my case, I'm usually doing a travel series so adding the previous parts of the series would provide my readers some context of what I'm talking about.
There are two ways of adding links to your post. One is specific only for default format, while the other is a more general code.
Here's the code for adding links under the default format:
That is not applicable when you're using text justification or within any div class code.
I have a way of adding links to my previous blog. I just find it fancy so I used it. This is still using the pull-left and pull-right code.
Here's the code for the links to my posts:
----- <div class="pull-left"> https://files.peakd.com/file/peakd-hive/ybanezkim26/uJLzC782-2019_0224_14261900.jpg </div> <div class="pull-right"> <center><sub><b><a href="https://peakd.com/hive-174578/@ybanezkim26/definitely-cebu-9-lambug-beach-badian-cebu">Definitely Cebu #9: Lambug Beach, Badian, Cebu </div> -----
Here's what it looks like:
Take note that you have to use "a href" instead of braces and parentheses in order for this to work. I personally choose this code for links to my posts because it gives the reader an idea of what's in store in that link. Adding a photo, specially the thumbnail photo, would entice the reader to check out that post. I'm not sure if it works. 😂
If you have read my posts, please comment below if that works. I need some affirmation.
Headings and Sub-HeadingsAdding headings and sub-headings in your post provides structure and emphasis to your topic. It is also said that it improves the SEO ranking of your post.
Here's the code:
<h1>Headings</h1> <h2>Headings</h2> <h3>Headings</h3> <h4>Headings</h4> <h5>Headings</h5> <h6>Headings</h5>
Here's what it looks like:
HeadingsThe number ranges from 1 to 6 which signifies how big your heading can be. I personally choose h4 to h6 because I found h1 to h3 to be too large.
This is to give you an idea that there's a lot of things going on before I can upload a post. There are actually other formatting techniques out there, but I rarely use them. Tables, columns, and blockqoutes are some of them, but I won't include them here. Again, you can stick to the basic format or you can follow my format. Just remember to be very keen in your post since one wrong code could mess up your whole post. Whatever your choice of formatting techniques is, always remember that the quality of your content still precedes all of these.
I hope that this will help especially to the newbies who don't have prior blogging experience.
About the AuthorThis is found at the bottom of my blog. In almost all of the travel blogs I've read, there's an "about the author" thing that is sort of a signature and it tells something, well obviously, about the author of the post.
Here's the code of my signature:
----- <div class="pull-left"> https://files.peakd.com/file/peakd-hive/ybanezkim26/itN9pdpY-IMG20171007155623.jpg </div> <div class="text-justify"> <b>Kim Ybañez</b> <sub>Welcome to Kim's small corner in Hive. He is a chemical engineer by profession, but a blogger by passion. He is a wanderlust and an adventure seeker. Join his quests as he visits secluded destinations, climbs mountains, tries new and exotic dishes, and explores his country (The Philippines) and the rest of the world even if he's still a poor corporate slave with tons of bills to pay and two siblings to support in college.</sub> <sub>If you like his content, don't forget to upvote and leave a comment to show some love. You can also reblog if you want to. Also, don't forget to follow him to be updated with his latest posts. </sub> </div>
Here's what it looks like:
Welcome to Kim's small corner in Hive. He is a chemical engineer by profession, but a blogger by passion. He is a wanderlust and an adventure seeker. Join his quests as he visits secluded destinations, climbs mountains, tries new and exotic dishes, and explores his country (The Philippines) and the rest of the world even if he's still a poor corporate slave with tons of bills to pay and two siblings to support in college.
If you like his content, don't forget to upvote and leave a comment to show some love. You can also reblog if you want to. Also, don't forget to follow him to be updated with his latest posts.