LATEST >>

Welcome Here And Thanks For Visiting. Like Us On Facebook...

EXEIdeas – Let's Your Mind Rock » Blogspot / Blogspot Widgets / Website / Website Widgets / WordPress / WordPress Widgets » Stylish And Awesome Big Email Subscription Box With Intro Text

Stylish And Awesome Big Email Subscription Box With Intro Text

Stylish-And-Awesome-Big-Email-Subscription-Box-With-Intro-Text
Do you want to increase your email subscriber to increase your feeds readers that can increase your page views so first you have to attract them by showing a cool email subscription box on your web page or blog.

Now you cant make them attractive by showing the email subscription box only so you have to show some text also to make them clear that what they are subscribing and what they will get after subscribing your emails so add a beautiful Big Email Subscription Box With Intro Text that code is shared below. First have a look on DEMO of Big Email Subscription Box With Intro Text from the below link.

Features:

1.) No JQuery Added.
2.) No JavaScript Added.
3.) Only CSS Added.
4.) Simple And Fast Loading Widget.
5.) Can Work With Any Browser.

How To Add In A WebPage?

1.) Just Go To Your “Web Page File”.
2.) Now “Copy” The Below Codes And “Paste” It To There Positions.
3.) “Save” It, Now You Are Done.

CSS:

<style>
.exe-main-social {margin: 0 auto;width:1007px;background:#3a3f46;background-image:url('http://octavus.themewoodmen.com/wp-content/themes/octavus/theme/assets/img/icons-pattern.png');height:250px;}
.exe-main-social-div{text-align:center;padding:30px;}
.exe-main-social-data {float: left;width: 425px;margin-right:10px;}
#sidebar-subscribe-box{border-radius: 8px;margin-left:30px;background:url() repeat scroll 0 0 transparent;border-radius:3px;padding:3px 0}
.sidebar-subscribe-box-wrapper{box-shadow: 0 0 0 10px rgba(255,255,255,.25);border-radius: 8px;background: #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}
.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}
form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}
.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(http://1.bp.blogspot.com/-JMYdQsIa9WQ/UDZqxqqrTEI/AAAAAAAAFho/AocEv70U8K8/s1600/sprites.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:80%}
.sidebar-subscribe-box-email-button{background:#d25503;border:1px solid #d25503;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}
.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#d25503}
.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}
iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}
embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}
#footer-section{background:#f5f5f5 url(http://1.bp.blogspot.com/-n5s9Bu0JCgg/UA_AfQ5qLkI/AAAAAAAAFMU/G9FOuh4SP7k/s0/bg-pattern.png) repeat top left;border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}
</style>

HTML:

<div class='exe-main-social'>
<div class='exe-main-social-div'>
<div class='exe-main-social-data'>
<font color='white' size='6'><u>Join 20000+ Subscribers</u></font>
<p><font color='white' size='4'>Hey! Do You Wanna Experience And Recive All Latest And Hottest Articles,Tips And Tricks,Awesome Widgets Directly Into Your Inbox The <b>EXEIdeas</b> Is Just The Place You Are Looking For. Just Signup And Recive All Directly In Your Inbox For Free Through FeedBurner. So Dude Why Are You Waiting For. Sign Up Today...!!!
</font></p>
</div>
<div class='exe-main-social-data'>
<div id='sidebar-subscribe-box'>
<div class='sidebar-subscribe-box-wrapper'>
<br />
<p>Subscribe to our email newsletter and receive updates right in your inbox.</p>
<div class='sidebar-subscribe-box-form'>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=EXEIdeas' style='sidebar-subscribe-box-form' method='post' onsubmit='window.open(&#39;http://feedburner.google.com/fb/a/mailverify?uri=EXEIdeas&#39;popupwindow&#39;, &#39;scrollbars=yes,width=550,height=520&#39;);return true' target='popupwindow'><input name='uri' type='hidden' value='EXEIdeas'/><input name='loc' type='hidden' value='en_US'/><input autocomplete='off' class='sidebar-subscribe-box-email-field' name='email' placeholder='Enter Your E-Mail Address...:-)'/><input class='sidebar-subscribe-box-email-button' title='' type='submit' value='Subscribe Now !'/></form>
</div>
</div>
</div>
</div>
</div>
</div>

Customization:

1.) You Can Add More HTML-CSS. If You Are Pro, Then You Can Do Any Thing.

Last Words:

That’s all we have. If you have any problem with this code in your template then feel free to contact us with full explanation of your problem. We will reply you as time allow to us. Don’t forget to share this with your friends so they can also take benefit from it and leave your precious feedback in our comment form below. Happy blogging, See you in next article…

You Like It, Please Share This Recipe With Your Friends Using...

18 Responses to “Stylish And Awesome Big Email Subscription Box With Intro Text”

  1. Thanks for sharing this Email subscription Coding.
    It will helping to us.

  2. YupsStrip says:

    Thank you for sharing such a useful info about Email subscription Coding.i will bookmark it.

  3. Alan Clarc says:

    I am so thrilled I found your weblog, I really found you by mistake, while I was researching on Google for something else, regardless. I am here now and would just like to say thank you for a tremendous blog post and all round thrilling blog (I also love the theme/design), I don’t have time to browse it all on time, but I have bookmarked it and also added your RSS feeds, so when I have time I will be back to read a great deal more.

  4. Buenz Stoner says:

    EXEIdeas, I have seen a similar format and simplified code in youtube some time ago. I followed it to my site http://therealpictures.com/ . But I have been getting complains that it is always staying on top.
    So I had to put it down. Since then I tried to use email subscription before it opens my site. but it reduced mt traffic also.

    Any insight please??

    • EXEIdeas says:

      Welcome here and thanks for reading our article and sharing your views. You first have to give some time to users to let them explorer your blog then garb it towards you to subscribe your emails…

  5. Stephen More says:

    I am so thrilled I found your weblog, I really found you by mistake, while I was researching on Google for something else, regardless. I am here now and would just like to say thank you for a tremendous blog post and all round thrilling blog (I also love the theme/design), I don’t have time to browse it all on time, but I have bookmarked it and also added your RSS feeds, so when I have time I will be back to read a great deal more.

  6. Shariq says:

    The news is very interesting thank you very much for the information ..

  7. I like this article. I will share this article to my Facebook account. Thanks for sharing this post.

  8. CCTV Camera says:

    thanks for sharing this with us and keep posting..

  9. Your posted article is informative.
    It is given detail about to create email subscription box with out any jquery or java script.
    Thank you for sharing this code with us .
    it is helping me in my website blog.

Leave a Reply

Your email address will not be published. Required fields are marked *