Tuesday 22 January 2013
Add Share Button Below Post Titles
Do you like this story?
In my previous posts, I discussed on how to add social floating and static social networks buttons in blog sidebar. Today, I will discuss on how to add the share button just below the post titles.
Note that, this
method is applicable to other Blogging Platforms and it is not only
meant for blogspot. For those of you using blogspot, here is how to do
it;
- Blogger Dashboad
- Template
-
Edit HTML
-
Proceed
- Check on Expand Widget Template
- Using CTRL+ F
- Locate the following code; <data:post.body/>
Paste the following code above <data:post.body/> code;
<!-- 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_pinterest_pinit"></a>
<a
class="addthis_counter
addthis_pill_style"></a>
</div>
<script
type="text/javascript">var addthis_config =
{"data_track_addressbar":true};</script>
<script
type="text/javascript"
src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-504b3a8a674bf05b"></script>
<!--
AddThis Button END -->
Your final code should look like this;
<!-- 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_pinterest_pinit"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript"
src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-504b3a8a674bf05b"></script>
<!-- AddThis Button END -->
<data:post.body/>
Preview your
template and if you like what you see. Click on Save template. You now
have a share button like the one shown below in all your posts.
"Dont forget to subscribe,join my site for new Games and softwares Updates,and to leave comments!"
This post was written by: Author Name
Author description goes here. Author description goes here. Follow him on Twitter
Subscribe to:
Post Comments (Atom)
0 Responses to “Add Share Button Below Post Titles ”
Post a Comment