Christmas Style Email Subscription Widget For Blogger Blogs

With just 2 more days left for Christmas here we are with our last seasonal widget for this season. In our previous posts we have shared with you Christmas snow falling effect and other 5 Christmas effects for blogger blogs. Now our last one, Christmas style email subscription widget. A cool Santa clause holds a board showing subscribe via email, which enables visitors to register their mail id. Which can increase your email subscribers this Christmas up to an extend as the visitors will get attracted to it

Add Christmas Style Email Subscription Widget To Your Blog

1) In the Blogger dashboard click the drop down menu for your blog > Choose 'Layout' > Click 'Add A Gadget' > Choose 'Html Javascript':

2) Copy and Paste the following code into the Html/Javascript Gadget :

<style type="text/css">
#tweakyourblog-emailbox {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxpFYsVWM21_UZ3pdN_Ctr_Oaw0ysIToba8Jg_UAVEIl9LMwf1ZPEA5rdBiqXgr2OoNQKjyBHiV5qFZTf_EtYt5hKYKSPEKgAW5p0rXbLin8mM7nLKaVwntOCxTkWg6s6pIKvhryf123s/s320/asdsaf.png)no-repeat scroll center center transparent;
    height: 280px;
    width: 320px;
}

form#tweakyourblog-emailform {
    display: block;
    margin: 0;
    padding-left: 32px;
    padding-top: 191px;
}

form#tweakyourblog-emailform #s {
    background: transparent;
    border: none;
    color: #444242;
    font-family: georgia;
    font-size: 15px;
    font-style: italic;
    height: 30px;
    margin-top: -2px;
    padding-left: 2px;
    vertical-align: top;
    width: 198px;
}

form#tweakyourblog-emailform #sbutton {
    background: transparent;
    border: none;
    cursor: pointer;
    height: 25px;
    padding-right: 45px;
}</style>

<div id="tweakyourblog-emailbox">
    <form id="tweakyourblog-emailform" action="http://feedburner.google.com/fb/a/mailverify"
    method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Tweaks123', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
        <input type="hidden" value="tweakyourblog" name="uri" />
        <input type="text" id="s" name="email" value="Enter Your E-Mail Here"
        onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}'
        onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'
        />
        <input type="hidden" name="loc" value="en_US" />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>

3) Replace Tweaks123 with your feedburner ID.

That's it Happy Christmas ! Peace And Blessings!

Drop Your Comments And Questions Below.