Change EMail Post Icon. ~ The Blog Doctor.

Change EMail Post Icon.

New Visitor? Like what you read? Then please subscribe to my Blog Feed or sign up for Free Email Updates. Thanks for Visiting!

At the bottom of each post there are standard EMail Post icon which looks like an envelope. You can make this stand out by adding an animated icon instead of the standard icon. This will attract the viewer's attention and prompt him/her to email your post to any of their friends, thus attracting more viewers to your blog.........

Your blog will also stand out more prominently in viewer memory for having an icon which stands out and begs for attention. See the bottom of this post where I have added an animated email post icon which simply begs for attention.


The first step is to choose an email icon graphic. For this go here. Right click the icon you want and choose Save Image as. Choose a location on your hard disk and the image is saved to your PC. Then create an account at Googlepages and upload your icon graphic to it as described in Upload Files to Blogger.. Copy down the link to your icon graphic.


The next step is to modify your blog template. For this login to Dashboard and click on Layouts. Then click on Edit Html subtab at the top. First backup template to PC using the download full template link on that page. Put a check in the checkbox at the top of the Edit Template text box to Expand Widgets Templates. Scroll down to the foot of the Blog Posts widget code till you see this line :

<p class='post-footer-line post-footer-line-2'>

Immediately above this is the code for the EMail Posts icon. Locate this line in the code :

<span class='email-post-icon'>& #160; </span>

Replace this line with the line below :

<img alt='Email Post' src='LINK OF YOUR EMAIL GRAPHIC' style='border-width:0px;'/>

Replace the CAPS with the link for your email graphic at Googlepages. Save Template. Refresh Cache and View Blog.

Technorati Tags:, ,


Marine Insurance said...

Hey Vin,
Thanks for the step by step on putting up the icon. I followed your steps and after add my line of code to my "Layout" template and hit save template i get the infamous: Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The reference to entity "ModuleId" must end with the ';' delimiter.
Is this because I am not using the classic template??

Here is what I pasted in for any clues PlEASE...I'll buy you a BEER

I can send you what I pasted in if that helps.

Vin said...

Wallace Welch and Willingham,

Immediately after you get this error do a Ctrl+F to search for 'ModuleId' in the Template Code box.

There will be an '&' character preceding it. Replace it with '&' without the quotes.

Also see Error messages in Blogger Templates.

Vin said...

Wallace Welch and Willingham,

The '&' character near 'Moduleid' should be replaced with '& a m p ;' without the spaces between the letters and the quotes.


Skip to top of post.

Search Blog Before Commenting


Post a Comment

Please use the above search box to search this blog before posting your valuable comments.

Comments posted on Dummies Guide to Google Blogger (Beta) are moderated and will be approved only if they are on-topic and not abusive. Try not to include website URLs/links in your comments. You can email me : drbhatns at gmail dot com for any blogging question. Thanks,


The Blog Doctor The Blog Doctor2 Blog Doctor Home


Tips On Blogger and Latest News.

Skip to top of post.