Today I am sharing an amazing slide out social sharing widget,when any user hovers on this widget it slide out with some social networking button such as twitter,facebook,print,email and add this button which contains share option for almost all social sharing sites.This widget floats to below right corner of the page and scrolls along with page which allow a real time sharing option for your visitors,this widget is created by addthis and bloggerized by us.Now lets go to the tutorial and see how to add this widget to blogger blog.


Live Widget Demo


How To Add This Widget To Blogger?

The installation of this widget is damn easy,you can add this widget in two steps.

  1. Go to Blogger Dashboard > Template
  2. Click On Edit HTML
  3. Hit Proceed button
  4. Find For Below Code,


</head>

add below code just above it,

<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script>

Now find for below code

</body>

add below code just before/above it,

<!-- helperbloggers.blogspot.com slideout widget : BEGIN -->
<div class="addthis_toolbox addthis_peekaboo_style addthis_default_style addthis_label_style addthis_32x32_style">
    <a class="addthis_button_more">Share</a>
    <ul>
        <li><a class="addthis_button_preferred_1"></a></li>

        <li><a class="addthis_button_preferred_2"></a></li>
        <li><a class="addthis_button_preferred_3"></a></li>
        <li><a class="addthis_button_preferred_4"></a></li>

    </ul>
</div>
<!-- helperbloggers.blogspot.com slideout widget : END -->

Finally save your widget and you are done :)

1 comments:

  1. It’s hard to find knowledgeable people on this topic, but you sound like you know what you’re talking about! Thanks
    website design

    ReplyDelete

 
Top