Add Socialize Buttons – Digg, Twitter, Reddit, Facebook on Your Blogger Post

I believe you can’t ignore the importance of social networks for promotions of blogs and websites nor should be stay behind to reap entire possible benefits of utilizing them. If people like your post they will got to their favorite social network like Facebook, Twitter, Digg, Reddit etc and add a link to your site and share. You can expect that but not rely on. You must facilitate the readers an easy access to bookmark your site to get maximum possibility of being dugg and shared! For this purpose, how about adding a few buttons with icons on your every post so that they don’t have to leave your page when bookmarking.

Today, here, I’m writing the procedure to do it for Blogger blogs because you can find enough plug-ins for WordPress blogs. After completing the steps you will find your post looking somewhat similar to the image below:

How to Add Digg, Twitter, Reddit, Facebook Bookmark and Share Buttons?

After getting the idea of what we are going to create, lets turn to the procedure. Follow the following steps to add socialize buttons on your blogger posts.

Log on to your Blogger account
Go to Layout and then Edit HTML
Enable the ‘Expand Widget Templates’ check box. Now, find for the following code
This is the line responsible to show your posts. Thus, if you post the code (see below) before this line, the buttons will be added before the post and after
if paste after.
Copy following code and paste it in your template.

<div style=’float:right; margin-left:5px; margin-top:30px’>
<p>
<!–/Digg Button–>
    <script type=’text/javascript’>
    digg_url="<data:post.url/>";
    </script>
    <script src=’http://digg.com/tools/diggthis.js’ type=’text/javascript’/>
    <br/>
<!–/Twitter Button–>
    <script type=’text/javascript’>
    tweetmeme_url = '<data:post.url/>';
    </script>
    <script src=’http://tweetmeme.com/i/scripts/button.js’ type=’text/javascript’>
    </script>
    <br/>
<!–/Reddit Button–>
    <script>reddit_url='<data:post.url/>'</script>
    <script>reddit_title='<data:post.title/>'</script>
    <script language=’javascript’ src=’http://reddit.com/button.js?t=2′/>
    <br/>
<!–/+Facebook Button–>
    <script src=’http://widgets.fbshare.me/files/fbshare.js’/>
    <br/>
</p>
</div>
Now save your template.

That’s Great! Enjoy Socializing and Blogging.
I will not forget to thank Ankit for his great help when I did not know how to do all this. For my own blog I had followed his post “add twitter digg reddit orkut facebook stumbleupon button to blogspot”

4 Comments

4 Responses to “Add Socialize Buttons – Digg, Twitter, Reddit, Facebook on Your Blogger Post”


Why I Add Digg, Twitter, Reddit, FaceBook and StumbleUpon Buttons on Blog Posts? | ICT Trends - A blog about blogging on March 5, 2010

[...] Twitter, Reddit, FaceBook and StumbleUpon Buttons on your blogger blogs? If yes, find the widget in my earlier post Add Socialize Buttons. But why should you add these buttons on your post? To advertise those social networking [...]

twitter layouts on March 21, 2010

Hey, Great blog you have here. I wanted to let you all know that I think Twitter is going to be one of the stronger networks because of the fact that it is supported by so many industries. I also think when Twitter reveals some of it’s new functions, returning traffic will increase to show the real growth of the network.

Anyway, I created a blog that offerers great resources for Twitter that are 100% free, so come and visit and don’t be a stranger.

Keep up the good work!

nibs on July 27, 2010

Good article, I was searching for a help like this for my blog
Cheers
http://www.qcubicle.com

Sapian on May 5, 2011

I tried this and it didn’t work. I followed the instructions perfectly but everywhere i pasted the code i got this error:

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. XML error message: Open quote is expected for attribute “{1}” associated with an element type “style”.

Error 500