blogger tips and tricks

Slide Out widget

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.

Go to Blogger Dashboard > Template>Edit HTML
Find </head> code by clicking "ctrl+f"
Replace above code with the below code

<script type="text/javascript" src="https://raw.github.com/snagasandeep/knocksuperbuzz/master/ksbslidewidget.js"></script>
</head>

Now find for code </body>
Then replace above code with below code.

</body>
|--- knocksuperbuzz.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>

|-- knocksuperbuzz.blogspot.com slideout widget : END -->