Putting email-links into your blog

/ Monday, May 23, 2011 /
This article is about how to show an email address in your Blogger blog.

Overivew

Previously, I've described the email address that is shown in the navbar when someone is reading your blog.

But there may be cases when you do want to display your own, or perhaps your company or club,  email address on your blog.    Lots of people warn against doing this because you could get lots of dodgy spam, but so far I haven't had problems on several blogs where I've done it (or maybe my ISP just has a good spam filter).

How you put an email address into your blog depends on where you want to put it, and whether you just want to display the actual address, or to display some other linked text that is set up so that when a reader clicks it, they are taken to their email system to send you a message.


Putting a linked email address into a Post or Page:

Edit the Post or Page in the usual way:
  • In the place where you want the address to go, type it - eg  fred@frog.org.cc
  • Select the address, and click the Link button on the toolbar

Most probably, Blogger will recognise that you've put in an email address, and automatically make the link as soon as your click the button.   eg   fred@frog.org.cc

If the link isn't automatically made, then the link dialog box opens.  In it, select the "Email address" radio button.
  • Type the words you want your reader to see into the Display field.  
  • Put the email address that you want messages sent to into the Link to field.
  • Press Ok.

Later on, if you want to change the email address (eg if it was automatically made, and you want to change the words that are shown), just hover your mouse over the address, and choose "change" from the blue hover menu.


Putting a linked email address into a Text or HTML Gadget :


Putting an email address into a text or HTML-Javascript gadget is similar to putting it into a post, with one important change:
  • Type the words that you want your reader to see
  • Select them and click the Link button.
  • In the dialog box that comes up, delete "http://" that is there initially.
  • Type in     mailto://THE-EMAIL-YOU-WANT-TO-USE and press OK


The HTML in the gadget now says
 <a href="mailto:YOUR-EMAIL-ADDRESS"> THE TEXT YOU WANT TO DISPLAY</a> 
(though you may not see this if you're looking at a text gadget).


Using an email address with a picture Gadget:


It's easy to have a picture on your blog, set up so that when a reader clicks on the picture they can send you an email.  :
  • In the Link field, type  mailto://THE-EMAIL-YOU-WANT-TO-USE


Once you save the gadget, the picture will be click-able, and when a reader clicks on it they will be invited to send an email message.


What your readers will see:

If you have put an email address into your blog in this way, your readers will see it as a link (or a picture, if you used this option).  It may be look like an email address, or it may look like something else if you have used display text.    For example, this phrase is linked to emailing fred@frog.org.cc

When your reader clicks on the link, they are taken to whatever system is set up on their computer / internet-browser for sending a new email message, and the the email address that you used is in the To box.

For example, my own computer is set up to use Microsoft Outlook, so if I click on a mail-to link, a new Outlook message opens, with the address filled in and my default signature included.



Related Articles: 



Understanding the email address that is shown in your blog

The Follow-by-email gadget - an easy way to add Feedburner to your blog

Putting HTML from a 3rd party into your blog

Setting up your custom domain (including your admin email address)

Tools for applying copyright protection to your blog

0 comments:

Post a Comment

Labels

Thank you for visiting my site. I’m the author of home decor help, home garden decor, home design interiors, tina 4 home design, uhozz, visit yogurt lab, sitazine, is beauty tips and sunnijati website. Modestop Topmodest Free Beauty Tips Shitazine Sitahouseblog Izhealthy Shitadesign Sitahouse Topmodest Sitazine Irezine Home- decor-design Shitadesign Shitadesign-dot-com Inhomeland inhouseland ghiuldenika inebautystyle enterarteiuna radiodominiopublico biberealexandru fabiobernadosdi geeklore31 syahadah-alhafeezah peaceloveiman bigwideempty techandchefadventures kaosgunlugu fikirkulubleri duazinciri theinternationalrules morefortngintn monkeymanzach lifeatthegreenys photokid84 chelsea-settles chasingmommyhood sexyhotactresseswallpaper tophotnewstodays avvani urbantrendsussex voychic reisyamode sitazine reportmy homedesignideasx mystylepinterest fashionstyleco popularnewstips isexy-hot-girls sexywomengirl trendymodeku derumahdesign womenhairs hackoblogger gadiswomen homeinteriordesignideas1s homedesignideasa uniquehomedesignsw enterpreneurforbloggers earningblogtipss lilyandgiasmom onfeatureblog aboutadsen onblogsocial tecnologiku onlinekutip akuhub caramakemoney youseoneed blogukus newbieblogit adsenseguideto triond-adsense inseoservice intipseoblog otherseoblog freeseoguid seoblognets tawaguideblog seosecretip buzdesign modewomen gayawoman cantikide tipsehat bebeautyps tipsjilbabcantiks idekontenislami healthfitnessnutritionsz jilbab-tips tips-home-decor caramemakaijilbabv beritaremajaterkinie allisoncrewnews mypinspinterest mypinspinterest gogirlsgallery seyhotgirls topmodest worldotgirls seksigirlsblog yourgirlsnet sexywomensia decorativehousedesigns simplebloggertipsz aboutadsense09s marketingner freeseotipstricksz womensiana chicstylegallery oblogkudewe colhomegallery marketserve onlibusiness artodesign designinguide oninteriorhome interiormu intutorblog blogoffeed newbloggerhint enginseo dibisnistips internetmublog onroomdesign homegardenco

Blog Archive

 
Copyright © 2010 New Blogger Tips, All rights reserved
Design by DZignine. Powered by Blogger