adding text links(hyperlinks) and image links to your blog
Posted by kranthi on Tuesday, December 18, 2007This post explains how to add hyperlinks to text,how to make hyperlinks open in new window.
If you don't know what hyperlinks means?Hyperlink means a link which when clicked go to another section of document or webpage,etc.
Here are a few examples:
Put youtube videos in your blog
Disable navbar in blogger blog
As you can observe the above links,when clicked go to another page.
So,how to add the hyperlink,
Adding hyperlink(open in the same window):
Here is the sample code to do it
Example: put inplace of
TEXT HERE - Google
target - google.com
So,the html code looks like
and the output will be Google
How to add hyperlink(open in new window):
Anyone don't want their visitors to go away from their site.So,placing links which open in new window is very useful and very good thing to do.
So,here is the code
the output will looks like Google (If you click on the link,it will open in the new window)
As you can observe,we added the attribute "target......blank" to make this happen.
Not in this case, add that attribute to any link(image or text) to make them open in new window.
If you want to know how to add hyperlinks(html codes) to IMAGES, please refer this.
How to add hyperlinks to images








46 comments:
your blog is very,very useful. however, could you write how to make the following thing:
your blog,on the left sidebar, at the bottom, has "link to us".
i'd like to have the same page element, but everytime i paste my button code,it turns to a picture on a blog,and it should be a code-just like you have it-so other blogger can copy & paste it.
how to make it work??
thanks for an answer!
cheers!
I tried adding a hyperlink to an email. (The way you said to do it) and it did not work. What is wrong?
Here is what I did:
My Blog
Please email me at: ruphotography[at]gmail.com and tell me what I did wrong.
Thank you!
Check your inbox Ruth
------------
Thanks for visiting!
Good article!
Help, I am using your "clean" template and now I am having problems with my hyperlinks. They are functioning, however, they bland in with surrounding text and do not appear as a link. Is there something I'm doing wrong? People who visit my blog have emailed me asking for the link to items posted.\
AJ
www.yourcouponbuddy.com
I want to add iframe for my link code same as your page to the right "Link to us" How to do it? Would be very appreciate if you answer.
Thanks
Patt
hi Patt, simply write your code,text,etc between the 'textarea' tags.
how to make download menu link, 4 example if we click to the e-book folder, it will be directed a downloaded file...thanks for your answer
Nice article..Thanks..
guys please checkout http://thebeatlemaniacs.blogspot.com/ . and leave me some comments so that i can improve it...
please
i am really in love with this website it helped me a lot with my blog http://thebeatlemaniacs.blogspot.com/
When I use this on the Charcoal2 it will not work. I get errors in the XML....HELP!
good artikel
Nice and very useful site.Keep publishing more and more post like this.Thanks.
Hey, help me. How do u align cbox on the sidebar? My cbox will be disarray whenever ppl click on my link.
Thks a lot for this beautiful trick.
Don't forget to visit my site.
But how do you add a hyperlink in a comment box
www.mustafastc.blogspot.com
its great for newbies..
Thanks for the help :)
u know keeping this blog is very use ful to bloggers and u may know how wvwr bloggrs know whr adds are located they may not show intrest in cliking adds na so y dont u keep adds matching ur template colours
www.blog2vishnu.tk
please see my blog and tell me some defects
i have a question..how do u make those navigation buttons at the top of a blog page?
like your 'templates', 'css code' etc buttons?
i wanna use minima dark template but with additional navigation buttons.
Really great article. it works.
Thanks.
http://emoneytalk.blogspot.com
Nice article
but can u help me, how to make link to translate my blog using
http://72.14.235.104/translate_c?hl=en&sl=id&u=[URL]
what code should i use to change '[URL]' become 'current page URL'. (i want to place it on the header of my blog)
Please email me at: mora[dot]jimmy[at]gmail[dot]com
thank you
Thank a lot man.... it is very usefull
http://dandygadgets.blogspot.com
hey i wanna put a hyperlink such that they reader only clicks to read more of a post for example i posted cars for free as a topic n a short text bout the car then a link which takes(continue as alink) the reader to read full info about the car on another page how do i do that please
I have images of books and I want to be able to have a link under the image to send they to where they can buy the books. I used to be able to do this with Yahoo but cant seem to do it any more. I know there is a way with HTML code but I don't know what it is. I am still learning.
This was very helpful. Thanks!
hello pls pls help me i need to put
" READ MORE "
option in my blog i had searched my sites but i didnot any idea so can u pls tell how to add that button to my blog in main page because i dont like to disply lengthy articles in a single page so i need ur help even i downloaded that templet having that option & uploaded to my blog but it cannot show on my blog. pls pls pls help me frnd.u also used option in ur blog.
mail me on: pkarun29@gmail.com
OR
rply here only im a daily visitor of this blog
-thanks
Hi Arun,
You can find that tutorial here
thanks for the sharing and i really like your blog. I am newbie, will try to link your blog in my blog soon..( still figuring out..T_T!) do drop by often!^^
Your blog very awesome... Very useful...
I wanna ask how to make "search" gadget at header?
Thx...
your blog so awesome.
I like to have one like you but in different category of course...
hehehe...
please help me:
How to make search gadget at header?
Thank's a lot...
Hello Kranti, your blog is amazing. Its form your site that I learnt to author a blog.
Thanks
http://vedajjp.blogspot.com
thank u for replying now i had add "READ MORE" option to my blog www.hacking2all.blogspot.com.
hello.
im using the different templates on my blog.
i cant find any comment links on my new skins.
how am i going to put the links so that all my readers can drop some comments?
please answer my Ques
can i make google books to open in blog ,please try n rply at shvstrikes@gmail.com
and thankz for ur step by step approach to all blog bascis
hi, i'm interested to make an iframe like what you did for "Link to us" but i don't know how.
how to put the iframe under my logo, so my visitor can link my logo to their site? what's the code for it? thanks in advance...
www.thejconceptonline.blogspot.com
test
Thanks It helped me a lot :)
http://www.mobilenewshome.com/
Hey same problem with me like 'Ruth' (who posted second comment from top )
Problem is i have created link which will open page in new window (as u posted), but when we click on it blogger giving error that- sorry,your page does not found/ exit.
Plz plz help me. e-mail me:
rjterna@gmail.com
My blog:
www.rushikesh88.blogspot.com
Hey same problem with me like 'Ruth' (who posted second comment from top )
Problem is i have created link which will open page in new window (as u posted), but when we click on it blogger giving error that- sorry,your page does not found/ exit.
Plz plz help me. e-mail me:
rjterna@gmail.com
My blog:
www.rushikesh88.blogspot.com
(Rushikesh)
Hey same problem with me like 'Ruth' (who posted second comment from top )
Problem is i have created link which will open page in new window (as u posted), but when we click on it blogger giving error that- sorry,your page does not found/ exit.
Plz plz help me. e-mail me:
rjterna@gmail.com
My blog:
www.rushikesh88.blogspot.com
(Rushikesh)
@ Rushikesh,
I visited your blog.. You are adding the code in the wrong way..
Solution sent to your email..
thanks.
Hi, I always enjoy reading every content of your blog,really helping me a lot,as a new B,just like you kind of person who like to share everything you know to others,well, Keep update ! and enjoy your nice work ! Cheers
Hi and thanks for your tutorial. One more question - is it possible to enable hyperlinks in Blogger comments? Thank you
thanks for this tip but can you say me how to add the text filed in the blog
please...