Blogger Basics: Creating and Using Links in Blogger

Links are a vital part of web and Blogger users also need to create links at many stages like in posts, sidebar gadgets or in your HTML source. Here is a simple guide on creating and using links in Blogger.


A simple way to create links in Blogger posts!


Blogger provides the simplest way to create links in posts. Whenever, you're writing a post, simply select the text which you want to be linked and click the insert link tool in the post editor toolbar.



The insert link tool will prompt you to add a URL to link, insert the URL and you're done. If you're working in Compose mode then you'll only see the text which is linked, to see the complete link, you need to switch to Edit HTML mode where link structure is something like this:

<a href="URL here"> Title here </a>

This link will open in the same window but if you want to make this link open in a new window then you can make a little change in it by changing it to:

<a href="http://www.howstuffworks.com" target="_blank"> HowStuffWorks </a>

Now, this link will open in a new window and your visitor will not leave the blog.


Add picture links in Blogger posts!


This is very simple, just upload an image and you'll see some code like this:


<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_wa6zL1GRiOs/SaVP43A9qxI/AAAAAAAACWU/Nq4Y7fWpal8/s1600-h/Violet+Rays2.JPG"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 319px;" src="http://4.bp.blogspot.com/_wa6zL1GRiOs/SaVP43A9qxI/AAAAAAAACWU/Nq4Y7fWpal8/s400/Violet+Rays2.JPG" border="0" alt="" id="BLOGGER_PHOTO_ID_5306735574185257746" /></a>


Just replace the red colored URL with the URL of your link and your image will be linked to that URL.


How to create or add links in the sidebar gadgets!


You can also add links in your sidebar gadgets. Again, Blogger has made it simpler for you to add links by giving a Link List gadget.

To create a Link List, go to Layout | Page Elements and click on Add a Gadget. A small window will pop-up, scroll down and select Link List.



In this gadget, you can add as many links as you want.

4 comments:

Stephen Magsig said...

When you use Link list, when you click link it opens yor page to go to the new link. leaving your blog. Not good business. How can I make links from the link list open in a new window or tab, so tmy blog stays open. Can this be done. Many thanks

Bilal said...

@ Stephen Magsig, create a Link List as usual then go to the Edit HTML tab, check Expand Widget Templates and search for following code:

<a expr:href='data:link.target'><data:link.name/></a>

Once, you've found this code, simply replace the above code with the following code:

<a expr:href='data:link.target' target='_blank'><data:link.name/></a>

and Save your template. I've just added target='_blank' in the original link code which will make all links in a Link List open in a new window!

Fuzzy Slippers said...

So you have to do this for each link and/or post? There's no way to make a universal change to all the links on your page and in posts?

Bilal said...

@ Fuzzy Slippers, what kind of change are you talking about???

Post a Comment

Note: Please feel free to comment on Blogger FAQs but if are asking for help then allow me at least a couple of days to respond. I'll post my answer right here so bookmark this page and come back soon!

Previous Next