HOW TO INSERT HYPERLINKS IN YOUR STEEMIT BLOG POSTS

in #steemit7 years ago (edited)

Hyperlink Week.jpg

Photo Credit: @maicodon

Over the last couple of weeks, my team has introduced a lot of bloggers to the steem network. Steemians like @vic-essien and @ajibade have been of enormous support in helping these minnows grow.

Two technical questions I keep getting from minnows all the time are:

  • How do I format my posts to look captivating?
  • How do I insert a hyperlink to my blog post?

@vitkolesnik, @cryptogee and other advanced users on the Steem network have provided comprehensive tutorials that can be accessed here or here

But today, I want to demistify the hyperlinking aspect of formatting.
Truth be told, Steemit is very advanced when it comes to formatting texts using markdown. Without a proper guide, you'll mess things up like I did when I first started.

So first things first, a hyperlink, or simply a link, is a reference to data that the reader can directly follow either by clicking, tapping, or hovering. A hyperlink points to a whole document or to a specific element within a document.

The purpose of creating a hyperlink is to enable a user easily navigate from the anchor text to a specific web link where further information is to be obtained, for example, navigating from one Steemit link to another or an external webpage.

domenico-loia-272251.jpg

Photo Credit: www.unsplash.com

With hyperlinks you can link all your related blog posts on a page so that a reader can navigate from one page to another without sweat.

To create a hyperlink on Steemit, you need to use two types of brackets:

  • The "parentheses or "round brackets" ( )
  • The "square brackets" or "box brackets" [ ]

The square bracket is used to display the text you want the user or reader to see while the round bracket is used to point the displayed text to the actual web link.

For example, my website name is www.bonusideas.com.ng.
You can see that the website is just displayed as a normal text. It is not hyperlinked, in the sense that it is not clickable.

To hyperlink it or make it clickable, I will make use of the two bracket. The text I want readers to see is "Visit My Website" while the link I want them to be redirected to is "www.bonusideas.com.ng"

So I'll use this: [Visit My Website]+(http://bonusideas.com.ng)

Remove the (+) sign and it gives me this: Visit My Website

"Visit My Website" becomes the displayed text while the other part takes the user to the URL of my website.

Let's try it with something else

My favourite website for browsing free stock photos is www.unsplash.com

So let's say I want to credit Unsplash.com on my blog post and also insert a hyperlink to their website, all I'll do is this:

[Photo Credit: Unsplash.com]+(www.unsplash.com)

Remove the (+) sign and it gives me this:
Photo Credit: Unsplash.com

Try it with your user link and see what it gives you...
For example, I can say [Follow @maicodon]+(www.steemit.com/@maicodon) without the (+) sign and it gives me this:
Follow @maicodon

The same applies to hyperlinking your blog posts. Simply copy the individual blog links and place them accordingly.

N.B: There should be no space in between the brackets else it won't work.

Now that you've learnt how to insert hyperlinks in your blog posts, go ahead and practice it.

If you find the post helpful, please upvote and resteem.

Sort: