Attractive Subscription widget for blogger.

Widget is the most important part of blogger blogs. Whether it is the blog related to Technology, Fashion , Health and Fitness, News and any other niche. Your blog should have one or more than one widget to look beautiful and attractive. So, visitor visit again and again. There are plenty of blogger widget that serve to customize. This beautiful blog widget is made by using CSS, HTML and JavaScript code. The most profitable things in these widget is that you can customize as you want. The one and most important widget for a blog is Email subscription widget. The makes your blog post to famous and make a database for you regular readers. For example if any of your visitors subscribe to you blog by using subscription widget than when you create a new post than you post will be directly appears in their inbox. So, this is the important thing to generate more traffic.
So, today I am gonna show you some beautiful subscription box for you blogger with the code and picture.

How to Add any widget to your blog?
1. Log in to your Blogger.
2. Choose your blog your you want to create a new widget.
3. Choose Layout option.
4. Click on Add a widget.
5. A new pop up window will appear with different option.
6. Scroll down the pop up window and click on HTML/JavaScript.
7. Copy the entire widget code and paste on the HTMl/JavaScript pop up window.

1. Blogger widget with social icons

</div>
<div class="soc-email">
Get Free Tutorials via Email
<form action="http://feedburner.google.com/fb/a/mailverify" 
id="feedform" method="post" target="popupwindow" 
onsubmit="http://feedburner.google.com/fb/a/mailverify?uri=btuition', 
'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if 
undefinedthis.value == "") {this.value = "enter email address here";}" 
onfocus="if undefinedthis.value == "enter email address here") 
{this.value = "";}" value="Enter email address here" type="text" />
<input type="hidden" value="btuition" name="uri"/><input 
type="hidden" name="loc" value="en_US"/>
<input class="soc-emailsubmit" value="Submit" type="submit" />
</form>
</div>
</div>

2. Mega Social Subscription box for blogger widget

.soc-email{
background:#444444 ;
width:100%;
padding:10px 0 10px 0;
float:left;
font-size:18px;
text-align:center;
font-weight:bold;
margin:0 0 20px 0;
color:#ffffff;

}

.soc-emailsubmit{
background:#E98313;
border:1px solid #E98313;
cursor:pointer;
color:#fff;

padding:3px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:14px sans-serif;
}
.soc-emailsubmit:hover{
background:#686B6C;
border:1px solid #686B6C;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;  
width:170px;
color:#666;}

.social-widget
{
width:298px;
border:1px solid #d7d7d7;
}
.social-widget img
{
padding:10px 15px 2px 2px;
}

/*]]>*/

</style>

<div class="soc-email">
Get Free Tutorials via Email
<form action="http://feedburner.google.com/fb/a/mailverify" 
id="feedform" method="post" target="popupwindow" 
onsubmit="http://feedburner.google.com/fb/a/mailverify?uri=WindroidClubblog',
 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if 
(this.value == "") {this.value = "Enter email address here";}" 
onfocus="if (this.value == "Enter email address here") {this.value = 
"";}" value="Enter email address here" type="text" />
<input type="hidden" value="WindroidClubblog" 
name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="soc-emailsubmit" value="Submit" type="submit" />
</form>
</div>
<div class='social-widget'>
<a href='http://feeds.feedburner.com/WindroidClubblog' 
target='_blank'><img 
src="http://3.bp.blogspot.com/-2s-dIcOf860/UN18aeew9iI/AAAAAAAAAq8/iWLQCguyKEE/s1600/rss.png"
 alt="Subcribe to our RSS feeds" /></a>
<a 
href='http://www.facebook.com/pages/computerdashboard/416958881706592' 
target='_blank'><img 
src="http://3.bp.blogspot.com/-XN61PbeLj9Y/UN18Xav8YLI/AAAAAAAAAqs/RitGLNDI_0c/s1600/fbook.png"
 alt="Join Us on Facebook" /></a>
<a href='https://twitter.com/windroidclub' target='_blank'><img
 
src="http://1.bp.blogspot.com/-WlrYBnt_sw8/UN18btqoflI/AAAAAAAAArE/d5ciYvTY3Y0/s1600/twit.png"
 alt="Follow us on Twitter" /></a>
<a href='https://plus.google.com/105802694845534710685' 
target='_blank'><img 
src="http://2.bp.blogspot.com/-BWfJNYrfvnU/UN18Yj-SHVI/AAAAAAAAAq0/3_IZROJpjeE/s1600/gplus.png"
 alt="Add to Circles" /></a>
<a href='http://www.youtube.com/user/computer|Dashboard' 
target='_blank'><img 
src="http://4.bp.blogspot.com/-_JKenr0wlvo/UN2RkgZkD7I/AAAAAAAAAro/qxN9zzQaKU0/s1600/ytube.png"
 alt="Watch us on Youtube" /></a>
</div>
<div class="soc-twitter">
     <a href="https://twitter.com/computerdashboard" 
class="twitter-follow-button" data-show-count="true">Follow 
@windroidclub</a>
     <script 
type="text/javascript">/*<![CDATA[*/!function(d,s,id){var 
js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");/*]]>*/</script>

</div>
<div class="soc-googleplus">
     <script type="text/javascript">
  /*<![CDATA[*/
  window.___gcfg = {lang: 'en'};
  (function(){
      var po = document.createElement("script");
      po.type = "text/javascript"; po.async = true;po.src = 
"https://apis.google.com/js/plusone.js";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(po, s);
  })();
  /*]]>*/
     </script>
     <div class="g-plus" 
data-href="https://plus.google.com/105802694845534710685" 
data-width="300" data-height="69" data-theme="light">
</div>
</div>
<div class="soc-gplusone">
     <script type="text/javascript">/*<![CDATA[*/
       (function() {
  var po = document.createElement("script"); po.type = 
"text/javascript"; po.async = true;
  po.src = "https://apis.google.com/js/plusone.js";
  var s = document.getElementsByTagName("script")[0]; 
s.parentNode.insertBefore(po, s);
       })();/*]]>*/
     </script>
     <div class="g-plusone" data-size="medium" 
data-href="http://www.windroidclub.com/">
</div>
<span>Recommend on Google</span>
 </div>
<div class="soc-facebook">
     <iframe 
src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FWindroidclub%2F416958881706592&send=false&layout=standard&width=280&show_faces=true&action=like&colorscheme=light&font=arial&height=80"
 scrolling="no" frameborder="0" style="border:none; overflow:hidden; 
width:280px; height:66px;" allowtransparency="true"></iframe>
 </div>
</div>

2. Blogger widget with Follow Us On Social Icons

4. Simple subscription box widget for blogger

5. Wordpress style Blogger Subscription widget

Computer | Tips & Tricks

Spirits THEME

What's hot?

Monday, December 29, 2014

Attractive Subscription widget for blogger.

Search Here

Popular Posts

Fan Page

About Me

Navigation