Friday, February 12, 2016

How To Add Together Subscribe To Our Newsletter Box Below Postal Service Footer

How To Add Subscribe To Our Newsletter Box Below Post Footer How To Add Subscribe To Our Newsletter Box Below Post Footer
Hello Guys,Today inwards this article nosotros are going to explicate How to Add a Subscribe To our Newsletter Widget  Box inwards blogger template.Now days lot's of website using this characteristic together with it's rattling of import for every website or blog.You must endure thinking how its important? I volition country you lot how its together with then useful together with it volition also increase the loyalty of your website together with the traffic too.You may accept noticed inwards big websites (means getting traffic over 100k page views everyday) all are using subscribe box to increase the traffic together with also the loyal users.There is goose egg together with then tricky when a user see your website together with s/he likes your website together with then that he must endure expect to remain update amongst your weblog or website to larn everyday novel updates that fourth dimension they all subscribe to your website latest/recent updates.And the summation indicate is this you lot accept gained the loyal user for your visitors,because if users don't similar your website they won't subscribe you.
However nosotros all scream back positive together with endeavor our best to pose best infront of visitors together with never hand up,keep updating your website your order volition definitely increase together with the traffic too.subscribe to our daily posts together with remain update whenever nosotros update our weblog or website gadget for blogspot template.We accept used CSS to  make this tool beautiful.So to catch this subscribe to our website gadget follow the steps mentioned below.

How to Add Subscribe to Our Newsletter Widget Box In Blogger Template

installation steps:

Step 1. Log inwards to your Blogger concern human relationship together with Go to your Blogger Dashboard.
Step 2. Now Click on -> Template -> Edit HTML.
Step 3. Now Search for the </b:skin> or </style> and re-create the below CSS code together with glue it merely above </b:skin> or </style>
/* Subscribe to our Newsletter box past times www.Bloggersstand.com */
#subscribe-css{position:relative;padding:20px 0;background:#222;overflow:hidden;border-top:4px venture #eee;}
.subscribe-wrapper{color:#fff;font-size:16px;line-height:normal;margin:0;text-align:center;text-transform:none;font-weight:400;width:100%}
.subscribe-form{clear:both;display:block;overflow:hidden}
form.subscribe-form{clear:both;display:block;margin:0;width:auto;overflow:hidden}
.subscribe-css-email-field{background:#333;color:#ccc;margin:10px 0;padding:15px 20px;width:35%;border:0}
.subscribe-css-email-button{background:#ff675c;color:#fff;cursor:pointer;font-weight:700;padding:14px 30px;margin-left:15px;text-transform:none;font-size:16px;border:0;border-radius:3px;transition:all .6s}
.subscribe-css-email-button:hover{background:#ea5a50;}
#subscribe-css p.subscribe-note{margin:16px;text-align:center;color:rgba(255,255,255,.6);font-size:180%;font-weight:400;line-height:normal;}
#subscribe-css p.subscribe-note bridge {position:relative;overflow:hidden;font-weight:700;transition:all .5s}
#subscribe-css p.subscribe-note span.itatu {font-weight:400;font-style:italic;color:rgba(255,255,255,.6);text-transform:lowercase}
#subscribe-css p.subscribe-note span.itatu:before,#subscribe-css p.subscribe-note span.itatu:after{display:none}
#subscribe-css p.subscribe-note span:before{content:'';position:absolute;bottom:-2px;left:0;width:0;height:3px;margin:10px 0 0;background:rgba(255,255,255,.1);transition:all .5s}
#subscribe-css:hover p.subscribe-note span:before{width:100%;}
Step 4. Now Search for <div class='post-footer-line-1'> or <data:post.body/> and glue the below html code merely higher upward it.
<div id='subscribe-css'>
<p class='subscribe-note'><span>SUBSCRIBE</span>
<span class='itatu'>TO</span> OUR NEWSLETTER</p>
<div class='subscribe-wrapper'>
<div class='subscribe-form'>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=bloggersstand' class='subscribe-form' method='post' onsubmit='window.open (&#39;http://feedburner.google.com/fb/a/mailverify?uri=bloggersstand&#39;, &#39;popupwindow&#39;, &#39;scrollbars=yes,width=550,height=520&#39;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='bloggersstand'/><input name='loc' type='hidden' value='en_US'/><input autocomplete='off' class='subscribe-css-email-field' name='email' placeholder='Enter your Email'/><input class='subscribe-css-email-button' title='Join us' type='submit' value='submit'/></form>
</div>
</div>
</div>

Customization: 

  • Just supervene upon bloggersstand amongst your feedburner username .
Step 5. Now Save your Template..Done !

No comments:

Post a Comment