KCILC SIHT

Sunday, 28 April 2013

BEATIFUL E-MAIL SUBSCRIPTION WIDGET FOR BLOGGER(BLOGGING)



  • First of all Go To Blogger Dashboard .
  • Then Click On Layout.
  • After that Click on Add a widget.
  • Now a windows will pops-up , select HTML/JavaScript.
  • Paste the below code                                                                                                        <style>
    .hl-email{
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_D_ObIrFDSiMXcDwHXjLlyzxk2JrbcT8x7CrjmAyPlnsdpJ7YXyUqZkBwT6uIER0Q81rANQqEThUwJpu54czuhQgBh9m57dm3wNp_36GXftYGB1yTGt89Jqp_eHNdvi9_Lul0BG9IwjA/s1600/mail.png) no-repeat 0px 12px ;
    width:300px;
    padding:10px 0 0 55px;
    float:left;
    font-size:1.4em;
    font-weight:bold;
    margin:0 0 10px 0;
    color:#686B6C;
    }
    .hl-emailsubmit{
    background:#9B9895;
    cursor:pointer;
    color:#fff;
    border:none;
    padding:3px;
    text-shadow:0 -1px 1px rgba(0,0,0,0.25);
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    font:12px sans-serif;
    }
    .hl-emailsubmit:hover{
    background:#E98313;
    }
    .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:130px;
    color:#666;}
    </style>
    <div class="hl-email">
    Subscribe via Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=trickkiller', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
    <input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" />
    <input type="hidden" value="trickkiller" name="uri"/><input type="hidden" name="loc" value="en_US"/>
    <input class="hl-emailsubmit" value="Submit" type="submit" />
    </form> 
    </div> 
  •  Change "trickkiller" in the Script to your Feed Burner username as given beloW

    •  At last replace "trickkiller"at the end of the script with your feed title
    • http://feedburner.google.com/fb/a/mailverify?uri=trickkiller .
  •    Then save it.                   

No comments:

Post a Comment