Social networking now plays a major role in getting traffic to a blog and it all becomes better when your readers can easily share or bookmark your blog posts on their favourite social network.
This post explains how to add large share buttons to your blog posts. This includes facebook, twitter, digg, delicious and the whole rest of them.
1. Log in to your blogger account, click on design, then edit html.
2. Always remember to back up your template so you can restore it in case something goes wrong.
3. Click on Expand widget template
4. Press CTRL + F and search for this code:
If you’re using a magazine style template or have more than one of this code in your template, locate the one that actually contains the post body on blog post pages. If you’re confused about the right one to use, search for this code instead:
5. Just below that, paste this code:
<div style='border: 1px #3b5998; background-color: #eff3fa;'><div align='center'><b:if cond='data:blog.pageType == "item"'><strong>♥ CONSIDER SHARING THIS POST WITH YOUR FRIENDS IF YOU LIKE IT ♥</strong> <br/> <a class='opacity' expr:href='"http://www.facebook.com/share.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Share this post Facebook'><img alt='Facebook' src='http://1.bp.blogspot.com/_0Nr--qemD8Y/TCLxEljyW2I/AAAAAAAAAtc/QXA52ddQGI8/s1600/facebook_icn.png'/></a> <a class='opacity' expr:href='"http://twitter.com/home?status=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Tweet About This Post'><img alt='Twitter' src='http://2.bp.blogspot.com/_0Nr--qemD8Y/TCLxDa9EzmI/AAAAAAAAAtE/oOfchAvI9eM/s1600/twitter_icn.png'/></a> <a class='opacity' expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='StumbleUpon This Post'><img alt='StumbleUpon' src='http://4.bp.blogspot.com/_0Nr--qemD8Y/TCLxCa32alI/AAAAAAAAAs0/8p_cwyucZco/s1600/stumbleupon_icn.png'/></a> <a class='opacity' expr:href='"http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Digg This Post'><img alt='Digg' src='http://2.bp.blogspot.com/_0Nr--qemD8Y/TCLxEIPdlrI/AAAAAAAAAtU/2EGPUWg6z58/s1600/digg_icn.png'/></a> <a class='opacity' expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Add to Delicious'><img alt='Delicious' src='http://1.bp.blogspot.com/_0Nr--qemD8Y/TCLxD79huqI/AAAAAAAAAtM/AM3fmq8kG4A/s1600/delicious_icn.png'/></a> <a class='opacity' expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Reddit this post'><img alt='Reddit' src='http://4.bp.blogspot.com/_0Nr--qemD8Y/TCLxAk3NJCI/AAAAAAAAAsc/keJ7HSsoTqw/s1600/reddit_icn.png'/></a> <a class='opacity' expr:href='"http://www.technorati.com/faves?add=" + data:post.url' target='_blank' title='Add this to Technorati Favs'><img alt='Technorati' src='http://4.bp.blogspot.com/_0Nr--qemD8Y/TCLxC1v0WiI/AAAAAAAAAs8/6Bg5MzoXbo8/s1600/technorati_icn.png'/></a> <a class='opacity' expr:href='"http://www.mixx.com/submit?page_url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Mixx it'><img alt='Mixx' src='http://1.bp.blogspot.com/_0Nr--qemD8Y/TCLxFnL6d0I/AAAAAAAAAts/hUgG-zhNmgY/s1600/mixx_icn.png'/></a> <a class='opacity' expr:href='"http://www.linkedin.com/shareArticle?mini=true&url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Share on Linkedin'><img alt='Linkedin' src='http://3.bp.blogspot.com/_0Nr--qemD8Y/TCLxFJ5--YI/AAAAAAAAAtk/q2h4YUt2gAY/s1600/linkedin_icn.png'/></a><br/><small>[<a href='http://www.doncaprio.com/2011/04/add-facebook-large-share-button.html'>Get this Widget</a>]</small></b:if></div></div>
6. Save your template.
Now check any of your blog template and you can now see the large share buttons with facebook, twitter, digg, delicious, reddit, technorati, linkedin, mixx and stumbleupon.
You can as well style the icons with css.
About Don Caprio
I love this but can't get it to work. I copy-paste the code in the correct place (Blogger) but when I preview it's not there…no change. Any ideas? Thanks.
Sandra
I checked your blog just now and it's there. It's only gonna show on blog posts, not on the homepage. It's working quite fine
Twitter: generalkorex
says:
its nt working for me
i love it.. Easy to work. thank you for share.- by SEO news and tips
thanks. it works good. you don't have the google +1 button on it. it would it was there.
http://google-plus-network.blogspot.com
how do you remove it from the blog/tamplate?.
You need to only locate the code and delete it. thanks…gonna add the google + soon
i so much love this,keep it up d Doni so much love this,keep it up d Don
Please @ Doncaprio add the google+ sharing button na
You can use this share buttons with google plus instead
http://www.doncaprio.com/2011/09/sidebar-floting-share-buttons-large.html
It's even more efective than the one posted here
Thnks alot for this
very usefull dude.. thnxx love ur blog….
http://www.thyagu7.blogspot.com
This is very interesting, You’re a very skilled blogger. I’ve joined your rss feed and look forward to seeking more of your magnificent post. Also, I’ve shared your web site in my social networks!
buy content recently posted..buy content
Will you please add Google Plus button on it. If you do so it would be a perfect social sharing tool.
Lisa recently posted..Increase Twitter follower in 2 steps.
Twitter: lisabrowndesign
says:
Great blog! Any tips on how to add the large social media buttons – FB, Tweet, Stumble, Pintrest?
Lisa Brown recently posted..I Quit Facebook