Social share widget is an important element for a blog site. I am sharing a nice awesome social share widget which can be installed in both Blogger and Wordpress, Google+, Facebook, Twitter,Feedburner Email subscription etc are available in the widget. Receive Our All Updates In Your Inbox by submitting your Email ID below.
Just view a demo. Look how beautiful the widget is !Subscribe Now!
Learn Free Pro Tricks daily
Add The Awesome Social Share Widget
Widget On Blogger
Widget On Wprdpress
Paste the following code in a text widget and save<style type="text/css">.mdbar{width:300px;float:left;background:#FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTvCmYW8FHK4K5t9Kk-J714BUh5dQAsq3AwXwhUdfaT2meqLjnKNe0dJpe-44Ih9CgSthMNcpBPqGLFp77Dei_MCh_a6cUhJh7h6GKxosNsKp15oNMV8Pp6tqIglX2ZLnYM3HyJQx3s67Q/s1600/%5Bwww.gj37765.blogspot.com%5Dsidebartop.gif) top no-repeat;margin:0 0 10px;padding:10px;border:1px solid #DDD;}.mdbar .md-credit{}.mdbar .md-credit a{float:right;font-size:10px;font-weight:bold;text-shadow:1px 1px white;color:#1E598E;text-decoration:none;}.mdbar h2{background:URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwF4CC8LW39daxKuXfdmSFUvwxJN16QDj7VixYxZbRdoS8ypBsvbJyjqmL7viWSm6AMj1TII_glPZb1JM1Wm0BCP550wgVAJvS4r7YzlvPtQw1LQtYq6d66FZ2luMfILEFVOOftLDP8GSj/s1600/%255Bwww.gj37765.blogspot.com%255DSUBSCRIBE.gif) no-repeat;height:50px;margin:0px 0 0px 0;padding:0px 20px 0px 0px;font-size:0px;font-family:Sans-serif, Arial, Helvetica;font-weight:bold;text-transform:uppercase;color:#ffffff;text-shadow:0 1px 0 #fff;}.mdbar .count{color:#F17C18;font-size:14px;font-weight:bold;font-family:Helvetica, Arial;height:40px;line-height:40px;vertical-align:middle;width:310px;padding:0 0px 0 4px;margin:0;}.mdbar .count span.bigcount{color:#F17C18;font-size:24px;font-family:Helvetica, Arial;line-height:39px;vertical-align:middle;margin:0px;padding:10px 0px 0px 0;}.mdbar .subicons{border-bottom:1px solid #e6e6e6;margin:0px 0 0px 0;float:left;width:300px;font-family:Helvetica, Arial;font-size:12px;}.mdbar .subicons a{text-decoration:none;color:#333333;}.mdbar .subicons a:hover{text-decoration:underline;color:#333333;}.mdbar .subicons .rssicon{border-right:1px solid #e6e6e6;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPmplE7v9l6u_2DwA_Av0BDHKQCvME4pd59Ed6koqUi62nazbTGz15iG3cUhqZVmXim2QqTzAwskgj3hUn3eJmOatl8uzfEpXUIgFNKEZGywZQE4K3y5MjLftlumtHLRBKPm8oPRYXZYAu/s1600/%255Bwww.gj37765.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px 5px;min-width:2px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.mdbar .subicons .googleicon{border-right:1px solid #e6e6e6;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPmplE7v9l6u_2DwA_Av0BDHKQCvME4pd59Ed6koqUi62nazbTGz15iG3cUhqZVmXim2QqTzAwskgj3hUn3eJmOatl8uzfEpXUIgFNKEZGywZQE4K3y5MjLftlumtHLRBKPm8oPRYXZYAu/s1600/%255Bwww.gj37765.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px -37px;min-width:2px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.mdbar .subicons .fbicon{border-right:1px solid #e6e6e6;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPmplE7v9l6u_2DwA_Av0BDHKQCvME4pd59Ed6koqUi62nazbTGz15iG3cUhqZVmXim2QqTzAwskgj3hUn3eJmOatl8uzfEpXUIgFNKEZGywZQE4K3y5MjLftlumtHLRBKPm8oPRYXZYAu/s1600/%255Bwww.gj37765.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px -79px;min-width:20px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.mdbar .subicons .twittericon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPmplE7v9l6u_2DwA_Av0BDHKQCvME4pd59Ed6koqUi62nazbTGz15iG3cUhqZVmXim2QqTzAwskgj3hUn3eJmOatl8uzfEpXUIgFNKEZGywZQE4K3y5MjLftlumtHLRBKPm8oPRYXZYAu/s1600/%255Bwww.gj37765.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px -121px;min-width:20px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.mdbar .emailsub{border-bottom:0px solid #e6e6e6;padding:15px 0 0px 0;float:left;width:100%;font-family:Helvetica, Arial;}.mdbar .emailsub .emailicon{background:url(http://www.fordfarmhouse.com/images/email.png) no-repeat 0 2px;float:left;padding:0px 15px 0px 50px;margin:0 0 0 5px;width:300px;line-height:20px;vertical-align:middle;font-size:14px;color:#333;}.mdbar .emailsub .emailupdatesform{margin:15px 0 5px 5px;width:300px;float:left;}.mdbar .emailsub .emailupdatesform input.emailupdatesinput{background:#fff !important;float:left;border:1px solid #d2d2d2;padding:0px 8px 0px 8px;color:#a19999;font-size:12px;height:25px;width:185px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}.mdbar .emailsub .emailupdatesform input.joinemailupdates{/*linear-gradient*/background:-webkit-gradient(linear,left top,left bottom,color-stop(#F9EAD4,0),color-stop(#F9780E,1));background:-webkit-linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:-moz-linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:-o-linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:-webkit-gradient(linear,left top,left bottom,from(#57ABFE),to(#F9780E));border:1px solid #F9780E;text-transform:none;font:bold 12px arial;color:#fff;height:25px;padding:0 12px 0 12px;margin:0 0 0 5px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;}</style><div class="mdbar">
<h2 class='title'>
Subscribe Now!</h2>
<div class="count">
<span class="bigcount"><a rel="nofollow" href="http://feeds.feedburner.com/edutechnologynet"><img style="border:0" alt="" src="http://feeds.feedburner.com/%7Efc/edutechnologynet?bg=F2F2F2&fg=666&anim=1" height="26" width="88" /></a> </span>Learn Free Pro Tricks daily </div>
<div class="subicons">
<div class="rssicon">
<a rel="nofollow" href="http://feeds.feedburner.com/edutechnologynet" target="_blank"> <blink>RSS</blink></a></div>
<div class="googleicon">
<a href="https://plus.google.com108284995987961250609" rel="author" target="_blank"> <blink>G+</blink></a></div>
<div class="fbicon">
<a href="https://www.facebook.com/edutechnologynet" target="_blank" rel="nofollow"><blink>FB<blink></a></div>
<div class="twittericon">
<a href="https://www.twitter.com/bestrafi" target="_blank" rel="nofollow"><blink>Twitter</blink></a></div>
</div>
<div class="emailsub">
<div class="emailicon">
<p style=" width:270px; color:#3A3A3A; font-size: 13px; font-weight: normal; font-family: Helvetica, Arial; padding:0; margin:0;">
Receive Our All Updates In Your Inbox by submitting your Email ID below.</p>
</div>
<div class="emailupdatesform">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=edutechnologynet', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="10" class="emailupdatesinput" name="email" value="Enter your email here..." onblur="if (this.value == '') {this.value = 'Enter your email here...';}" onfocus="if (this.value == 'Enter your email here...') {this.value = '';}" type="text" /><input value="edutechnologynet" name="uri" type="hidden" /><input value="Submit" class="joinemailupdates" type="submit" /></form>
<span class="md-credit" style="font-family: Arial, Helvetica, sans-serif;"><a href="http://www.edutechnology.net" target="_blank" >Blogger Widgets >></a></span></div>
</div>
</div>
Note: Change the Feedburner, twitter, Facebook and Google plus ID
Enjoyed the article ? Please take 10 seconds to share the article with your friends if you like
Sunday, April 15, 2012
Add Awesome Social Share Widget In Blogger
If you enjoyed this post please subscribe to me for free updates!
 |  |  |  |  |
Posts By AUTHOR
Hi, I Am the founder of ALLBLOGGINGTIPZ. I like Blogging. It's Blogging is my passion.
Subscribe to:
Post Comments (Atom)
0 comments:
Click Here To add Comment