Social media sharing button has Been one of the best way in driving traffic to ones site, by adding this Google Plus, StumbleUpon, Facebook Like+Send, Twitter and and my favorite addthis Button bellow your Blogger post title will enable your readers to easily share your blog across the web which will increase your alexa rank, Google page rank and so on and then there are more chances of getting more likes, digs, stumbles and +1′d.
So lets add this beautiful widget to your blogger blogs. You can see them live above and bellow this post, so that’s what we are gonna add now but a little changes and button has been added to mine due to my own desire, you can edit yours to your desired social media buttons.
How To Add All Social Media Button To Blogger
1. Login to your Blogger Dashboard
2. Click on Design/Layout > Edit HTML
3. Mark Expand widgets Templates
4. Press CTRL+F and search for <data:post.body/> and immediately above it paste the bellow code.
<table border='0'>
<tr>
<td>
<div style='margin-right:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='Okaztle' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js ' type='text/javascript'/>
</div>
</td>
<td><div style='margin-right:5px;'>
<g:plusone expr:href='data:post.url' size='medium'/></div>
</td>
<td><div style='padding-top:6px;'>
<script type='text/javascript'>tweetmeme_style ="compact";</script>
<script src='http://tweetmeme.com/i/scripts/button.js ' type='text/javascript'/></div>
</td>
<td><div style='margin-right:25px;'>
<script expr:src='" http://www.stumbleupon.com/hostedbadge.php?s=1&r=" + data:post.url'/></div>
</td>
<td><div style='margin-right:25px;'>
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1 '/><fb:like font='' href='' layout='button_count' send='true' show_faces='false' width='40px'/></div>
</td>
<td>
<!– AddThis Button BEGIN –>
<div class="addthis_toolbox addthis_default_style">
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js "></script>
<!– AddThis Button END –>
</td>
</tr>
</table></b:if><br/>
5. Now click Save Template, and view your blog.
Note: The above code will be bellow blog post title and to post it bellow post content search for <data:post.body/> and immediately after it paste the above code and same your template.
Sharing is fun! Pls share with friends.
Incoming search terms:
- google 1 button margin 10px firefox (2)
- How to Add Social Media Buttons to Blogger Posts (2)
- how to write text bellow button as a title in iphone application (2)
About Okaztle
I’m Okaztle (Kazeem Azeez). A ”Young Friendly dude” from Oyo State in Nigerian.. I really love sharing what i know to people which is why i decided to work on the blog and carry out my heart desire which I’m sure will improve my living status.. I'm motivated to motivate people, being on blogger since 2009 and decided to work on the blog and share my knowledge with you....Add Me On 
very good. with your explanation, now we have a better understanding about it.http://www.whoisdominio.net
I see a new version of Blogger have +1 button. Btw, thanks…
rien recently posted..4 Cara Mengatasi Google Penguin
Twitter: @Okaztle
says:
That’s enable in blogger dashboard in post list