Replace Blogger's Email link-pic with Pic of your Choice

Do you Remember the Email-Post icon provided by blogger..pretty mundane isnt it ?.. Now see the Email-link below this post..Howzz it ?..nice hmm..

Thats because I replaced the Blogger-Email picture with your customised Email-Pic..something thats more eye-catchy..Intrested..Read along

  1. Make sure that “Show Email in Posts” is turned ON
    • Template – Page Elements
    • Click on EDIT of BlogPosts
    • Enable the Email link by selecting the checkbox
    • Save and view teh blogjust to make sure that the email link is shown
  2. Make sure taht the image you intend to use is already uploaded to some webserver like Ripway, Fileden etc and save the URL of the Picture_file onto a notepad
  3. SAVE AND BACKUP YOUR TEMPLATE
  4. Locate the lines in Blue
    • Delete the lines in RED
    • Add the lines in GREEN


    <!– email post links –>
    <b:if cond=’data:post.emailPostUrl’>
    <span class=’item-action’>
    <a expr:href=’data:post.emailPostUrl’ title=’Email Post’>
    <span class=’email-post-icon’> </span>
    <img src=”URL of the Picture“/>
    </a>
    </span>
    </b:if>

  5. Voila..View your blog

Hope You are Happy with what you see..Go ahead and get those changes going..Dont forget to backlink to this post..when you are satisfied and all set-up..Your appreciation is the greatest motivation for me

2 Replies to “Replace Blogger's Email link-pic with Pic of your Choice”

  1. Wow Thanks, This one is a simpler method. I have been using a CSS approach for this quite a long time which is comparatively difficult.

Leave a Reply

Your email address will not be published. Required fields are marked *