Simple Code of Floating Social Media Share Button.

On my previous post, I show you how to add social media share button under post on blogspot. You probably seen a lot of website that using float share button. Unlike share button I used that only placed on the bottom of post, float share button will always in your eye sight whenever you scroll down-up a page.
And if you prefer this way, just follow this easy tutorial:
1. On your blog dashboard, go to LayOut, and click Add Gadget.

2. Choose HTML/JavaScript gadget. Copy-paste code below to gadget box. Leave the title empty.

<!– Floating Social Media Share Widget By Imjsu –>
<div class=”addthis_toolbox addthis_floating_style addthis_counter_style” style=”left:47px;top:325px;”>
<a class=”addthis_button_facebook_like” fb:like:layout=”box_count”></a>
<a class=”addthis_button_tweet” tw:count=”vertical”></a>
<a class=”addthis_button_google_plusone” g:plusone:size=”tall”></a>
<a class=”addthis_counter”></a>
</div>
<script type=”text/javascript”>var addthis_config = {“data_track_addressbar”:true};</script>
<script type=”text/javascript” src=”//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-516ff8e04b04378b”></script> <!– Floating Social Media Share Widget By Imjsu –>

3. Place the gadget on the bottom of your sidebar/footer gadget list.

4. Save the arrangement, and now view your blog.
If you have question, feel free to ask me.

17 thoughts on “Simple Code of Floating Social Media Share Button.”

Leave a Reply

Your email address will not be published. Required fields are marked *