Social Sharing Widget With Email Subscription

Social Sharing Widget With Email Subscription

Nowadays, Visitors and Readers don't like old fashioned widgets,especially social widgets. Visitors mostly ignore it and don't like to use it. I have made a beautiful looking eye catching widget for my readers and visitors and Today I’m gonna share this with you people. 


Features Of this Widget

Really awesome social widget with all social media icons.
Gives a beautiful look on mouse hover.
Beautiful email subscription box.
Eye catching look and take small space of your blog.

Before We Start Look Demo.

                                            Demo

Social Sharing Widget With Email Subscription

Step 1
Go To Your Blogger Layout
Add HTML/JAVA Widget
Paste Below Code In It

---

<center><font size='3' color='black'><p>Subscribe Us To Get Instant New Updates</p></font></center><br/><style>#content-social ul li{padding: 0px 0px 0px 0px;}#content-social{float:right;width:452px;}#content-social ul{display:inline;float:right;}#content-social ul li{border: 1px solid rgb(226, 226, 226);display:inline;float:left;overflow:hidden; margin-left: 5px;}.fb-but,.twitter-but,.pinterest-but,.google-but,.linkedin-but,.rss-but{float:left;transition:all .1s;-moz-transition:all .1s;-ms-transition:all .1s;-o-transition:all .1s;-webkit-transition:all .1s;width:30px;height:30px;}.fb-but{background:rgb(241, 241, 241) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir0hsgsK8pplRPJ_-6A2K1wmQ35Qk_2VpmcSgQj_9CwEAUwC-1xmvsDFz6-vjhwe-sGovYcKGZvuI1qcr2LbvNL-21GF6bhRF1rK5h1cmrWRHD9Ngw4IsNuAJqS0zrdg4PLgC8CyuYZTFN/s1600/social-buttons.png) 0 0;}.fb-but:hover{background:#3b5997 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir0hsgsK8pplRPJ_-6A2K1wmQ35Qk_2VpmcSgQj_9CwEAUwC-1xmvsDFz6-vjhwe-sGovYcKGZvuI1qcr2LbvNL-21GF6bhRF1rK5h1cmrWRHD9Ngw4IsNuAJqS0zrdg4PLgC8CyuYZTFN/s1600/social-buttons.png) 0 -30px;}.twitter-but{background:rgb(241, 241, 241) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir0hsgsK8pplRPJ_-6A2K1wmQ35Qk_2VpmcSgQj_9CwEAUwC-1xmvsDFz6-vjhwe-sGovYcKGZvuI1qcr2LbvNL-21GF6bhRF1rK5h1cmrWRHD9Ngw4IsNuAJqS0zrdg4PLgC8CyuYZTFN/s1600/social-buttons.png) -30px 0;}.twitter-but:hover{background:#00aced url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir0hsgsK8pplRPJ_-6A2K1wmQ35Qk_2VpmcSgQj_9CwEAUwC-1xmvsDFz6-vjhwe-sGovYcKGZvuI1qcr2LbvNL-21GF6bhRF1rK5h1cmrWRHD9Ngw4IsNuAJqS0zrdg4PLgC8CyuYZTFN/s1600/social-buttons.png) -30px -30px;}.pinterest-but{background:rgb(241, 241, 241) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir0hsgsK8pplRPJ_-6A2K1wmQ35Qk_2VpmcSgQj_9CwEAUwC-1xmvsDFz6-vjhwe-sGovYcKGZvuI1qcr2LbvNL-21GF6bhRF1rK5h1cmrWRHD9Ngw4IsNuAJqS0zrdg4PLgC8CyuYZTFN/s1600/social-buttons.png) -60px 0;}.pinterest-but:hover{background:#cb2027 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir0hsgsK8pplRPJ_-6A2K1wmQ35Qk_2VpmcSgQj_9CwEAUwC-1xmvsDFz6-vjhwe-sGovYcKGZvuI1qcr2LbvNL-21GF6bhRF1rK5h1cmrWRHD9Ngw4IsNuAJqS0zrdg4PLgC8CyuYZTFN/s1600/social-buttons.png) -60px -30px;}.google-but{background:rgb(241, 241, 241) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir0hsgsK8pplRPJ_-6A2K1wmQ35Qk_2VpmcSgQj_9CwEAUwC-1xmvsDFz6-vjhwe-sGovYcKGZvuI1qcr2LbvNL-21GF6bhRF1rK5h1cmrWRHD9Ngw4IsNuAJqS0zrdg4PLgC8CyuYZTFN/s1600/social-buttons.png) -90px 0;}.google-but:hover{background:rgb(223, 103, 103) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir0hsgsK8pplRPJ_-6A2K1wmQ35Qk_2VpmcSgQj_9CwEAUwC-1xmvsDFz6-vjhwe-sGovYcKGZvuI1qcr2LbvNL-21GF6bhRF1rK5h1cmrWRHD9Ngw4IsNuAJqS0zrdg4PLgC8CyuYZTFN/s1600/social-buttons.png) -90px -30px;}.youtube-but{background:rgb(241, 241, 241) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir0hsgsK8pplRPJ_-6A2K1wmQ35Qk_2VpmcSgQj_9CwEAUwC-1xmvsDFz6-vjhwe-sGovYcKGZvuI1qcr2LbvNL-21GF6bhRF1rK5h1cmrWRHD9Ngw4IsNuAJqS0zrdg4PLgC8CyuYZTFN/s1600/social-buttons.png) -120px 0;float:left;transition:all 0.1s;-moz-transition:all 0.1s;-ms-transition:all 0.1s;-o-transition:all 0.1s;-webkit-transition:all 0.1s;width:54px;height:30px;}.youtube-but:hover{background:#f00 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir0hsgsK8pplRPJ_-6A2K1wmQ35Qk_2VpmcSgQj_9CwEAUwC-1xmvsDFz6-vjhwe-sGovYcKGZvuI1qcr2LbvNL-21GF6bhRF1rK5h1cmrWRHD9Ngw4IsNuAJqS0zrdg4PLgC8CyuYZTFN/s1600/social-buttons.png) -120px -30px;}.linkedin-but{background:rgb(241, 241, 241) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir0hsgsK8pplRPJ_-6A2K1wmQ35Qk_2VpmcSgQj_9CwEAUwC-1xmvsDFz6-vjhwe-sGovYcKGZvuI1qcr2LbvNL-21GF6bhRF1rK5h1cmrWRHD9Ngw4IsNuAJqS0zrdg4PLgC8CyuYZTFN/s1600/social-buttons.png) -174px 0;}.linkedin-but:hover{background:#069 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir0hsgsK8pplRPJ_-6A2K1wmQ35Qk_2VpmcSgQj_9CwEAUwC-1xmvsDFz6-vjhwe-sGovYcKGZvuI1qcr2LbvNL-21GF6bhRF1rK5h1cmrWRHD9Ngw4IsNuAJqS0zrdg4PLgC8CyuYZTFN/s1600/social-buttons.png) -174px -30px;}.rss-but{background:rgb(241, 241, 241) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir0hsgsK8pplRPJ_-6A2K1wmQ35Qk_2VpmcSgQj_9CwEAUwC-1xmvsDFz6-vjhwe-sGovYcKGZvuI1qcr2LbvNL-21GF6bhRF1rK5h1cmrWRHD9Ngw4IsNuAJqS0zrdg4PLgC8CyuYZTFN/s1600/social-buttons.png) -204px 0;}.rss-but:hover{background:#f60 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir0hsgsK8pplRPJ_-6A2K1wmQ35Qk_2VpmcSgQj_9CwEAUwC-1xmvsDFz6-vjhwe-sGovYcKGZvuI1qcr2LbvNL-21GF6bhRF1rK5h1cmrWRHD9Ngw4IsNuAJqS0zrdg4PLgC8CyuYZTFN/s1600/social-buttons.png) -204px -30px;}</style><div id="content-social"><ul><li><a href="http://www.facebook.com/f4uonlinecourses" class="fb-but ext-link" target="_blank"></a></li><li><a href="http://www.twitter.com/f4uonlinecourses" class="twitter-but ext-link" target="_blank"></a></li><li><a href="https://plus.google.com/u/0/googleid" class="google-but" rel="author"></a></li><li><a href="http://www.pinterest.com/f4uonlinecourses/" class="pinterest-but ext-link" target="_blank"></a></li><li><a href="http://www.youtube.com/user/f4uonlinecourses" class="youtube-but ext-link" target="_blank"></a></li><li><a href="http://www.linkedin.com/in/f4uonlinecourses" target="_blank" class="linkedin-but"></a></li><li><a href="http://www.feeds.feedburner.com/f4uonlinecourses" target="_blank" class="rss-but"></a></li><li></li></ul></div>



<div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=f4uonlinecourses" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=f4uonlinecourses', 'popupwindow', 'scrollbars=yes,width=500,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="f4uonlinecourses" /><center><input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter email address here..."/></center><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Receive Free Updates→" /></form></div>

---

Important

Replace Subscribe Us To Get Instant New Updates with your desired text,
Replace f4uonlinecourses with your Facebook,Twitter Username,Pinterest,YouTube, Linkedin, Feedburner Id.

Replace googleid with your Google+ Id.

Replace f4uonlinecourses with your FeedBurner Id.

Replace Enter email address here... with your desired text.

Replace Receive Free Updates→ with your desired text.

Note

If you find any problem regarding'Social Sharing Widget With Email Subscription'then kindly comment below or contact us.