Advertise Here

80

Here is the best (for me) floating social media buttons gadget that have a clean and simple design. Many Professional blogger too use this gadget..

Design 1: 




Click to Enlarge


How To Add It:


  • Go to your blogger dashboard
  • Select your blogger blog
  • Click on Layout from Drop Down menu (shown in picture)


  • A new Window appear
  • Click on Add gadget
  • And select HTML/JavaScript
  • Next Box of HTML/JavaScript will appear (shown in picture)
    


  • Now the box of HTML/JavaScript will appear when you click on the box.
  • Now paste the following code to install the gadget to your blog.

Code For Design 1:


<!-- Scrolling social Button BEGIN -->
<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:50px;top:50px;">
<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><a href="
http://pretoproblogger.blogspot.com/2013/07/how-to-add-best-floating-social-media.html">Widget</a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-508240f16db23831"></script>
<!-- Scrolling social Button END --> 

Design 2:


Click to Enlarge


How To Add It:


  • Go to your blogger dashboard
  • Select your blogger blog
  • Click on Layout from Drop Down menu (shown in picture)


  • A new Window appear
  • Click on Add gadget
  • And select HTML/JavaScript
  • Next Box of HTML/JavaScript will appear (shown in picture)
    


  • Now the box of HTML/JavaScript will appear when you click on the box.
  • Now paste the following code to install the gadget to your blog.

Code For Design 2:



<!-- Scrolling social Button BEGIN -->
<div class="addthis_toolbox addthis_floating_style addthis_32x32_style" style="left:50px;top:50px;">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_delicious"></a>
<a class="addthis_button_pinterest_share"></a>
<a class="addthis_button_digg"></a>
<a class="addthis_button_orkut"></a>
<a class="addthis_button_google_plusone_share"></a>
<a class="addthis_button_myspace"></a>
<a class="addthis_button_compact"></a><h6>
<a href="http://http://pretoproblogger.blogspot.com/2013/07/how-to-add-best-floating-social-media.html">Widget</a></h6>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-508240f16db23831"></script>
<!-- Scrolling social Button END --> 

Design 3 :


Click to Enlarge


How To Add It:


  • Go to your blogger dashboard
  • Select your blogger blog
  • Click on Layout from Drop Down menu (shown in picture)


  • A new Window appear
  • Click on Add gadget
  • And select HTML/JavaScript
  • Next Box of HTML/JavaScript will appear (shown in picture)
    


  • Now the box of HTML/JavaScript will appear when you click on the box.
  • Now paste the following code to install the gadget to your blog.

Code for Design 3:


<!-- Scrolling social Button BEGIN -->
<div class="addthis_toolbox addthis_floating_style addthis_16x16_style" style="left:50px;top:50px;">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_delicious"></a>
<a class="addthis_button_pinterest_share"></a>
<a class="addthis_button_digg"></a>
<a class="addthis_button_orkut"></a>
<a class="addthis_button_google_plusone_share"></a>
<a class="addthis_button_myspace"></a>
<a class="addthis_button_compact"></a><h6>
<a href="
http://pretoproblogger.blogspot.com/2013/07/how-to-add-best-floating-social-media.html">Widget</a></h6>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-508240f16db23831"></script>
<!-- Scrolling social Button END --> 





