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.
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
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..
You will see the event logo as below. You can click on the image which will take you to the URL directly.