Saturday, December 17, 2011

How to Create Share Button in Blog

How to Create Share Button in Blog


Good morning blogger friends, I hope the day is fun and given provision by god almighty. In the post this morning Satrio will discuss about 'how to create share button in blog'.


Perhaps friends bloggers already understand how to create share button in blog like this. But there is no harm in it if Satrio a little will share about how to create share button in blog.

Well, just go ahead without further ado here are the steps how to create share button in blog :

1. Log into the site www.addthis.com
2. Then on display at the bottom there are 3 choices, you need to do is choose the style you want to use
3. Press the 'get the code'
4. After that copy jacascript :

<! - AddThis Button BEGIN ->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"> </ a>
<a class="addthis_button_tweet"> </ a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"> </ a>
<a class="addthis_counter addthis_pill_style"> </ a>
</ div>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=xa-4eebe5d90be7ba16"> </ script>
<! - AddThis Button END ->

5. Then input the code into blogger.
6. Login to Blogger> go to Edit HTML> Click Expand Widget Templates> Then look for the word <div class='post-footer'>. (If a hard look just use ctrl-F and then fill in the word)
7. Then enter the code above, under the word <div class='post-footer'>
8. Click save templates and see what happens.

That's how to create share button in blog.
Good luck SALAM SUCCESS:)

0 comments:

Post a Comment