Styling Your Content

in #hive-189641 ā€¢ 2 years ago

šŒšØš¬š­ šØšŸ š®š¬ ššØš§'š­ š›šØš­š”šžš« š­šØ š¢š¦š©š«šØšÆšž š­š”šž š«šžšššššš›š¢š„š¢š­š² šØšŸ šØš®š« šœšØš§š­šžš§š­. šƒš¢š š²šØš® š¤š§šØš° š­š”ššš­ š­š”šžš«šž ššš«šž š°ššš²š¬ š­šØ š¢š¦š©š«šØšÆšž š«šžššššžš«š¬' šžš±š©šžš«š¢šžš§šœšžš¬ š°š”š¢š„šž š«šžšššš¢š§š ? š‡šžš«šž ššš«šž š¬šØš¦šž š¬š®š š šžš¬š­š¢šØš§š¬ šØš§ š”šØš° š­šØ š¦ššš¤šž š²šØš®š« š©šØš¬š­ š›šžš­š­šžš«.

Untitled-1.jpg

š‡šžššššžš«š¬

Headers are like subtitles inside your article. To make a Header, simply highlight the words you want to use as a Header and click the "š‡" button on the toolbar

Sample of Header

Steps on How to Draw (H2)

Step 1 - Rough Sketch (H3)

Details

Step 2 - Outline (H3)

Details

Step 3 - Coloring (H3)

Details

Step 3a - Highlighting (H4)

Details

Step 3b - Shadows (H4)

Details

If you will notice, I started at H2, that is because H1 is automatically used for your post title.

Nobody wants to read lengthy passages of text when looking for a certain item. The easier it is for readers to follow your writing, the more specific and well-organized it is.


š“šžš±š­ š…šØš«š¦ššš­š­š¢š§š 

Practice using bold and Italics to emphasize the words in your post. this Font formatting is commonly used to highlight certain words and set them out from other text components.

To do this, simply highlight the word and Click š or š‘° in the toolbar.


š‚š”ššš§š š¢š§š  š…šØš§š­ š‚šØš„šØš« š­šØ š‘šžš

So far this is the only color code that is working in Hive Platforms

<div class="phishy">Text Here</div>

This Code will change your color to RED

š…šØš§š­ š†šžš§šžš«ššš­šØš«

To create š•®š–”š–”š–‘ fonts like this,
all you need to do is go to šš”šˆš‚š“šŽšŽš‹š’ by Picsart

Simply type a word you want to change the style and copy and paste the result into your Content Area.


š‹š¢š¬š­

To create a list, simply use the bullet or numbered list button at the toolbar.
A list is best used when you are enumerating something in your post

Example

  • Ingredients
  • ingredient 1
  • ingredient 2
  • ingredient 3
  • ingredient 4
  • ingredient 5

Items

  1. Item 1
  2. Item 2
  3. Item 3

Icons

Instead of using bullets and numbers, you can also use
āŽ and āœ…


š‚š«šžššš­š¢š§š  šš š‹š¢š§šž šš«šžššš¤

To create a Horizontal line to break paragraphs use <hr>.

You can also use an Image horizontal bar if you know how to create one.

hr.png

š‚šžš§š­šžš«š¢š§š 

To center a text or a group of text use <center> and end it with
</center> It can also be used to align images at the center.

Sample

This is Center Aligned

Code: <center> This is Center Aligned</center>

If you will align images , just replace the text with the URL of you image.

Code: <center> https://images.hive.blog/0x0/https://files.peakd.com/file/peakd-hive/jacksonizer/AJg3AWzn87sYCN6r8aAFXqvcqQqJqtdimQWqMrAMKNMaScmc9BxWJArJLD1T9Az.png</center>


š‹š¢š§š¤š¬

Linking a word to a URL is more pleasing to the eye than writing the whole link

Example

