Simple Social Buttons Widget for Blogger Blogs

Are you looking for a Social widget for your Blog? Well the wait ends Here is a simple social buttons widget for blogger. This widget contains Facebook Like button, Twitter Follow button and Google+ Recommend button. This widget looks decent and loads fast and is fully compatible with blogger blogs.

social buttons widget blogger

You Might Also Like:

Here is a Step by Step guide for Installing this widget on Blogger. If at any step you find difficulties Please feel free to contact me or just leave a comment below.

simple social buttons widget
This is How It will look

How to Install this Widget.

Step 1: Go to Blogger Dashboard > Layout

Step 2: Click on 'Add a Gadget' and choose HTML/Javascript 

Step 3: Copy and Paste the following code inside the widget box.
<!-- Social Widget Start --></div>
<style>#socialwidget{border:1px solid#ebebeb;width:300px}.TZ-social{padding:10px 10px 10px 10px;border-bottom:1px solid#ebebeb}.TZ-social img:hover{opacity:0.8}.googleplus{background:#ffffff;border-top:1px solid white;border-bottom:1px solid#ebebeb;font-size:12px;color:#000;padding:9px 11px;ine-height:1px;font-family:Verdana,Geneva,sans-serif}.googleplus span{color:#000;font-size:11px;position:absolute;margin:9px 70px;width:310px}.g-plusone{float:left}.twitter{background:#ffffff;border-bottom:1px solid#ebebeb;padding:10px}.TZ{background:#ffffff;border-top:1px solid white;font-size:12px;color:#000;padding:9px 11px;line-height:1px;font-family:Verdana,Geneva,sans-serif}.TZ span{color:#000;font-size:11px;position:absolute;margin:-12px 100px;width:310px} a{font-size:10px;font-size:10px;letter-spacing:1px;color:#1E598E;text-decoration:none}.</style><div id="socialwidget"><!--Begin Widget--><div class="googleplus"><span><font><font>Recommend Us On Google</font></font></span><!--GooglePlus--><!--Place this tag where you want the 1 button to render--><g:plusone size="medium"href=""></g:plusone><!--Place this render call where appropriate--><!--Place this render call where appropriate--><script type="text/javascript">(function(){var po=document.createElement('script');po.type='text/javascript';po.async=true;po.src='';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(po,s)})();</script></div><div class="TZ"><!--facebook--><iframe src="//;send=false&amp;layout=button_count&amp;width=300&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=verdana&amp;height=21"scrolling="no"frameborder="0"style="border:none; overflow:hidden; width:300px; height:21px;"allowtransparency="true"></iframe></div><div class="twitter"><!--Twitter--><iframe allowtransparency="true"frameborder="0"scrolling="no"src=";id=twitter-widget-0&amp;lang=en&amp;screen_name=jimmieluthra&amp;show_count=true&amp;show_screen_name=true&amp;size=m"class="twitter-follow-button"style="width: 244px; height: 20px; "title="Twitter Follow Button"></iframe><script src=""type="text/javascript"></script></div><!--End Widget--></div>

Step 4: Make the following changes to the code.

        - Your Facebook Page Username

        - Your Twitter Username

Step 5: Save the Widget

This will complete the process and the widget will appear on your blog. I Hope this post was helpful for more widgets see Blogger Widgets. Comments are welcomed.

jim luthra jimmie jamshed About Author
Jimmie Luthra is founder of He is a Cadet in Merchant Navy and a Part time Blogger. He is 20 and lives in Mumbai. You can Follow him on Twitter, Facebook and Google+

About Jimmie Luthra

Jim Luthra is a Third Officer in Merchant Navy and Chief Editor of, He is a Blogger, Guitarist, Painter, Book Lover, Tech Geek, Basket Ball Lover, Traveller and Fitness Freak. He loves Traveling and Adeventure Sports.
    Blogger Comment
    Facebook Comment