Destino Solutions

+91 9747866100

Email Subscription widget for Blogger

December 23rd, 2013

this Christmas season Digitcrop give a gift a cool email subscription widget.  A website or blog  best part is Existence visitors their are like your blog and want to more latest updates Ergo we need all subscribe options your website/blog,  social media is the best way to accessing latest updates unique Readers, but email subscribe option is the Primarily readers using. Today we are learn Fully customizable Email subscribe widget

( feed-burner ) Add to your blogger blog and make more unique Readers.  it is a easy to editing and adding to your blog.

Follow the steps :-

1) Go to  Blogger > Layout > Add aGadget >HTML/JavaScript


<div class="rr-mod newsletter-signup"
style="margin: 0px 0px 30px; padding: 0px;
position: relative;
width: 300px;
font-family: helvetica, arial, clean, sans-serif;
font-size: 14px;
line-height: 17px;
background-color: # bddcea;">
<div class="configuration-neighbor"
style="margin: 0px; padding: 0px;">
<div class="newsletter-container"
style="margin: 0px; padding: 20px 16px;
background-image: url(http://4.bp.blogspot.com/-wMkH2rS9q78/UrgTvcC6BhI/AAAAAAAAA_A/MV2Q2rIKIj0/s1600/bgnewsletter.png); background-color: #9ea2d2;
width: 268px;
background-position: 0px 0px;
background-repeat: no-repeat no-repeat;">
<h2 style="margin: 0px 0px 4px;
padding: 0px; font-size: 18px;
font-family: Interstate, Helvetica, Arial, sans-serif;
letter-spacing: -1px;
 color: #611e0a;">
SIGN UP for DigiT CroP
</h2>
<h4 style="margin: 0px;
 padding: 0px;
font-size: 13px;
font-family: Interstate, Helvetica, Arial, sans-serif;
 text-transform: uppercase;
 letter-spacing: -1px;">
LATEST ARTICLES DELIVERED TO YOU
</h4>
<form method="post" target="popupwindow" action="http://feedburner.google.com/fb/a/mailverify?uri=digitcrop/oHTx"
style="margin: 0px;
padding: 8px 0px 0px;
width: 300px;">
<input type="text" name="email" placeholder="Email Address"
style="margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 3px;
border: 1px solid #611e0a;
height: 22px;
width: 168px;
float: left;" />
<button type="submit" style="font-weight: bold;
font-size: 12px;
background-color: #611e0a;
border: 0px; color: #ffffff;
 text-transform: uppercase;
cursor: pointer;
padding: 4px 10px;
float: left;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
margin: 0px;">
SUBSCRIBE
</button>
</form>
<div class="global-clear"
style="margin: 0px;
padding: 0px;
clear: both;">
</div></div></div></div>

2) Copy above code and paste in HTML/JavaScript

3) Replace Red colored text with your Feed-burner link,  Save HTML/JavaScript.

Customization’

    : background-color
    : text
    : background image link
    : Feed burner link
    : boarder color

Completed!

Happy blogging  & Merry Christhmas  : )

Categories: BloggerBlogger Widget