Add Stylish All In One Multi Social Network With Email Subscription Box Widget In Blogger
Social network plays a crucial role
in bringing huge traffic to your website/blog. Social sharing media widget helps
your visitors to spread your words all around the world. Moreover, email
subscription box makes your visitors easier get the new updates via emails.
In
this post I am going to show you how to add popular Social Media, RSS Feed and
Email Subscribe Widget in one box! This box can boost your traffic. This widget
includes all in one social networks buttons Facebook, Twitter, Google, LinkedIn,
RSS subscribe and Email subscription.
Demo - Above
Picture
How To Install That Widget
1. Go to Blogger Dashboard
2. Click on “Layout”
3. Click on “Add a Gadget”
4. Select “Html/Javascript”
Gadget
5. A Configure HTML/Java Script menu
will open
6. Paste the following code in
body section and leave title blank
<!-- Start -->
<style>
.tbisubscribe {
border: 1px solid #D3D3D3;
padding: 8px;
width: 300px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
</style>
<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">
<div class="tbisubscribe">
<div style="color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 10px 15px;">
Get Free Updates in your Inbox</div>
<div style="color: #666666; font-weight: bold; font: 11px Oswald, cursive; margin: 0px 0px 10px 15px;">
Receive Quality Posts Straight in your Inbox by submitting your Email ID below</div>
<div style="margin: 10px 0 0 6px;">
<!--Subscription Box-->
<br>
<form action="http://feedburner.google.com/fb/a/mailverify" class="emailform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BXkAo', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow">
<input name="uri" type="hidden" value="BXkAo">
<input name="loc" type="hidden" value="en_US">
<input class="tbimailbox" name="email" onblur="if (this.value == "") {this.value = "Enter your email...";}" onfocus="if (this.value == "Enter your email...") {this.value = ""}" type="text" value="Enter your email...">
<input alt="" class="tbisubmit" title="" type="submit" value="Subscribe">
</form>
</div>
<div style="border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 5px;">
Follow us on:</div>
<div style="margin: -32px 0 0 120px;">
<!--Facebook URL-->
<a href="http://www.facebook.com/ProSeoLand" target="_blank" title="Join us on Facebook"><img alt="facebook" src="http://3.bp.blogspot.com/-ChHaXU5VfIE/UJkIg5tptTI/AAAAAAAABEg/kzXjQ2QxEPo/s1600/facebook.png"></a>
<!--Twitter URL-->
<a href="http://www.twitter.com/ProSeoLand" rel="nofollow" target="_blank" title="Follow us on Twitter"><img alt="twitter" src="http://3.bp.blogspot.com/-aG-POFOiBHc/UJkIkayVTGI/AAAAAAAABE4/hhun4Hjaudw/s1600/twitter.png"></a>
<!--Google+ URL-->
<a href="https://plus.google.com/107727767320296948851" rel="author" target="_blank" title="Follow us on Google+"><img alt="gplus" src="http://2.bp.blogspot.com/-gxpckVUYzWI/UJkIh5kHQ5I/AAAAAAAABEo/IlR9Bt-FVBE/s1600/googleplus.png"></a>
<!--LinkedIn URL-->
<a href="http://www.linkedin.com/in/urID" rel="nofollow" target="_blank" title="Follow us on LinkedIn"><img alt="linkedin" src="http://1.bp.blogspot.com/-c7m7fLXHewI/UJPaWsVTZ6I/AAAAAAAAA-M/uvdMMglb8fE/s1600/linkedin-circle-2.png"></a>
<!--RSS URL-->
<a href="http://feeds.feedburner.com/BXkAo" rel="nofollow" target="_blank" title="Subscribe to RSS"><img alt="rss" src="http://4.bp.blogspot.com/-aN0dAN4mIno/UJkIje-dmSI/AAAAAAAABEw/gyK0zwpvjdE/s1600/rss.png"></a><br>
</div>
</div>
<!-- End -->
- Change 'BXkAo' to your Feed
Title.
- Replace
'http://www.facebook.com/ProSeoLand' with your Facebook Profile/Page URL.
- Replace
'http://www.twitter.com/ProSeoLand' with your Twitter URL.
- Replace
'https://plus.google.com/107727767320296948851' with your Google+ URL.
- Replace
'http://www.linkedin.com/in/urID' with your LinkedIn URL.
- Replace
'http://feeds.feedburner.com/BXkAo' with your Feed URL.
8. And Save it.
If you face any
problem, feel free to comment below to the post. I will try my best to get you a
quick solution.
Final Worlds
Every bloggers should use multi
social sharing buttons and email subscription box. It can bring many visitors
from diverse source.
thanks for this beautiful gadgets http://tonyisright.blogspot.com/
ReplyDelete