How to create Text Link or Image Link in Blogger ~ Blogging 101

>>  Thursday, June 28, 2012

Pin It

This post will explain how to create Hyperlink in your posts.

Though creating Text links is a general concept in a website, I will be talking more in terms of a food blog.

How to create Hyperlink or Text Links in your post


Knowing basic HTML codes is very essential when you are maintaining a blog. Especially if you are a food blogger and you want to participate in the many different food blog events that happen every month.

There are two ways we can create links.

Text Links
Image Links

In Text Links, you simply highlight a text and click on the Link button available on your editor. Give the details and save the setting.

Images Links are little more complicated wherein you will have to go to the HTML part of your editor and give the code.

In image links, the images used, will have to be hosted in a server. For hosting you can use Google Picasa, other third party hosting websites like Photobucket etc.

After hosting the image, you will have to give the Image location in the code that you will be placing.

Now let's first see how we can do Text Linking

How to create hyperlinks:

In your compose, type in the text you want to be a linkable text, in other words if we are talking about Food blog events, enter the event name, highlight the name.


Click on the LINK button on your editor.
 Another new window will open, which will have the text highlighted
 Next give the URL of the link which you want to create.
By default "Open the link in a new window" is enabled. Once done, click ok and save. It will look like the below

Sending to Kid's Delight 

How to create Image Links:


Second method of linking to an external website in your post, is linking directly using the image. In sense Food blog events, all of them have a logo used for the event. You can directly use that image with a link in your post

You can go to the host website and get the Image details.



 If you right click the image, you can get the Image location. Do "Copy Image Location"


This is the code you will have to use

< a href = " URL Link ">
< img sr c = "Image Location "/ >< /a>

Replace the URL Link with the link ending with.html
Replace the Image Location with link ending with .jpg

Remove the spaces before using the code..

 After giving the links, click on "Compose"


 You will see the event logo as below. You can click on the image which will take you to the URL directly.





6 comments :

Amelia June 28, 2012 at 4:15 PM  

Hi, thank you for sharing this Very informative posting. Really appreciate your effort.

Have a nice day, regards.

vaishali sabnani June 28, 2012 at 8:59 PM  

Valli thanks..this takes me back when I had just started blogging..u came in to rescue...remember?..I had no clue how to hyperlink!..as yet I am unaware of lot of things..its because of u friends I am here today.THANKS A MILLION TON!

Priya June 29, 2012 at 1:04 PM  

Wonderful, i had hard time with this text link and image link issue, some of the few bloggers helped me in my earlier blogging..Definitely helpful for many new comers.

foodiliciousnan June 29, 2012 at 11:48 PM  

Forget newcomers, Priya. Even I did not know image linking...thanks Valli. I'm going to try it soon :)

Archana July 1, 2012 at 7:42 PM  

Thanks dear. This is most useful. Bookmaking this for when it comes to using this I will have forgotten where I read and what?

FORMAN ITE September 10, 2013 at 11:48 PM  

Thanks. It was really helpful.
My image link is opening in the same tab but I want to open it in a new tab. How can I do that ?

Related Posts Plugin for WordPress, Blogger...
Very Good Recipes
You can find my recipes on Very Good Recipes

myTaste.in

Cooking 4 all Seasons

  © Blogger template Palm by Ourblogtemplates.com 2008

Back to TOP