Beautiful CSS Email Subscription Widget For Blogger/Blogspot

By 
http://www.facebook.com/plugins/like.php?app_id=&channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter%2FDU1Ia251o0y.js%3Fversion%3D41%23cb%3Df3b2c7ecac%26domain%3Dwww.gobloggertricks.com%26origin%3Dhttp%253A%252F%252Fwww.gobloggertricks.com%252Ff153273a3c%26relation%3Dparent.parent&href=http%3A%2F%2Fwww.gobloggertricks.com%2F2014%2F07%2Fbeautiful-css-email-subscription-widget.html&layout=button_count&locale=en_US&sdk=joey&send=false&show_faces=false&width=450http://platform.twitter.com/widgets/tweet_button.67ae45a68af44ab435dd5797206058d3.en.html#_=1422600694131&count=horizontal&dnt=false&id=twitter-widget-0&lang=en&original_referer=http%3A%2F%2Fwww.gobloggertricks.com%2F2014%2F07%2Fbeautiful-css-email-subscription-widget.html&size=m&text=Beautiful%20CSS%20Email%20Subscription%20Widget%20for%20Blogger%2FBlogspot&url=http%3A%2F%2Fwww.gobloggertricks.com%2F2014%2F07%2Fbeautiful-css-email-subscription-widget.html

 
The Best Way to Reach your Audience is Making Email-Subsciption. You can Automatically Send All your Updates Via Email By Email Subscription Widget.Its Very Easy All you have to do is You have to Make the Visitors to Subscribe to your blog/website. You can make it Simple by Adding Beautiful Email-Subscription Widget on your blog/Website. Here is a Step to Add the Email Subscription widget for your blog/Website.

Step 1: Goto Blogger Dashboard
Step 2: Layout —> Add a Gadget —-> HTML/JavaScript.
Step 3: Copy and Paste the Below Code On HTML/JavaScript.
Code:


     #blogolect_Subscriber_name{
background: #ddd url(http://4.bp.blogspot.com/-25QiFr2GTeE/UuftiCdKHvI/AAAAAAAAD1M/0777CPDD-p4/s1600/name+icon.png) no-repeat center right;}
     #blogolect_Subscriber_email{
background: #ddd url(http://4.bp.blogspot.com/-s3Npo9Hn7Co/UuftiHPE5AI/AAAAAAAAD1I/HyfucVkukcY/s1600/email+icon.png) no-repeat center right;}
     #bgt-emailsubs {
      width: 300px;
      height: 265px;
      border: 2px solid #ddd;
      border-radius: 5px 5px 1px 1px;
     }
     #bgt-emailsubs .header {
     background: none ;
     color: #a3a3a3;
     font-size: 28px;
     line-height: 36px;
     padding: 15px 25px;
     font-weight: 700;
     font-family: open sans;
     text-align: center;

     }
   #bgt-emailsubs p {
    font-family: open sans;
    line-height: 26px;
    font-size: 13px;
    color:#333;
    padding: 10px 20px 0 20px;
    margin: 0;
   }
   #bgt-emailsubs .emailsub {
    padding: 0px 20px 10px 20px;
   }
   #bgt-emailsubs .emailsub .button {
    background: #2aa4cf;
    color: #ddd!important;
    font-weight: bold;
    margin-right: 5%;
    width: 100%;
    border:none;
    outline: none;
    border-bottom: 3px solid #99E4FE;
    transition:background .3s linear;
    cursor:pointer;
   }
   #bgt-emailsubs .emailsub input {
    color: #333;
    width: 92%;
    padding: 10px;
    margin-top: 10px;
    font-family: open sans;
    font-size: 15px;
    border: 1px solid #ccc;
    border-bottom: 2px solid #ccc;
    border-radius: 5px;
    transition:border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
   }
   #bgt-emailsubs .emailsub input:focus {
    outline: none;
    box-shadow: 0 0 3px 1px #2aa4cf;
   }
   #bgt-emailsubs .emailsub .button:hover{
background: #1D7290;
   }

    


           


            Subscribe Now!
           

    
           


            <form action='http://feedburner.google.com/fb/a/mailverify&#039; method='post'target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=gobloggertricks‘, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true”>
         



            <input type="hidden" value="gobloggertricks” name=”uri”/>
           
                       

           
           


Step 4: Now Replace gobloggertricks With your Feedburner Username.

Step 5: Click “Save”.

Now You Are Done. Visit your Blog/Website to See your Email Subscription Widget.

If you Have Any Problem in Installing this Widget Please Comment Below or Contact Us at:contact@gobloggertricks.com .
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s