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
- 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
- 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
- SAVE AND BACKUP YOUR TEMPLATE
- 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> - 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
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.
Glad you liked it
🙂