Last post on The Edublogger introduced HTML basics and showed readers how to use HTML to add their photo to their blog side bar.
As Kate Olsen highlighted, if you use your photo for your blog avatar, a simple alternative is to add the Avatar Widget to your side bar (learn more about Widgets here!). However with Larry’s “blog makeover” I wanted to add words above and below his sidebar photo which is why I used HTML.
In this post, we will look at how you can create hyperlinks using HTML (Learn about HTML Basics here!)
What Is A Hyperlink?
A hyperlink (commonly called links), on a web page, can be an icon, graphic, or word/sentence that, when clicked with the mouse, takes the user to another location on the web site or to another web site.
People will often use HTML to create hyperlinks to helpful web sites when writing comments on other people’s posts.
Here the HTML you use to create hyperlinks:
<a href=”https://www.theedublogger.com/”>Welcome to the Edublogger</a> produces Welcome to the Edublogger
Here is how I created the Links in Read This Info on Larry’s Blog
I used HTML code for hyperlinks to create a text widget that linked to pages on Larry’s blog which allowed me to reduce the number of pages at the top of his blog (refer to Tips for Blog Makeovers for the reasons why).
Each hyperlink was separated with bullet points using HMTL tags <ul> and <li>
Notice you must use the < and > symbols around the HTML Tags and the tag is closed using a ‘/’ (slash) in front of the tag keyword e.g. </ul>
Here’s how I created the sub-pages.
For more experienced widget and HTML users, check out Judy O’Connell’s text widget for displaying Library Things Book Collection.
Another way to add links to your sidebar is using your blogroll which we will cover in the next post.
Other posts in our “blog makeover” series include:
- Tips For Doing A Blog Makeover
- How To Add Your Photo to Your Blog Side Bar
- What To Consider When Choosing Your Blog Theme
If you are enjoying reading this blog, please consider Subscribing For Free!