Email Subscription and Social Sharing Widget For Blogger

Email Subscription and Social Sharing Widget For Blogger

Beautiful Email Subscription and Social Sharing Widget For Blogger is for the people who wants more unique visitors and readers and good fans following for them.This subscription widget very cool and eye catching,its background and its design attract visitors towards your site or a blog.This subscription widget is designed with CSS and HTML, and make it flavored with the best social media icons, which takes small space of your blog.
Before we start see Demo...


                                                                    Demo


Email Subscription and Social Sharing Widget For Blogger

Step 1
Go To Your Blogger Layout
Now Add A Gadget HTML/JAVA
Now Enter Following Below Code In It

---

<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/AVvXsEgbvh5-o9BTcOr4TI5y346DjiKbkP6zEYmlxaNsFdOIZTduNl-rgoZva2aswG5O3NW-YBqZgialNlp7yNwNtf8kUxO28YTMdQuiggLzIVk1PcU-r5VkXq7Y4YXMYYdQ82QQ8iwaGw5TN_wZ/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/AVvXsEgarcO_ZVX-XmqWwPaQnuPsN6gpgF6xtemvhAyTbHMU3ucspo4kGng5882gkCSeufoz4aIc2q1xYOU-BMzQ_JjfboRhC85pUTBL8fJkCP7zXV3P3aIlLDVv5fOH52nOjMKFE30rkIbq47M/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:2px 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/f4uonlinecourses"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKoklKWfzgGE_HR_fKuf7zzFbMcUMs0G6sNTBwCPMAgKVPQbh88uB2AXKRQeMFYo71Aga3kz_KU9_uHyExQ6zzRtJ_Mfa0giw9o8TwK4G8bMPzKHhqabIN88Hk_FjXvQJD31zEUBDtTkzF/s1600/Bloggertrix-facebook.png" /></a><a class="social-icons" href="https://twitter.com/f4uonline"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibnNeDRAf7vR7umAo39GAvO9SjAKbbVAnOlBDwy5keX3AG_9vWVndx1DuYdL1pIi8Yut5RQ2adqWbXRi4rSTDR_7x7deZvQjC3MUBC4xWbBPYNnmbZYYAhPm_j8LU5V9yKLfyuL1iC7S0g/s1600/bloggertrix-twitter.png" /></a><a class="social-icons" href="https://plus.google.com/userId"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMud6zK-err-iyaYcGkfvRt-zTakyvLxrZ_UpKTbhCbOBD6xTehTHK3ge_rwEXrw6dj_nFychyphenhyphenC35Omq2cecr7Qg39K2OyI86woRl5ADinRtcm35vg7i9_4miPTQFxz_kAV1lT980HmAsC/s1600/Bloggertrix-Googleplus.png" /></a><a class="social-icons" href="http://www.feedburner.com/way2usefulinfo"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVvcFRxTKWCiZ9AL_NbbDoJ7i25FdpI4KDe3PJEL9h7y6aTooxnqgZ7XO1jF4w-LnovtFZO2j7wqETkZ4Q3cXwHlxVZWajxITCoqAdrWD_TKu_OLNYqo-erX3RIs2lYhlDTWfFp6nrT2Hp/s1600/Bloggertrix-Rss.png" /></a><p>Subscribe To Our Email Newsletter & Receive New Updates Free</p><div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=way2usefulinfo" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=f4uonlinecourses', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="way2usefulinfo" /><input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter email address here..."/><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Subscribe" /></form>
</div></div></div>

---

Instruction

Replace f4uonlinecourses  with your Facebook Page
Replace f4uonline  with your Twitter Username
Replace userId  with your Google+ Id
Replace f4uonlinecourses  with your FeedBurner  Id

Note
If you find any problem regarding 'Email Subscription and Social Sharing Widget For Blogger' feel free to comment below or contact us.