Post a Comment Blogger Disqus

  1. I am also have Sevida theme as like as your page.Can you tell me how to add slider like your site.I can't.

    its' urgent.

    technologypublisher.blogspot.com

    ReplyDelete
    Replies
    1. Heyya Tanvir,

      Just see the manual provided with the template. go to the template folder>>documentations>>and open index file. All the details are given there..

      Keep Visiting..!!

      Delete
  2. super widget added on my blog - http://priyakitchenette.blogspot.in/

    ReplyDelete
  3. Social profile links are most important for any website to bring much social points to your social accounts. It never been easier to do so but adding code to the site or blog can bring much positive response to your site.
    website design

    ReplyDelete
    Replies
    1. Ya... and that is why this widget is recommended from my side...

      Delete
  4. Code works great for desktop Thanks!!! But the tweet button seems to take up a lot of space in the mobile version. Have you noticed that?

    ReplyDelete
  5. I would like to say this is an excellent site that I have ever come across. Very informative. Please write more so that we can get more details.

    Science technology news

    ReplyDelete
    Replies
    1. Hey suzane... thanks and stay tuned for more updates on PTP... :)

      Delete
  6. Thank you! It was very easily explained and it took me no time to update my blog! Thanks again :)

    ReplyDelete
  7. After so much struggle you made my day. Love you :)

    ReplyDelete
  8. How can i change title color in html?

    ReplyDelete
  9. I like your informative post..and also like your presence of way...Am got the best information from your post...Thank you for sharing the useful and helpful information...Website Design Companies in Bangalore | Website Development COmpanies in Bangalore

    ReplyDelete
  10. This comment has been removed by a blog administrator.

    ReplyDelete
  11. It's Very Easy Hossen. You have to go to corresponding css file there you have to search with your class.there you have to change the color.
    http://webiinnovation.com/website-design-company-bangalore.html

    ReplyDelete
  12. Thanks for sharing the insight. Social sharing icons are very important to have for any kind of information, be it personal personal, products or services based company. Ecommerce Development Services | Website Design Company, Bangalore India | Wordpress Website Development Service

    ReplyDelete
  13. Thank you for taking time & sharing the insights. Really a great post. Will share and bookmark the same. Appreciate the effort in educating us. Web design company bangalore | Web development company in bangalore

    ReplyDelete
  14. Very Good information which your have been shared Nice blog website design in bangalore / Ecommerce design in bangalore

    ReplyDelete
  15. Ultimate post and very informative, you have explained well with detailed explanation. You can also share these type of content on sites like OS Business Opportunities

    ReplyDelete
  16. This comment has been removed by the author.

    ReplyDelete
  17. Thanks for the info. It is good and easy technique to implement in blog or website - website design and web development - CWGS

    ReplyDelete
  18. Wow awesome information, actually i was looking for this feature from so long, Finally got it thanks. WebDreams India

    ReplyDelete
  19. The post is very informative. It is a pleasure reading it. I have also bookmarked you for checking out new posts. You can also share this valuable content on other platforms such as Blogspot, the famous Wordpress site, the innovative Tumblr site and also the sites like Medium and the famous Live Journal site.

    ReplyDelete
  20. Thank you for sharing this information. Come back again for more interesting stuff like this post. You can share this informative post in Social Media sites like the worldwide famous Facebook, the all-time favorite Twitter and the most interesting Google Plus site, business site LinkedIn and also to the Infographic site Pinterest to generate more traffic to your blog post.

    ReplyDelete
  21. I have analyzed your post. Excellent details you did here. I enjoyed reading your blog, and it is both instructional and enjoyable. Share this most interesting post in other sites like Free Samples 411, the innovative Asaim Japan site and also to the Jfissures site followed by Automation Associaltes LLC and lastly to the sites like Johny Adams sites.

    ReplyDelete
  22. I have analyzed your post. Excellent details you did here. I enjoyed reading your blog, and it is both instructional and enjoyable. Share this most interesting post in other sites like OS Business Opportunities.

    ReplyDelete
  23. I have analyzed your post. The post is both instructional and enjoyable. You can Share this most interesting post in other sites like, the innovative Asaim Japan site and also to the Jfissures site followed by Automation Associaltes LLC to the sites like OS Business Opportunities sites and lastly to the sites like Johny Adams sites.

    ReplyDelete
  24. The great site very nice method I really appericiate your article every thing is explained Very Nice site thanks a lot
    Shadow fight 3 unlimited money apk download free

    ReplyDelete
  25. I’m impressed, I must say. Seldom do I come across a blog that’s both educative and interesting, and without a doubt, you have hit the nail on the head. The problem is an issue that not enough folks are speaking intelligently about. Now i'm very happy I stumbled across this during my hunt for something regarding this.

    Earn to Die 2 Mode apk

    ReplyDelete
  26. Here's a link to our share buttons: https://shareaholic.com/pub...
    You can add all the buttons you need, and have them appear on the top and/or bottom of posts.
    For example, The Social Media Hat uses our buttons above their content and at the end of their posts. See how our buttons look on their site:
    http://www.thesocialmediaha...
    Of course, you can customize your buttons in a variety of ways in your Settings.
    If you have any technical issues, feel free to reference our support center (http://support.shareaholic.... but if you can't find what you're looking for, submit a request and we'll be glad to help

    ReplyDelete
  27. Here's a link to our share buttons: https://shareaholic.com/pub...
    You can add all the buttons you need, and have them appear on the top and/or bottom of posts.
    For example, The Social Media Hat uses our buttons above their content and at the end of their posts. See how our buttons look on their site:
    http://www.thesocialmediaha...
    Of course, you can customize your buttons in a variety of ways in your Settings.
    If you have any technical issues, feel free to reference our support center (http://support.shareaholic.... but if you can't find what you're looking for, submit a request and we'll be glad to help

    ReplyDelete
  28. Here's a link to our share buttons: https://shareaholic.com/pub...
    You can add all the buttons you need, and have them appear on the top and/or bottom of posts.
    For example, The Social Media Hat uses our buttons above their content and at the end of their posts. See how our buttons look on their site:
    http://www.thesocialmediaha...
    Of course, you can customize your buttons in a variety of ways in your Settings.
    If you have any technical issues, feel free to reference our support center (http://support.shareaholic.... but if you can't find what you're looking for, submit a request and we'll be glad to help.

    ReplyDelete
  29. Here's a link to our share buttons: https://shareaholic.com/pub...
    You can add all the buttons you need, and have them appear on the top and/or bottom of posts.
    For example, The Social Media Hat uses our buttons above their content and at the end of their posts. See how our buttons look on their site:
    http://www.thesocialmediaha...
    Of course, you can customize your buttons in a variety of ways in your Settings.
    If you have any technical issues, feel free to reference our support center (http://support.shareaholic.... but if you can't find what you're looking for, submit a request and we'll be glad to help.

    ReplyDelete
  30. This comment has been removed by the author.

    ReplyDelete
  31. Very informative link and very well written. Thank you for sharing. Please also visit: http://www.azillesoft.com/ for website design and developing services.

    ReplyDelete
  32. Here's a link to our share buttons: https://shareaholic.com/pub...
    You can add all the buttons you need, and have them appear on the top and/or bottom of posts.
    For example, The Social Media Hat uses our buttons above their content and at the end of their posts. See how our buttons look on their site:
    http://www.thesocialmediaha...
    Of course, you can customize your buttons in a variety of ways in your Settings.
    If you have any technical issues, feel free to reference our support center (http://support.shareaholic.... but if you can't find what you're looking for, submit a request and we'll be glad to help.

    ReplyDelete
  33. Here's a link to our share buttons: https://shareaholic.com/pub...
    You can add all the buttons you need, and have them appear on the top and/or bottom of posts.
    For example, The Social Media Hat uses our buttons above their content and at the end of their posts. See how our buttons look on their site:
    http://www.thesocialmediaha...
    Of course, you can customize your buttons in a variety of ways in your Settings.
    If you have any technical issues, feel free to reference our support center (http://support.shareaholic.... but if you can't find what you're looking for, submit a request and we'll be glad to help.

    ReplyDelete
  34. Thank you for sharing these amazing tips and guidelines with us. SEO is very powerful and that is all required to get meet business goals, but that is rare, so it is good to have someone in your corner who has the full arsenal of internet marketing strategies. Your website is informative see this wonderful digital marketing agency nj website

    ReplyDelete
  35. Here's a link to our share buttons: https://shareaholic.com/pub...
    You can add all the buttons you need, and have them appear on the top and/or bottom of posts.
    For example, The Social Media Hat uses our buttons above their content and at the end of their posts. See how our buttons look on their site:
    http://www.thesocialmediaha...
    Of course, you can customize your buttons in a variety of ways in your Settings.
    If you have any technical issues, feel free to reference our support center (http://support.shareaholic.... but if you can't find what you're looking for, submit a request and we'll be glad to help.

    ReplyDelete
  36. Here's a link to our share buttons: https://shareaholic.com/pub...
    You can add all the buttons you need, and have them appear on the top and/or bottom of posts.
    For example, The Social Media Hat uses our buttons above their content and at the end of their posts. See how our buttons look on their site:
    http://www.thesocialmediaha...
    Of course, you can customize your buttons in a variety of ways in your Settings.
    If you have any technical issues, feel free to reference our support center (http://support.shareaholic.... but if you can't find what you're looking for, submit a request and we'll be glad to help.

    ReplyDelete
  37. Here's a link to our share buttons: https://shareaholic.com/pub...
    You can add all the buttons you need, and have them appear on the top and/or bottom of posts.
    For example, The Social Media Hat uses our buttons above their content and at the end of their posts. See how our buttons look on their site:
    http://www.thesocialmediaha...
    Of course, you can customize your buttons in a variety of ways in your Settings.
    If you have any technical issues, feel free to reference our support center (http://support.shareaholic.... but if you can't find what you're looking for, submit a request and we'll be glad to help

    ReplyDelete
  38. We are happy now to see this post because of the you put good images, good choice of the words. You choose best topic and good information provide. Thanks a sharing nice article.

    Website Designing Company in Kriti Nagar

    ReplyDelete
  39. Hey Blogger, you have written a masterpiece with lots of information and I must say that you should post daily. Visit Us too kroger feedback

    ReplyDelete
  40. Very informative link and very well written. Social sharing icons are very important to have for any kind of information,Thank for sharing.
    Web Development Company in Noida

    ReplyDelete
  41. Hey Thanks for sharing this valuable information with us. I will come back to your site and keep sharing this information with us. Also, don't forget to read the latest taco bell customer satisfaction survey here.tellthebell

    ReplyDelete
  42. Hey Nice Blog!! Thanks For Sharing!!!Wonderful blog & good post.Its really helpful for me, waiting for a more new post. Keep Blogging!
    web design course in coimbatore
    digital marketing training in coimbatore

    ReplyDelete
  43. Are you facing issues and problems while Blockchain Phone Number
    login blockchain exchange? Sometimes an error is out of the proportion and users to find difficult to erase the errors on their own. In order to get rid of login errors in blockchain account, you can always have a conversation with the elite executives by dialing blockchain support number at 1-800-665-6722 which is active all day and night to assist the users. The executives are functional throughout the 365 days of a year for guidance.
    Blockchain Number
    Blockchain Contact Number
    Blockchain Toll Free Number
    Blockchain Support Number
    Blockchain Phone Number
    Blockchain Helpline number
    Blockchain Support Phone number
    Blockchain Customer Support
    Blockchain Customer Service
    Blockchain Customer Service Number
    Blockchain Wallet phone Number

    ReplyDelete
  44. This comment has been removed by the author.

    ReplyDelete
  45. Worthy post for blogger because blogger shows their page very pretty if You don't have knowledge to add this social media then contact a web developing companies in Bangalore which will add the best floating social media.

    ReplyDelete
  46. Excellent Article. Well, the main reason of me sharing my post here is that, Lets Connect over the Digital Marketing Company in India and we also open for Partnerships with Mobile App Development, Website Development and Graphics related company !

    Get in touch with the Digital Marketing Service Provider In India for more information

    ReplyDelete

  47. السلامه عليكم ورحمة الله وبركاته نحن فى شركة الكمال نقوم بافضل واقوى المبيدات العالميه الموجودة

    التى تقضى على جميع الحشرات الطائره والزاحفة وابادة الحشرات
    شركة مكافحة حشرات بالطائف
    شركة مكافحة حشرات بجازان
    شركة مكافحة حشرات بحائل
    شركة مكافحة حشرات بحائل
    والسلامة عليكم وحمة الله وبركاته

    ReplyDelete

  48. Nice information.. Thanks for sharing this blog. see my website also
    .. VIEW MORE:- Website Design Company in Delhi

    ReplyDelete
  49. Ah,so beautiful and wonderful post!An opportunity to read a fantastic and imaginary blogs.It gives me lots of pleasure and interest.Thanks for sharing.
    Find the Interior Designers in Madhurawada

    ReplyDelete
  50. Hey Thanks for sharing this valuable information with us to grow a Successful Business Online. This nice sharing of knowledge will help me in establishing my business online. I will come back to your site and keep sharing this information with us.Laboratory glassware

    scientific and laboratory glassware

    ReplyDelete
  51. Thanks for explaining these in detail about how to add best floating social media buttons gadget in blogger. You have given three optional designs to choose from. And also this step by step guide will help us greatly in adding social media buttons to blogger.

    ReplyDelete
  52. Thanks for sharing Information to us. If someone wants to know about Web Designing and SEO Services. I think this is the right place for you!
    Web Design Company | SEO Company

    ReplyDelete
  53. I аm sure this post has touched all the internet people, іtѕ really rеally nice article ߋn building ᥙp new weblog. download aol desktop gold

    ReplyDelete
  54. Always so interesting to visit your site.What a great info, thank you for sharing. this will help me so much in my learning Digitogy

    ReplyDelete
  55. The post is really good, we will use above mentioned strategy in our web design company in Bangalore

    ReplyDelete
  56. Hi bro thanks for this great article i really like this post and i love your blog you;---------------> Zong free internet 2019 new trick 10000% Working <---------------

    ----jazz free internet 2019----


    ---Ufone free internet new code 2019--
    <-----------------------------------------------------------------------------------------------------------
    --Earn money easy daily 20$

    --------------------------------------------------------------------------------------
    get free recharge on all sims
    --------------------------------------------------------------------------------------------------------------------------
    --Earn free 100$ WITHOUT INVESTMENT click here

    ------------------------------------------------------------------------------------------------------
    How to Protect your articls on blogger

    --------------------------------------------------------------------------------------------------------
    Free tv on all sims 2019 100%working new method

    =============================================================================================================
    Free do follow backlinks 110+ genrate YOUR WEBSITE

    =============================================================================================================
    Top 15BEST Google Adsense Alternatives

    ===============================================================
    BEST TRICK INCRESS GOOGLE ADSENSE
    -----------------------------------------------------------------------------------------
    Top 15 Highest Paying Affiliate Programs Plaforms List
    ----------------
    FREE WEBHOSTING LIFE TIME BEST HOSTING NO AD UNLIMITED FREE

    ReplyDelete

Get Free Updates...!!!

 
Top