20 Ways To Make $5000+ From Home. Earn Now!

Table of Content

Social Subscription Widget Blue Color for Blogger

Social Subscription Widget Blue Color for Blogger,blogspot social sharing,rss feed,email subscribe gadget unique,stylish tricks for blogger,how to add rss feed box.
 Social Subscription Widget Blue Color for Blogger
Add Rss feed subscribe box for  blogger with social icons. By using this users can subscribe your blog. So, it will  help to get the new updates by emails. Im using CSS and HTML for this widget.












DEMO

1. Log in to blogger account.
2. Now select "Layout"
3. Click Add Gadget and select 'HTML/Javascript
4. Paste below code
<style>#sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0} .sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1F6eo5y9Pwfxktc14Vevo05RM2iSbtqZ6wKaqxQToTjL7fa5g4gxhllconGtU2OfYK_QNtd2DKVek2K5tssoYk_LjcJVmgLpS7wLvDj6nw1SNxqw33fswS1grHDavz-VNPIXifYDkkRE/s1600/background.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase} .sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto} .sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0YjkTvDisjujn_k1VwR9Bb62kMjD7s9DS7IQyAHa40qSlPM2xz8ftfUbiQKZPx-gA3qeazXG7Ibw6vZ-T91WlbtY1JfUVsqgsdMDkv60CwXnwFuybyC9Vc95dPf3Q2Tumi2AgoBx5210/s1600/icons.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%} .sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%} .sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff} .sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px} #footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}a.social-icons{margin-right: 5px;height:45px;width:45px;}a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}</style>
<div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper">    <br/><a class="social-icons" href="https://facebook.com/bloggersstand"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg78jcMy-mlfnqkITlEzX_Ff5HtK58D-N4MSAFj3ncJdC_iOweEe2xaT9u9gaBNSj4CjuXU2VWXk5zw1rMJrW4rn_T8UiwUSSjLYYDH0KId22g-TLZLgfPTbi6yl2VeK_PN1As1RpNMKu1h/s1600/Bloggertrix-facebook.png" /></a><a class="social-icons" href="https://twitter.com/bloggersstand"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfQbzDdQjwYXgJ4asEYNG6Qdv2lpzUEAVLv7GD-PW3thXcQj4hfe0wHL3ViROpNj7vA6wEhJXKNU0sEDV3q9O7sXLH0KmyDOt3d3XeYQQPhNJG5_uUYG49NV9QIL1WO8eX4wdPCwuC9TFN/s1600/bloggertrix-twitter.png" /></a><a class="social-icons" href="https://plus.google.com/115587840274121878323"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMkkqPrPUTrPBDewyX46UGblnaYhwiaEjbHi-DRt-lHtAEUsZKpniqLZs3OM2QnWmIAh_b3T1prP4rLT17nDeTIPuMQmutDA3X_Q3ix9vgVp1uExMv2xxRkgCrWBo2mcvIj4k-8B0vVzvI/s1600/Bloggertrix-Googleplus.png" /></a><a class="social-icons" href="http://www.feedburner.com/bloggersstand"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXB4Fw8sUGpKnCL9L7xaZM4dvUdGyfbW4rKE2fdqWa1LAvg9054MB1sv33Evotg0GnX0ckARyK6I4vAOw4bA_JL3MKv-dR8QeyX8JBRMc5OPknlP_h9muOHdtV8FoCJ3pNYqiFKLzogJv0/s1600/Bloggertrix-Rss.png" /></a><p>Subscribe To Our Email Newsletter & Receive Updates Free</p><div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=bloggersstand" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggersstand', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="bloggersstand" /><input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter your email address here"/><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Subscribe Now !" /></form></div></div></div>
Change bloggersstand with your Feedburner ID 
Change bloggersstand with your Facebook username
Change bloggersstand with your Twitter Username
Change 115587840274121878323 with your google plus 

5. Now save your 'HTML/Javascript'. 

Post a Comment