Customise Subscribe via E-mail Section powered by Feedburner for Blogger

Most Blogger store owners are unaware the potential a subscribe via e-mail functions can really boost a website's presence, especially when setting up a new on-line store. Statistics have shown that marketing conversions increased tremendously up to 30%, way much better than using social media marketing strategies & others alike. BlogCart Closet Blogger theme comes pre-installed with a custom subscribe by e-mail section with a custom input filed & button with a click to action text. Blogger store owners can utilize Google owned Feedburner free services to help your on-line marketing campaigns. Below is the detail instruction & customization feature for the subscribe by e-mail section for BlogrCart template.

$ 210.00

- Select Colour - Blue White Black

- Select Size - Size S Size M Size L

Add to Cart

• Codes & Instructions
• Examples by Feedburner

The subscribe by email section comes with a nice background image, click to action text and a custom e-mail & button input fields powered by Bootstrap 3.++ responsive framework. To customise the background image, in template editor find:- /* Subscribe by email ********************* */ And slightly below change the uploaded image URL at below codes:- background-image:url(http://URL-TO-YOUR-UPLOADED-IMAGE); Again preferred image size at 1600 (w) X 1200 (h) at 4:3 image ratio and below 100kb in image file size. To edit the click to action text find <div class='bg-info inset-shadow' id='content-bottom'> and slightly below the subscribe input field & button:-             <div class='input-group input-group-lg'>               <span class='input-group-addon'><i class='fa fa-envelope-o fa-lg'/></span>               <input class='form-control' type='email'/>               <span class='input-group-btn'>                 <button class='btn btn-default' type='button'>Subscribe Now</button>               </span>             </div> To add in your Google Feedburner codes, an example of the custom subscribe button which will also use Feedburner functions, change the above to below codes:-          <form action='https://feedburner.google.com/fb/a/mailverify' method='post' target='popupwindow' onsubmit='window.open(&quot;https://feedburner.google.com/fb/a/mailverify?uri=YOUR-FEEDBURNER-ID&quot;, &quot;popupwindow&quot;, &quot;scrollbars=yes,width=550,height=520&quot;);return true'>             <div class='input-group input-group-lg'>               <span class='input-group-addon'><i class='fa fa-envelope-o fa-lg'/></span>               <input class='form-control' type='email' name='email'/>               <span class='input-group-btn'>                 <input class='btn btn-default' type='submit' value='Subscribe Now' />               </span>               <input type='hidden' value='YOUR-FEEDBURNER-ID' name='uri'/>               <input type='hidden' name='loc' value='en_US'/>             </div>          </form> Change YOUR-FEEDBURNER-ID to your Blog/User ID generated at/by Feedburner. Please Google & find plenty of tutorials shared on how to create & "burn" your Blooger product posts using Google owned Feedburner services. Create a new ID and grab the initial codes to include in your template.

Below is an example of the pre generated codes by Google owned Feedburner for a particular Blog/User ID. <form style="border:1px solid #ccc;padding:3px;text-align:center;" action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="FEEDBURNER-ID" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="https://feedburner.google.com" target="_blank">FeedBurner</a></p></form>