Friday, July 10, 2015

Add Floating Share Buttons For Blogger

Floating share buttons helps in increasing the rate of post sharing by blog visitors because they always remain in front of a blog visitor and makes the task of post sharing very easy. These floating share buttons also contains addthis share button . It allows sharing of posts up to hundreds of social networking websites without even leaving your blog. This guide is about adding these stylish floating share buttons with addthis script to blogger blogs.
 Social Share Buttons

Add floating share buttons to blogger

Step 1: Open your blogger dashboard.
Step 2: Select your blog.
Step 3: Open Template option.
Step 4: Click Edit HTML.
Step 5: In template code, search for <b:includable id=’post’ var=’post’>
Step 6: Just below it paste following code and save the template.

Code:
                    <div class="shst-share-widget stock-horizontal-with-counters">
    <a class="shst-share-button shst-facebook"></a>
    <a class="shst-share-button shst-twitter"></a>
    <a class="shst-share-button shst-google-plus"></a>
</div>
<script type="text/javascript">//<![CDATA[
    var apiToken = '52c107d9848fce61f7c44acd3fbbff34';
    (function() {
       var script = document.createElement('script');
       script.async = true;
       script.src = '//cdn.shorte.st/social-share-widget/shortest-social-share.min.js';
       var entry = document.getElementsByTagName('script')[0];
       entry.parentNode.insertBefore(script, entry);
    })();
//]]></script> 
  • 3Blogger Comment
  • Facebook Comment

3 Comments

  1. Wow, Excellent post. This article is really very interesting and effective. I think its must be helpful for us. Thanks for sharing your informative.


    Movies Download 24 | movies download | free movie download | free full movie download | movie download | free HD movie download | hd movie download

    ReplyDelete
  2. Great Article written. This article is very helpful for me... Thanks to admin for shared your nice post.

    ReplyDelete