Thursday, July 28, 2016

An attractive email subscription form widget to attach on your Blogger

Do you know what a Email subscribe box or Subscription Form is? A box which brings high traffic to your blog. People just put their email address in an ordinary box and then click on the "Subscribe" button and then, they would get all your blog's new material right on their email's Inbox and if you have feedburner's summary feature enabled, they will come to your blog by reading an interesting heading on the reached email. Most top-level blogger or site developers using FeedBurner Email Subscription Form are using their site. FeedBurner is a Google site to Feed Reader. It gives greater prominence to the developers. If you want to know more about FeedBurner can come at this link.


Most top-level blogger or site developers using FeedBurner Email Subscription Form are using their site. FeedBurner is a Google site to Feed Reader. It gives greater prominence to the developers. If you want to know more about FeedBurner can come at this link. So today, I am going to tell you 8 ways to show a subscribe box on a blogger blog. These different eight ways will force your blog's visitor to put their email on that ordinary box.
  • How to Added this Widget

To add it to your web design ideas will not be any different. Who has not dwelling on any day blog more easily be able to add it.

  1. First, log in to your Blogger account.
  2. Then go to your blog dashboard.
  3. Add a Gadget from the left side of the Layout options to clean.
  4. The HTML / JavaScript and clean.
  5. Now, copy the following codes HTML / JavaScript paste into the box. 
    <center>
    <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri= Tutorialgift ', 'popupwindow', 'scrollbars=yes,width=70%,height=520');return true" class="login">
    <img src="http://4.bp.blogspot.com/-cCRF4xs8mXo/VEeSOCK9diI/AAAAAAAADdI/aRW_8gUWLXM/s1600/Mail.png" alt="Smiley face" align="LEFT" height="48" width="48" /> <center><font size="2" color="white"><span style="line-height:10px">&nbsp;Sign up and receive our free Newsletter &nbsp;</span></font></center><br/>
    <input type="hidden" value="Tutorialgift" name="uri" />
    <input type="email" name="email" class="login-input" placeholder="Email Address" autofocus />
    <input type="hidden" name="loc" value="en_US" />
    <input type="submit" value="Subscribe" class="login-submit" />
    <div class="login-submit2"><p><a href="http://feeds.feedburner.com/ Tutorialgift "><img src="http://feeds.feedburner.com/~fc/Tutorialgift?bg=96B8ED&amp;fg=000000&amp;anim=0&amp;label=listeners" height="26" width="88" style="border:0" alt="" /></a></p></div>
    <div class="social-media-icons" id="social-icons">
    <ul>
    <li class="media_icon"><a href="#" target="_blank" title="Facebook"><img border="0" src="http://4.bp.blogspot.com/-Vt2fZMkBZb0/VVChhJVU8MI/AAAAAAAAEZg/zu_QOtCksYA/s1600/Facebook.png" /></a></li>
    <li class="media_icon"><a href="#" target="_blank" title="Twitter"><img border="0" src="http://4.bp.blogspot.com/-MPLedLcjx3E/VVChiN8R-EI/AAAAAAAAEZs/2QdXfViB6yM/s1600/Twitter.png" /></a></li>
    <li class="media_icon"><a href="#" target="_blank" title="Google+"><img border="0" src="http://2.bp.blogspot.com/-ITISpp-2qA0/VVChhTtL8oI/AAAAAAAAEZk/1eYlLSiKPlY/s1600/Google.png" /></a></li>
    <li class="media_icon"><a href="#" target="_blank" title="Youtube"><img border="0" src="http://2.bp.blogspot.com/-v9DnvqojhMM/VVChikHAYGI/AAAAAAAAEZw/OzJluNCO1tU/s1600/Youtube.png" /></a></li>
    <li class="media_icon"><a href="#" target="_blank" title="Rss"><img border="0" src="http://2.bp.blogspot.com/-X6oEDLu5fUM/VVChhIP228I/AAAAAAAAEZo/A7Psl4BrVxk/s1600/Rss.png" /></a></li>
    </ul>
    </div>
    </form>
    </center>
    <style>
    a.tt{position:relative;z-index:24;color:#3CA3FF;font-weight:bold;text-decoration:none}
    a.tt span{display:none}
    a.tt:hover{z-index:25;color:#aaaaff;background:}
    a.tt:hover span.tooltip{display:block;position:absolute;top:0;left:0;padding:15px 0 0 0;width:200px;color:#993300;text-align:center;filter:alpha(opacity:90);KHTMLOpacity:0.90;MozOpacity:0.90;opacity:0.90}
    a.tt:hover span.top{display:block;padding:30px 8px 0;background:url(bubble.gif) no-repeat}
    a.tt:hover span.middle{/* different middle bg for stretch */
    display:block;padding:0 8px}
    a.tt:hover span.bottom{display:block;padding:3px 8px 10px;color:#548912}
    ::-moz-focus-inner{padding:0;border:0}
    :-moz-placeholder{color:#bcc0c8!important}
    ::-webkit-input-placeholder{color:#bcc0c8}
    :-ms-input-placeholder{color:#bcc0c8!important}
    .input{font:12px/20px "Lucida Grande",Verdana,sans-serif;color:#404040;background:#ebc9a2}
    .input{font-family:inherit;font-size:12px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    .login{padding:18px 20px;width:87%;background:#3f65b7;background-clip:padding-box;border:1px solid #172b4e;border-bottom-color:#142647;border-radius:5px;background-image:-webkit-radial-gradient(cover,#437dd6,#74868c);background-image:-moz-radial-gradient(cover,#437dd6,#74868c);background-image:-o-radial-gradient(cover,#437dd6,#74868c);background-image:radial-gradient(cover,#437dd6,#74868c);-webkit-box-shadow:inset 0 1px rgba(255,255,255,0.3),inset 0 0 1px 1px rgba(255,255,255,0.1),0 2px 10px rgba(0,0,0,0.5);box-shadow:inset 0 1px rgba(255,255,255,0.3),inset 0 0 1px 1px rgba(255,255,255,0.1),0 2px 10px rgba(0,0,0,0.5)}
    .login-input{display:block;width:90%;height:37px;margin-bottom:20px;padding:0 9px;color:white;text-shadow:0 1px black;background:#2b3e5d;border:1px solid #15243b;border-top-color:#0d1827;border-radius:4px;background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.35),rgba(0,0,0,0.2) 20%,rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,0.35),rgba(0,0,0,0.2) 20%,rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,0.35),rgba(0,0,0,0.2) 20%,rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,0.35),rgba(0,0,0,0.2) 20%,rgba(0,0,0,0));-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3),0 1px rgba(255,255,255,0.2);box-shadow:inset 0 1px 2px rgba(0,0,0,0.3),0 1px rgba(255,255,255,0.2)}
    .login-input:focus{outline:0;background-color:#32486d;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3),0 0 4px 1px rgba(255,255,255,0.6);box-shadow:inset 0 1px 2px rgba(0,0,0,0.3),0 0 4px 1px rgba(255,255,255,0.6)}
    .lt-ie9 .login-input{line-height:35px}
    .login-submit{display:block;width:40%;height:27px;margin-bottom:15px;font-size:13px;line-height:10px;font-weight:bold;color:#294779;text-align:center;text-shadow:0 1px rgba(255,255,255,0.3);background:#adcbfa;background-clip:padding-box;border:1px solid #284473;border-bottom-color:#223b66;border-radius:4px;cursor:pointer;background-image:-webkit-linear-gradient(top,#d0e1fe,#96b8ed);background-image:-moz-linear-gradient(top,#d0e1fe,#96b8ed);background-image:-o-linear-gradient(top,#d0e1fe,#96b8ed);background-image:linear-gradient(to bottom,#d0e1fe,#96b8ed);-webkit-box-shadow:inset 0 1px rgba(255,255,255,0.5),inset 0 0 7px rgba(255,255,255,0.4),0 1px 1px rgba(0,0,0,0.15);box-shadow:inset 0 1px rgba(255,255,255,0.5),inset 0 0 7px rgba(255,255,255,0.4),0 1px 1px rgba(0,0,0,0.15);float:left}
    .login-submit2{margin-top:-7px;float:right}
    .login-submit:active{background:#a4c2f3;-webkit-box-shadow:inset 0 1px 5px rgba(0,0,0,0.4),0 1px rgba(255,255,255,0.1);box-shadow:inset 0 1px 5px rgba(0,0,0,0.4),0 1px rgba(255,255,255,0.1)}
    .login-help{text-align:center}
    .login-help > a{font-size:11px;color:#d4deef;text-decoration:none;text-shadow:0 -1px rgba(0,0,0,0.4)}
    .login-help > a:hover{text-decoration:underline}
    #social-icons{margin-bottom:-20px;margin-left:0;height:50px;width:100%;clear:both;z-index:2;position:relative}
    .social-media-icons{display:table}
    .social-media-icons ul{text-align:center;padding:5px 5px 0 0
    list-style-image:none;list-style-position:outside;list-style-type:none}
    .social-media-icons ul{margin-bottom:0;padding:0}
    .social-media-icons li.media_icon{margin-left:6px;padding-left:0!important;background:none!important;display:inline;align:center}
    .social-media-icons li:hover{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(-360deg);-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}</style>

                 6. Now click Save. That's all.

          Customization

          • Your Feedburner account's name will be added. "Tutorialgift" replaced at the top of this box (04 places).
          • Gives put the address of your social media link of the place " # " (Indicated Blue Color #)
          • If you do not have your Feedburner account, you can build from here.
          Previous Post
          Next Post

          0 comments: Post Yours! Read Comment Policy ▼
          লক্ষ্য করুনঃ
          পোষ্টের সাথে সম্পৃক্ত নয় এমন কোন কমেন্ট করা যাবে না। কোন কারণ ব্যতীত আপনার ব্লগের লিংক শেয়ার করতে যাবেন না। সবসময় গঠনমূলক মন্তব্য প্রদানের চেষ্টা করবেন। আমরা সবার মতামত সমানভাবে মূল্যায়ন করি এবং যথাসময়ে প্রতি উত্তর দেয়ার চেষ্টা করি।

          Post a Comment

           
          Copyright © Poisa Click Registered Surf. Modified: PC Team, Server Hosted: GSE