Awesome Designed Social Media Widget For Blogger
How To Add Social Media Widget To Blogger
This is a simple Social media gadget for your blog. You can link Facebook fan page, Twitter and RSS subscribe. Its easier to add to your blog. You can try it. Follow all steps carefully which I’ve mentioned below.
Steps To Adding Social Media Widget To Blogger
- Go To Blogger Dashboard.
- Click on Layout >> Add A Gadget.
- Select HTML/JavaScript.
- Now Copy below code and paste it.
<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:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
font-weight:bold; }
#social1 .social2 h2.subscription:hover {color:#1c5ef3; font-size:15px;}
#social1 .social2 h2.facebook { background:url(http://2.bp.blogspot.com/-Q7-NKPMdJHs/VhZZemA5GHI/AAAAAAAADvY/ivGiCqSRc-A/s1600/mybloggerguides.com-facebook-icon.png) no-repeat top left; }
#social1 .social2 h2.twitter { background:url(http://1.bp.blogspot.com/-rldtoSIx5is/VhZZg1ai2zI/AAAAAAAADvo/HaOC4upbS2M/s1600/mybloggerguides.com-twitter-icon.png) no-repeat top left; }
#social1 .social2 h2.Rss { background:url(http://2.bp.blogspot.com/-T3MUEgWhxhE/VhZZfvssDtI/AAAAAAAADvg/3jFOVY3rb4k/s1600/mybloggerguides.com-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>
- Now Change All highlighted colors into your’s.
- Save HTML/JavaScript.
- That’s it. You have added this social media blogger widget into your blog. Now open new tab and type your blog’s URL and hit enter and tell us also about your experience with this widget.
Our Recommended Blogger Widgets
- WordPress Like Floating Social Sharing Widget for Blogger with Counter.
- AllInOne Admin Box Widget with Social buttons and Subscription Box.
- Add Sticky Notification Bar To Blogger with Show/Hide Button.
- Stylish Contact Form For Blogger! Add to Static Page, Responsive & Pro Version.
- Cute & Stylish Email Popup Subscription Widget.
Conclusion:
Thank You! Stay Blessed!
Contents