Click Here is better than Click Here (https://peakd.com/@jacksonizer/posts )
to do this, simply highlight the word that you want to have a link and click the chain icon on the toolbar.

link-1.png

Indicate the URL where you want the linked text to bring you.

link.png


You can also give links to images by using
<a href="URL link"><img src="image URL"></a>

Example


`

Code:
<a href="https://www.youtube.com/c/LoDensThoughts/videos"><img src="https://images.hive.blog/0x0/https://files.peakd.com/file/peakd-hive/jacksonizer/23tmobsuQnyw2ao2wCviT5UBu9ajgCVP6qoncBcdFYJwLPyFZWAeeYUWhdtCxK9ySQi2B.gif"></a>

hr.png

image.png

I hope you learned something new today! Please drop a comment at the comment section if I missed something or I've given the wrong information.

Please Consider Visiting my Website and Youtube Channel, It would mean a lot to me and inspire me to write more posts. Thanks in Advance!

My Social Media Accounts

Youtube: https://www.youtube.com/channel/UCMbZWUMa1Kz3AU5MAol4TRQ
Facebook personal account:https://www.facebook.com/mr.dengbastic/
Face book Page: https://www.facebook.com/dengbastic
Instagram: https://www.instagram.com/dengbastic/
Twitter: https://twitter.com/dengbastic
Pinterest: https://www.pinterest.ph/dengbastic/
Hive Blog: https://hive.blog/@jacksonizer/posts
WordPress: https://dengbastic.wordpress.com/
Tumblr: https://www.tumblr.com/dengbastic
Google Business Site: https://dengbastic.business.site/

image.png

Sort: Ā 

This is very helpful. Thanks for sharing

You're welcome! :)

Thank you for this.This is very helpful especially newbee.

Thanks again! I will read this.

I have been trying to learn something for a long time now, am so glad I found your post. You have explained how I could easily do this things. Thanks so much for this post.

You're Welcome! Please also Read This -> Things you should know before posting an article on Hive Network SocialFi PlatformsTo Learn More.

Don't Forget to follow for more Guides. Thanks!

Nice read. This is very helpful. :)

!PGM !PIZZA

Thanks!

Sent 0.1 PGM - 0.1 LVL- 1 STARBITS - 0.05 DEC - 15 SBT - 0.1 THG - tokens to @splintercell-01

remaining commands 2

BUY AND STAKE THE PGM TO SEND A LOT OF TOKENS!

The tokens that the command sends are: 0.1 PGM-0.1 LVL-0.1 THGAMING-0.05 DEC-15 SBT-1 STARBITS-[0.00000001 BTC (SWAP.BTC) only if you have 2500 PGM in stake or more ]

5000 PGM IN STAKE = 2x rewards!

image.png
Discord image.png

Support the curation account @ pgm-curator with a delegation 10 HP - 50 HP - 100 HP - 500 HP - 1000 HP

Get potential votes from @ pgm-curator by paying in PGM, here is a guide

I'm a bot, if you want a hand ask @ zottone444


Tnx for this post...its gonna help us a lot...

šŸ• PIZZA !

I gifted $PIZZA slices here:
chichi18 tipped jacksonizer (x1)
@splintercell-01(1/5) tipped @jacksonizer (x1)

Send $PIZZA tips in Discord via tip.cc!

Tnx for this very helpful tips...appreciate you sharing your knowledge....it will help us in many ways

very helpful. Thank you @jacksonizer

You're Welcome Please also try reading this if you have time

š“š”š¢š§š š¬ š²šØš® š¬š”šØš®š„š š¤š§šØš° š›šžšŸšØš«šž š©šØš¬š­š¢š§š  ššš§ ššš«š­š¢šœš„šž šØš§ š‡š¢šÆšž ššžš­š°šØš«š¤ š’šØšœš¢ššš„š…š¢ šš„ššš­šŸšØš«š¦š¬

https://peakd.com/hive/@jacksonizer/things-you-should-know-before-posting-an-article-in-hive-network-social-media-platforms
Thanks!

ok. !PIZZA

Thanks!

Thank you for sharing this post in the DIYHub Community!

Your content got selected by our fellow curator jasonmunapasee & you just received a little thank you upvote from our non-profit curation initiative. Your post will be featured in one of our recurring curation compilations which are aiming to offer you a stage to widen your audience within the DIY scene of Hive.

Stay creative & hive on!

Im glad I saw this post, Im gonna try this things on my next blog šŸ˜Š

Thanks for Appreciating my post.
You can also Check this out
Things you should know before posting an article on Hive Network SocialFi Platforms