Minggu, 04 Agustus 2013

Add Share Button Under Every Post

Bloggers have many choices and styles to select when going to put social sharing button.
One of them is sharing button under every entry has been posted.
Here's how to add simple sharing button under every post of your blog.
  • Open your template editor and click Edit HTML.
  • Copy the following codes:
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: &quot;ur-47c9cca-cf33-f245-f3f6-43ed7a58f34f&quot;}); </script>
<style>
.post-share-buttons
{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color:#fafafa;
padding: 15px;
margin: 15px;
}
</style>
<p align='center' class='post-share-buttons'>
<span class='st_facebook_hcount' displayText='Facebook'/>
<span class='st_fblike_hcount' displayText='Facebook Like'/><span class='st_twitter_hcount' displayText='Tweet'/>
<span class='st_plusone_hcount' displayText='Google +1'/>
<span class='st_pinterest_hcount' displayText='Pinterest'/>
</p>
  • Next, find   <data:post.body/>
  • Then paste the codes you have just copied  under OR  below   <data:post.body/>
Save your editing. That's it.

PS : If you want to customize codes you can edit the above given codes marked by blue color.

0 komentar:

Posting Komentar