How To Add Get Daily Updates Widget In blogger?

Friday 15 February 2013

How To Add Get Daily Updates Widget In blogger?

How To Add Beautiful Email Subscription Box In Blog

Many of our readers like to get different styles of email subscription boxes with attractive CSS effects. Another aWeber style email subscription box is here on your disposal.It is essential for blogs that are updated most frequently Any one can subscribe to any blog having email subscription box. People who will subscribe to a blog will receive their upcoming blog posts directly into their email inbox.So lets heads up and get through the steps you need to apply the widget to your blog.

How To Add Email Subscription Box In Blogger?

Go To Blogger >> Layout >> Add a Gadget(HTML/JavaScript) >> And Past below Code

<div class="fixed-widget"><div class="widget-container">

<h1> Get Daily Updates</h1>

<p>Subscribe to BloggingeHow Updates (Free)</p>

<fieldset class="inputs">
<form target="popupwindow"onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Allinone789', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" method="post" action="http://feedburner.google.com/fb/a/mailverify">
<input id="email" class="email" type="text" value="Your Email..." style="width: 192px; font-size: 15px;" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" name="email">
<input type="hidden" value="bloggingehow" name="uri">
<input type="hidden" value="en_US" name="loc">
<fieldset class="submit">
<input class="sean orange-btn" type="submit" value="Sign up" name="commit">

</fieldset>

</form>
</fieldset>
<span style=" line-height:0px; font-size:8px; font-weight:bold; margin-left:270px;
">
<a style="color:#D3D3D3;" href="http://www.bloggingehow.com">widgets</a></span>
</div>
</div>
<style>

.fixed-widget p {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL9P2WVtN1aVcSLFMUFVuRvBkhIGYwCh2ND1FKwR8Gz83uMRuK7YfnjZtkm3ytXuU73ecvXKOOdjZzENEHmdMDjDTlntgmUIcGJnLZQOGxRs40ylzMM2dVjVRacLsToI22sGK1LazMITc/s1600/highlight.png") no-repeat scroll center top transparent;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    height: 50px;
    letter-spacing: 0.08em;
    margin: 0 0 10px;
    padding-top: 4px;
    text-align: center;
    text-shadow: 1px 1px 1px #111111;
}
.fixed-widget input[type="text"], .fixed-widget input[type="email"] {
    border: 1px solid #D8D9D4;
    color: #555555;
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    margin: 0 0 10px;
    padding-left: 6px;
    width: 192px;
}

.fixed-widget a:hover {
    color: #000000;
    text-decoration: none;
}
.fixed-widget fieldset, .fixed-widget form {
    margin: 0 auto;
    width: 210px;
}
.fixed-widget form {
    border-top: 1px solid #E5E5E1;
}
.fixed-widget fieldset.inputs {
    border: 0px;
    border-top: 1px solid #FFFFFF;
    padding-top: 10px;
}
.fixed-widget fieldset.inputs label {
    display: block;
    padding: 0 0 5px;
}
.fixed-widget fieldset.submit {
    border: 0px;
    padding: 1 50 10px;
}
.fixed-widget .orange-btn {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4JyPIvECM6RD757zCsAGXm2ul4MmNC9CqezdyyBDZGDh9LzMmch5eYalUGARqYLr0MdovmpMWBVnBrUPEhojYpdePOqJIVT6RPiXl3zGv-qv2d20CTSmVbyqqNCT1lsJLVu13S2iy1LM/s1600/gradient-orange2.png") repeat-x scroll center top #FF6B29;
    border: 1px solid #CC5721;
    box-shadow: 1px 1px 1px #FFA04D inset;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    align:center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 30px;
    letter-spacing: 1px;
    line-height: 28px;
    padding: 0 25 px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px #D35E24;
    text-transform: uppercase;
    width: auto;

}
.fixed-widget .orange-btn:hover {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4JyPIvECM6RD757zCsAGXm2ul4MmNC9CqezdyyBDZGDh9LzMmch5eYalUGARqYLr0MdovmpMWBVnBrUPEhojYpdePOqJIVT6RPiXl3zGv-qv2d20CTSmVbyqqNCT1lsJLVu13S2iy1LM/s1600/gradient-orange2.png") repeat-x scroll center bottom #FF6B29;
}
.fixed-widget .orange-btn:active {
    position: relative;
    top: 1px;
}
.fixed-widget {

    width: 300px;
}
.widget-container {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho3K9fId_zxmEL3wwqD-E81VknrMEnh-Pc6ij5nGltCfnprnayoK0IH2gPe0VXmzzyQmORIVwDiQpiXyueAXZB6bv4_eguGFLDGXllrKFGWFEYHYixuTGA-Z1zXgzc79KQ31EYaXM2ESc/s1600/gradient-big-grey2.jpeg") no-repeat scroll center top #F0F1EC;

}
.fixed-widget h1 {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1Y49melRNnMDLg5lkw3PBURAG9N45OEP3FqMq7nnawB0DP5ngoxMUa9AGKptkeGgK5fvvwuK2L_gsvWsqM6GE8B8eC-OVBJQU2OAvT83rwaXBBWqy8J2_XNOIn_maM_9C5mMmksFOKOE/s1600/fixed-sidebar-header.png") no-repeat scroll center top #F0F1EC;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 900;
    height: 60px;
    letter-spacing: 0.08em;
    line-height: 39px;
    margin: 0;
    padding-bottom: 10px;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px 1px #D35E24;
}
</style>