Simple Social Media Like Us Box Widget

In this tutorial i'm going to explain how to add simple social media like us widget and gadget for blogger/blogspot.it is very easy to use and very elegant look,this widget have facebook,twitter and subsribe on rss buttons/icons.

DEMO

1. Log in to blogger account.

2. Now select "Layout"

3. Click Add Gadget and select 'HTML/Javascript

4. Paste below code

<style type='text/css'>
#topbox{width:250px;border:4px solid #a1a1a1;background-color:#ffffff;}
#topbox:hover{border:4px solid #4e4c4c;background-color:#ffffff;}
#social1 .social2 h2.subscription { border:0; margin:0; padding:3px 0 0 55px; height:42px; font-size:14px;font-family:&quot;Segoe UI&quot;,Calibri,&quot;Myriad Pro&quot;,Myriad,&quot;Trebuchet MS&quot;,Helvetica,Arial,sans-serif;
font-weight:bold; }
#social1 .social2 h2.subscription:hover {color:#1c5ef3; font-size:15px;}
#social1 .social2 h2.facebook { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFX0353Qefd1JFMiO1Tb4VHRn501OA0jNeYi8mYOd3JU-fm_Gw7qR0q4uyeos7oKKwKi4N1f8KWGPGWYoWpRXVkpMD8CUBVTfQC7ETxtpSOn1c9eFcnxR0x33Yukfdpe4-963_YEwV3kA/s1600/bloggertrix-facebook-icon.png) no-repeat top left; }
#social1 .social2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFA2eUuXDgvS3KjmI_CjGdNdnARTCvysRTZCh6f6u7zcBEb749nYd-V_27czvGhr3hHOcS4czHWbZ7W0Qk-YDVHuIXRrLGQ-tWY1hn-iOHv5Mjnai_O35qmh9x5BkMA1I6QZLue-yuCqQ/s1600/bloggertrix-twitter-icon.png) no-repeat top left; }
#social1 .social2 h2.Rss { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIwLY1d5Eob20qoir_0fOAGXtDMsgovnfOkXT4gtyJc8V4K6Qpp8PpJObD-117r3wtxyCJjyoEHFblYh6spFmmEd1bEl53rnYPZx-ZM2fbfSxlmi1NvTmO2JVtmjy2-ReGCmQ673ig3sc/s1600/bloggertrix-rss-icon.png) no-repeat top left; }
#social1 .social2 .subscription a { color:#252e28; text-decoration:none; }
</style>
<div id="topbox">
<div id="social1">
<div class="social2">
<h2 class="subscription facebook"><a href="Facebook URL" target="_blank">Like On Facebook</a></h2>
<h2 class="subscription twitter"><a href="Twitter URL" target="_blank">Follow On Twitter</a></h2>
<h2 class="subscription Rss"><a href="Your Email Subscription URL" target="_blank"> Subscribe On RSS</a></h2>
</div></div>
</div>

• Change Facebook URL with your URL
• Change Twitter URL with your URL
• Change Your Email Subscription URL  with your feed

5. Now save your 'HTML/Javascript'. Done !