OK, so we can put HTML tags in Blogger comments, but how do we put HTML links in Blogger posts?
Let’s start with a useful example – linking from your post to a webpage. We’ll put a link in you blog to the BBC website (just like there, did you see that?)
HTML links in Blog posts – Method #1
First things first. Open your post in the blogger interface – either create a new one or edit an existing post. You should automatically be in <em>compose</em> mode.
Use the cursor to highlight the text in your post, in this case we highlight the text <em>”BBC website”</em> because that is what we want to be our “link text”.
In the toolbar just above where our text is, there is a link icon.
Click the icon and you should get a pop-up box requesting a URL, basically the web address of the page you want to link to.
Then we enter the complete URL, including the http:// bit..
And click the OK button.
Going back to your post you’ll see the link is now underlined and active…
Now. You *can* publish your post now and the link will be live – only one small problem though. Clicking on the link within the post of the published blog will open in the same browser window, so you’ll lose the blog and be in a new site.
To get the link to open in a new window you’ll need to click on the Edit HTML tab in thje top right of your blogger interface…
Which will display this
Right, now see the link of code that says
<a href="http://www.bbc.co.uk">BBC website</a>
Just add the HTML attribute
target="_blank"
after the URL and before the closing of the tag, to change it to
<a href="http://www.bbc.co.uk" target="_blank">BBC website</a>
Then just publish your post 😀
HTML links in Blog posts – Method #2
Method 2 is a little longer so we’ll show you that later, when there’s more time to type and do clever graphics 😉
