Who doesn't want an eye-catching blog post? I mean, everyone surely wants their post to be noticed by their fellow blog users and a lot of different readers, especially for the beginners -- not only by the subject and informative content, but also with the style!
At this time, I will give you tips in order to upgrade your blog's look, there's no need for too much hard work, everything will surely be a piece of cake. I learned these because I've been a "Webpage Design" contestant in school for four years, and I would like to share my knowledge in making a webpage (or your blog) be a page that is worth viewing.
A. Codes!
Of course, using style codes will always be present in blogging, it is not necessary to use advanced codes such as Javascript.. here in your Steemit blog, the basic HTML is much preferred.. since.. it's "basic", also time-saving and easy to use in a post.
Here are some that I use in my posts:
Note: Once you open a code <>, ending it is a must </> .. But some codes do not need close codes. Also, if there are multiple codes.. what comes first, must come last. Almost like a mirror. Sample: < a>< b>< c> < /c>< /b>< /a>
1 . Text formats and others!
This is a bold text.
This is an italicized text.
This is a text in strikethrough.
(This underline code does not work for me, I wonder if it works for you?)
This is a blockquote.
This is used to insert a break.
This is used to put a line as a divider.
This is used to justify your paragraphs.
2 . To emphasize your titles and subtitles, you can use these header codes. (h1 is the biggest; h6 is the smallest.)
Header 1
Header 2
Header 3
Header 4
Header 5
Header 6
3 . Inserting a table
"tr" stands for the table rows, "td" stands for the columns.. you can add more if you want, but make sure that tr is inside the table and tbody code, and td is inside a tr.
| Image | Text |
| Image | Text |
4 . Inserting two columns!
B. Designing your titles!
Admit it or not, the header codes are perfect for minimalists! It's neat for the eyes.. But, why not try to create and design your own titles? "But that's too much work for just the title.."
No worries! This one is easy to do.
1 . Go to 1001fonts.com
2 . Type your title.
3 . Choose a font.
4 . Resize your text.
5 . Right-click and copy the image.
6 . Paste it here in Steemit to upload.
Taa-daaa! Now you got your instant title!
C. Add your dividers!
Not only that headers can look too simple, but also that hr code.. I mean, that line is not that visible, right? You can download and create your own dividers that can match your post! Also, don't forget to resize it so it would be just fine as a divider.
D. Don't forget your footer!
Footers are a great spice to a blog post! It can be a GIF, or just a still image. It can contain your username, and your chosen tag line.. or maybe your footer from your trail or group.
Here's a sample! If you don't have your footer yet, and you're interested with this ID & Footer, please check out this post and you can order it for such an affordable price!
This is a Ulog ID ( ) - https://steemit.com/@ulogs
If you have no knowledge about what a Ulog is, go to this post! Click here! Ulogs is an idea of Mr. Terry Ajayi, mostly known as .
https://steemit.com/steemgigs/@jeseemei/make-you-an-id-for-ulogs
Note: If you often use Adobe Photoshop and you're used to it, it would be a great help in being a blogger! If not, well, you should open a new tab for Youtube and watch tutorials! 😊
That's all I can think about to share, if you have any questions about styling your blog, feel free to comment and ask!
Actually, I am not anymore a Webpage Design contestant since I'm moving out of that school, I would never leave out the things I've learned for four straight years from that contest .
Thank you for viewing and supporting my post! 😄