-->

Saturday, 27 July 2013

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

at 09:14

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
Share this article :

0 comments:

Post a Comment

 

Labels

Labels

Labels

Labels

Copyright © 2013. Blogger Spice - All Rights Reserved