Don't Miss

Add a Simple Subscription Box To Blogger Blog

By Zohaib Liaqat - 10 Comments
Having an Email subscription box helps you visitors to easily subscribe you by email and receive latest updates directly to their inbox. An email subscription box helps you in increasing your blog traffic. Subscribers show the popularity of a blog. So it is important to increase your subscriber list and one of the best ways for increasing subscribers is by adding an Email Subscription box to your Blog.
Today, in this tutorials, we're going to share a simple, clean and attractive Email Subscription widget for blogger. Hope you like it!

How to add this widget to your blog

Step 1. Go to Blogger dashboard
Step 2. Click on Layout >>> Add a Gadget
Step 3. Now, Choose HTML/JavaScript from the list of Gadgets.
Step 4. Copy and Paste the below code in the Content box.
HTML/JavaScript
HTML/JavaScript
HTML/JavaScript
 
<style> .tct-email{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAj9AYrPrycSelcxqraIuGhlRdGQP3yO2b1rvejReeUhLeVdEC-ZeUhnK2WXbCD4Jnk9f-5re3z6hkwm8EuuksFU16qsH0lx6B2iRBM0a3galuxOI9k7rQHWNMVRKcCfrbZF8BbGfw12-v/s1600/email.png) no-repeat 0px 12px ; width:300px; padding:10px 0 0 55px; float:left; font-size:1.4em; font-weight:bold; margin:0 0 10px 0; color:#686B6C; } .tct-emailsubmit{ background:#9B9895; cursor:pointer; color:#fff; border:none; padding:3px; text-shadow:0 -1px 1px rgba(0,0,0,0.25); -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; font:12px sans-serif; } .tct-emailsubmit:hover{ background:#E98313; } .textarea{ padding:2px; margin:6px 2px 6px 2px; background:#f9f9f9; border:1px solid #ccc; resize:none; box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px; width:170px; color:#666;} </style> <div class="tct-email"> Subscribe via Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogolect', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here...&quot;;}" onfocus="if (this.value == &quot;Enter email address here...&quot;) {this.value = &quot;&quot;;}" value="Enter email address here..." type="text" /> <input type="hidden" value="blogolect" name="uri"/><input type="hidden" name="loc" value="en_US"/> <input class="tct-emailsubmit" value="Submit" type="submit" /> </form> </div>

Step 5. Replace Blogolect with your feed title/Username
Step 6. Hit the Save Button
And you're done!

Tags:

10 comments to ''Add a Simple Subscription Box To Blogger Blog"

ADD COMMENT
  1. It is great to know that the App that you are going to use doesn’t require any internet data. You can launch this App from your any handset that supports Wi-Fi. That’s all you need in your device transferring files with Xender Apk

    ReplyDelete
  2. فوائد العزل الحراري تقليل استهلاك الطاقة الكهربائية في المباني، حيثُ أثبتت التجارب العلمية أن المباني التي تستخدم العزل الحراري يقل استخدام الطاقة الكهربائية فيها بنسبة 40%. ثبات درجة الحرارة في المبنى لمدة زمنية طويلة دونَ الحاجة إلى استخدام أجهزة التكييف أو التدفئة. تقليل الحاجة إلى استخدام أجهزة التكييف والتدفئة ذات السعة العالية، وبالتالي تقليل استهلاك الطاقة، وعدد الأجهزة المستخدمة. زيادة مستوى الراحة لسكان ومستخدمي المبنى. تقليل التأثير الصحي لاستخدام أجهزة التكييف والتدفئة من مشاكل الجهاز التنفسي والضوضاء الناتجة عنها. حماية هيكل المبنى من تغييرات الطقس، والفرق في درجات الحرارة بين الليل والنهار، وبين الشتاء والصيف، والتي تجهد الجدران والنوافذ، وتفقدها خصائصها الميكانيكية، وتسبب الشقوق والشروخ والتصدعات. تقليل سمك الحوائط الإسمنتية. تقليل العبء على محطات إنتاج االطاقة والكهرباء.

    شركة عزل اسطح
    شركة عزل اسطح بتبوك
    شركة عزل اسطح بحائل

    ReplyDelete
  3. Superb post, we enjoyed each and everything as per written in your post. Thank you for this informative article because it’s really helpful, I really like site. @ Packers And Movers Bangalore

    ReplyDelete
  4. Search engine optimization
    Your digital presence on the web means that you can be reached at any time, even if someone enters search engine words related to the problem you are solving, they should find you in the initial results. شركة تسويق الكتروني

    If it doesn't find you, this means that your site has a problem and that you should immediately take care of your SEO configuration. Knowing the basics is essential, but an SEO is also an option. تصميم مواقع

    ReplyDelete
  5. Thank you for sharing the information, really helped me. ds emulator jiofi login

    ReplyDelete
  6. This comment has been removed by the author.

    ReplyDelete
  7. I appreciate you creating such a fantastic website. I'm constantly looking for top-notch goods to sell on my website. Your work is also really good. I enjoy reading your enlightening blogs like do assignment for me, and hope to do so someday. You work quite hard.

    ReplyDelete