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

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

Comments: 0
data:blog.title
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;}
</style>
<div class="social">
<span class="glap"><ul>
<li><a href="Your Facebook link Here"><img src=" http://2.bp.blogspot.com/-k6n5g2a82Q0/UNFcOCri_tI/AAAAAAAAAq0/5CGVJbQHErY/s1600/facebook.www.bloggerspice.com.png " /></a></li>
<li><a href="Your Twitter link Here"><img  src="http://2.bp.blogspot.com/-fppBhYxsRAM/UNFcQCXaOMI/AAAAAAAAArk/bV6ECFhEDXI/s1600/twitter.www.bloggerspice.com.png" /></a></li>
<li><a href="Your Google Plus link Here"><img src=" http://1.bp.blogspot.com/-yIwK3vAvTMg/UNFcOWSQIeI/AAAAAAAAArA/qJ2RcGSvkSs/s1600/google-plus.www.bloggerspice.com.png" /></a></li>
<li><a href="Your RSS link Here"><img src=" http://2.bp.blogspot.com/-nXEPPKE9yQo/UNFcPNiq2kI/AAAAAAAAArM/V6bpWxUmynE/s1600/rss.www.bloggerspice.com.png " /></a></li>
<li><a href="Your Pinterest link Here"><img src=" http://2.bp.blogspot.com/-L_qreX6o9uY/UNFcPjbUBlI/AAAAAAAAArY/ETgeTIKkYyM/s1600/pinterest.www.bloggerspice.com.png " /></a></li>
<li><a href="Your Youtube link Here"><img style="width:50px" src=" http://2.bp.blogspot.com/-x6OK2WHzlhY/UNFcUWTFy1I/AAAAAAAAArw/VUi6grvAvMM/s1600/youtube.www.bloggerspice.com.png " /></a></li>
<li><div id="rss-news">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=YOUR 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>
</div></li>
</ul></span>
</div>

Step 5  Now Save the Widget. 
 
Customization: 

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
YOUR FEEDBURNER ID


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

Happy Blogging!

Speak Your Mind

Facebook Group Community Code ConverterHide Code Converter Show EmoticonHide Emoticon

If you Got questions? Ask ’em below! While we’re here, you might like to leave a comment and let me know if you have any stories or questions.

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

Name

Email *

Message *