Simple Social Networking Widget with RSS E-mail Subscription Box for Blogger

Simple Social Networking Widget with RSS E-mail Subscription Box for Blogger


Blogger Widget
HI Guys! Today I'm going to post a simple social networks with RSS E-mail subscription box. Actually, this simple, fast loading and more attractive. I added major social media channels, because it will give more loyal visitors for your blog. 

Step 1 Log in to your Blogger account and Go to your Blogger Dashboard
Step 2 Go to your Layout tab.
Step 3 Click on "Add a Widget" then select "HTML/JavaScript" Widget.
Step 4 Now Copy and past any code from below in "HTML/JavaScript" Widget.

<style type="text/css">
.social ul {list-style:none; display:inline}
.social li {float:left;padding: 0px 1px 0px 0px;}
.social li:nth-child(6) {padding: 0;}
.social li a img{height:49px;width:49px}
#rss-news {background-color: #090909;width: 270px;color: white;padding: 0 15px 15px;margin-top: -3px;}
#rss-news input {outline: 0;}
<div class="social">
<span class="glap"><ul>
<li><a href="Your Facebook link Here"><img src=" " /></a></li>
<li><a href="Your Twitter link Here"><img  src="" /></a></li>
<li><a href="Your Google Plus link Here"><img src="" /></a></li>
<li><a href="Your RSS link Here"><img src=" " /></a></li>
<li><a href="Your Pinterest link Here"><img src=" " /></a></li>
<li><a href="Your Youtube link Here"><img style="width:50px" src=" " /></a></li>
<li><div id="rss-news">
<form action="" method="post" onsubmit="' FEEDBURNER ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin-bottom: 0px" target="popupwindow"><br /><span><span class="">Sign up for By email to get latest articles every day.
</span></span><br /><input name="email" style="width:240px; margin: 5px 0px; border: 1px solid #ccc; padding: 4px; font-size: 1.0em; color: #555;" type="text" value="insert your email here » enter"/><input name="uri" type="hidden" value="YOUR FEEDBURNER ID" /><input name="loc" type="hidden" value="en_us" /><br /><span><span>(*) Check mail to confirm information!</span></span></form>

Step 5  Now Save the Widget. 

Your Facebook link Here
Your Twitter link Here
Your Google Plus link Here
Your RSS link Here
Your Pinterest link Here
Your Youtube link Here

Change the above line with Yours Own link. And with yours feedburneed ID

Happy Blogging!

Post a Comment

Facebook Group Community Code ConverterHide Code Converter Show EmoticonHide Emoticon

Got questions? Ask ’em below! While we’re here, you might like to give any feedback about this Post, Your comment inspire us to continuous Improvement of This Blog and Contents. Your words are your own, so be nice and helpful if you can. Please, only use your REAL NAME, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form


Email *

Message *