How to Add Stylish EMail Subscription Box Below Every Post in WordPress?
Large number of Subscribers gives more value to any blog or website. Most of the new bloggers place their E-Mail subscription box in sidebar. However it would be interesting for you to know that, You can get more subscribers after placing the E-Mail subscription box below every post. It is logical as well because visitors can subscribe to your blog, After finding your content useful. According to me, it is an ideal place to use EMail subscription box. If you have little knowledge of HTML then You can easily do this on Blogger. However WordPress doesn’t provide that much simplicity due to the complex nature of PHP. Today, I will show you the process to add Stylish EMail Subscription Box Below Every Post in WordPress.

How to Add Stylish EMail Subscription Box Below Every Post in WordPress?
- Log into your WordPress Admin Panel. You can do this by entering your username and password at
- http://www.yourblog.com/wp-admin
- Navigate to Appearance>>Editor. The screenshot of the same is shown below:
- After that, Click on “post-single.php” .You will find this template on the right hand side. The screenshot of the same is shown below:
- Search for “<?php the_content(); ?>” .
- Paste the below given code, Just below <?php the_content(); ?>
- '' <style>
- .tbisubscribe {
border: 1px solid #D3D3D3;
padding: 8px;
width: 700px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbisubscribe:hover {
-moz-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
-webkit-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
}
.tbimailbox {
border: 1px solid #D3D3D3;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 1px 1px rgba(255, 172, 84, 0.4) inset;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
color: #666;
font: 14px “trebuchet ms”, sans-serif;
padding: 7px 15px;
width: 400px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbimailbox:hover {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbisubmit {
font: bold 12px Tahoma, Geneva, sans-serif;
font-style: normal;
color: #ffffff;
background: #ff5714;
border: 0px solid #ffffff;
text-shadow: 0px -1px 1px #222222;
box-shadow: 2px 2px 5px #000000;
-moz-box-shadow: 2px 2px 5px #000000;
-webkit-box-shadow: 2px 2px 5px #000000;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
padding: 8px 15px;
cursor: pointer;
margin: 0 auto;
}
.tbisubmit:active {
cursor: pointer;
position: relative;
top: 2px;
}
.tbisubmit::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
}
</style>
<link href=’http://fonts.googleapis.com/css?family=Oswald’ rel=’stylesheet’ type=’text/css’ />
<div class=’tbisubscribe’>
<div style=’color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 30px 15px;’>Get Free Updates in your Inbox</div>
<div style=’margin: 10px 0 0 6px;’>
<form action=’http://feedburner.google.com/fb/a/mailverify’ class=’emailform’
method=’post’ onsubmit=’window.open('http://feedburner.google.com/fb/a/mailverify?uri=tricksonblogging', 'popupwindow', 'scrollbars=yes,width=600,height=520');return true’
style=’margin: 0pt;’ target=’popupwindow’>
<input name=’uri’ type=’hidden’ value=’tricksonblogging‘ />
<input name=’loc’ type=’hidden’ value=’en_US’ />
<input class=’tbimailbox’ name=’email’ onblur=’if (this.value == "") {this.value = "Enter your email…";}’
onfocus=’if (this.value == "Enter your email…") {this.value = ""}’
type=’text’ value=’Enter your email…’ />
<input alt=” class=’tbisubmit’ title=” type=’submit’ value=’Subscribe’/>
</form>
</div>
<div style=’border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 5px;’>Follow us on:</div>
<div style=’margin: -32px 0 0 120px;’>
<a href=’https://www.facebook.com/pages/tricksonblogging/227989713996089‘ target=’_blank’ title=’Join us on Facebook’><img src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAMwBfftj_GB7ZmYpmB5m3N8rfFSqcW4PyQw8xsmWbtJoHDGfttHwX3apfoA-5pCOWKqWqhLf6VX0nzjbZE5tcfsp03EZDq-NHI5G0qRn_ivjq7PV7U4xojT2CIg6tiI1bGKDDbMBXxGg/s1600/facebook500.png’ alt=’facebook’/></a>
<a href=’https://twitter.com/gupta10nirmal‘ rel=’nofollow’ target=’_blank’
title=’Follow us on Twitter’><img src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG54g8znuRqcuYX8xxKpdfVhPU1cwV4qx27PCCuTxsfdYUl3TO3yCw82-IY6AIb8WZDkjvSzxqOZxAOmvF0yON0kvcZGYC64e3h3pARMSRooT_tuEf54hhvHMnt7D4YrZPr7E5e0S7cmw/s1600/twitter.png’ alt=’twitter’/></a>
<a href=’https://plus.google.com/115554880628992999071‘ rel=’nofollow’ target=’_blank’
title=’Follow us on Google+’><img src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLM-nb9g5JdA_6F9vn0jBcHG-jkUzg2qOdeCuG4k4MfqEJK1ZULPPXRKYDRxZYeBs-4kCsI1kosRuDQyWs97XgW5UgaOm2BEq2PS6Mv24sAMrgbOMPUqppByvu0pQgY5-0D8fLmh-NRDI/s1600/googleplus-revised.png’ alt=’gplus’/></a>
<a href=’http://pinterest.com/gupta10nirmal/tricksonblogging/‘ rel=’nofollow’ target=’_blank’
title=’Follow us on Pinterest’><img src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCbYn3d6XsRT8fqTv9bBosrIMaUtncvtWNvccFriVI1FNhjbwEqW_ynZfAbfuDcU3aXfGtcqQytitQg4DAHZCTWuv7UWI1vEeOgMbRgcIjis1UQsQbcsAdZLTCIq1yxvXgXTwqFRGLndk/s1600/pinterest.png’ alt=’pinterest’/></a>
<a href=’http://feeds.feedburner.com/tricksonblogging‘ rel=’nofollow’ target=’_blank’
title=’Subscribe to RSS’><img src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5x7Ij4CCAC6SsoidfYsE9mPkcLosznfWbkK7BgZmKHgWVMl4fRz2UJwI2-xDnb7iO1W2iosEljkoB5RMuPafK9svW25lPUzf0zTkKOFWvx8qAoyZvdsZ811V4-J2wHvNg_uz002DQNOo/s1600/rss.png’ alt=’rss’/></a>
</div>
</div> ''
- Make the Necessary changes as per the below given instructions.
- Replace tricksonblogging with your Feedburner’s feed name.
- Replace “https://www.facebook.com/pages/tricksonblogging/227989713996089″ with your own Facebook Fan Page Url.
- Replace “https://twitter.com/gupta10nirmal″ with your Twitter Url.
- In “https://plus.google.com/115554880628992999071″. Replace 115554880628992999071 with your own profile ID.
- Replace “http://pinterest.com/gupta10nirmal/tricksonblogging/” with your own Pinterest Url.
- Replace “http://feeds.feedburner.com/tricksonblogging” with your own Feedburner’s Feed url.
- Finally click on “Update File ” button and enjoy.
Can I check the Demo?
Obviously. You can check the working demo. There is no need to go anywhere. I have used it in this blog. To check it, simple scroll down this page. You will see the above mentioned subscription box below each post.
Is that cool?
From the Editor’s Desk.
As I mentioned earlier, Placing Stylish EMail Subscription Box Below Every Post in WordPress will increase your chances of attracting more subscriber to your blog. That’s probably the reason why, I always recommend bloggers to use an EMail subscription box at this position. I prefer it over Pop-up box, which can be irritating for users.
Just try it and give your valuable feedback. If you are finding any difficulty then Don’t hesitate to ask anything.
Interview with Rahul Kuntala of learnblogtips.com
I started Interview Series, few weeks ago. A new blogger can learn a lot of thing from these experts. Today, I am going to publish Interview with Rahul Kuntala of learnblogtips.com. He is also known as the Gems of Indian Blogging. His blog has achieved a Global Alexa Rank of 35,660 and Indian Alexa Rank of 3,651 which shows its popularity. He hasn’t disclosed his present earning but I came across an article where he has mentioned that, he earns more than his father. If you want to know more about him and his life then read the below given Interview Experience. He has shared a lot of stuff with Us. I am thankful for his cooperation.
1. You don’t need an introduction but as a part of the formality, can you please tell our Readers a little about yourself?
Hi! My name is Rahul Kuntala, a computer science graduate turned full time blogger. I make a living from blogging and my major blog is: Learn Blog Tips. If you want to make a full time income from your blogs, it’s for you.
2. What is blogging for you?
More than anything, blogging is my passion. I deliberately choose it as my career after finishind my B.Tech not only because I wanted to be my own boss, but I’m passionate about helping others to make money.
3. Why you entered in blogging-Any interesting story?
Not really! Just like everyone else I jumped into blogging for ONE reason – to make money online.
4. Have you faced any obstacles in beginning?
Many! I think getting traffic to a NEW blog with zero online connections is a rocket science. Later I focused solely on building loyal readership with my content. It has helped A LOT in the long run..
5. According to You, What are the essential requirements to become a successful blogger-Is that technical skills or anything else?
You don’t have to be a tech savvy to become a profitable blogger. I know people with BAD (I mean very bad) writing skills are making decent income from their blogging efforts. It’s all about the connections that you build online. Networking is the KEY to successful blogging – try to connect with the influencers from the beginning itself.
6. How much time you spent to make you first dollar online?
8 months (from my blog LBT). I didn’t use any ads till then (I still don’t use any ads as my major income sources are blog consulting, blog writing and LBT program).
7. Traffic is essential for bloggers.How do you manage to attract tons of visitors to your blog?
If you are a new blogger, I strongly suggest you NOT to focus on traffic. What’s the use of driving untargeted traffic to your blogs? Build readership first, traffic doesn’t come overnight, you have to learn to write SEO content to get quality traffic, and it does take time. I intially focused on social media to drive traffic to my blog, later I used forums like Blokube, Bizsugar and Blog Engage. They are great for the beginners.
8. How you are making Money from your blog-Is it Adsense or anything else? How much you are earning monthly?
No, I don’t use AdSense. It doesn’t work in every niche (especially in blogging niche unless you have an authority site). My major income sources are writing and blog consulting and I earn enough money from my blogging efforts 
9. Who is your role model in blogging? Kindly mention the names of your favourite blogs as well.
Yaro Starak from Entreprenuers-journey.com
My favorite blogs are (they change time to time though!)
10. How much time do you spend daily on blogging?
In the beginning of my blogging journey, I used to spend a lot of time (more than 8 hrs/day). Now, I’m focusing on starting a small online venture, so I’m getting less time to blog.
11. We all know about LBT. What’s the reason behind its enormous success? Apart from that, Do you have any other blog?
There’s no success secret behind any profitable blog, it totally depends on your passion, consistency and the uniqueness you provide with the readers. I’ve many other blogs, but I blog anonymously.
12. Which premium tools you are using on your blog and why?
Currently I’m using Thesis on LBT (Genesis on few other blogs).
13.How you differentiate yourself from other bloggers?
Most people who read my content say – “Rahul, I REALLY love the way you write”.. may be it’s my unique selling point (USP). And I ONLY post when it becomes extremely useful to my readers, it’s why my posting frequency is such horrible (only twice or once a month – but they are extremely detailed posts about 1500 to 2500 words).
14. Do you participate in Blogger Meets where bloggers interact with other bloggers? Tell us about your experience(if any)..
No. I don’t show any interest in them.
15. You always write fresh contents. From where do you get these kind of stuffs?
Find out your target audience first. And anticipate what questions your prospects might be asking. Find out their frustrations and problems and solve them on your blogs 
16. Now a days most of the new bloggers (specially from developing countries) starts blogging on common topics like Making money online, Blogging tutorials, Technology etc but very few of them achieve good results. According to you, which are the best topics for a new bloggers to start blogging?
Any topic according to their PASSION. But narrow down your topics. You shouldn’t be writing posts all every topic under the sun, it’s extremely hard to get success. Try to pick one or two topics and write only about them.
17. Is it possible for a new blogger to make money online within few months? If yes, Then how?
It’s hard. If someone already has great connections with others, it won’t take much time to monetize his efforts, but when you’re new – it definitely takes time (more than a year) to earn decent income.
18. Message for my readers.
Don’t rely solely on Google traffic and AdSense – you end up earning peanuts from your efforts. Try to build loyal readership and boost your online presence, build a great brand to make your blog successful in the long run.
That’s the end of Interview with Rahul Kuntala of learnblogtips.com. It was a nice Interview experience. Rahul has shared lots of important stuffs. I will keep bringing interviews of top bloggers on regular basis. Stay tuned.
How to add blogger official contact form into specific page of blogger blog?
P
reviously i posted a post about blogger lunched new contact form for blogger, but many of our readers asked that how to put the contact form into specific page, so here is tutorial how to add blogger official contact form into specific page in blogger blog. Blogger have launched many features in 2013.There are two gadgets are also included in this new update. Two gadgets are Contact form and Wikipedia. Both are very useful for bloggers / webmasters. Wikipedia is for search the topic from Wikipedia and direct go to that topic from the blog. And contact form is for contractual use.
Why we use this contact form for our blog?
- We use this because this is blogger’s feature not other third party’s.
- We use for the contact or feedback form.
- It’s short and sweet.
- It’s not taking more time to load.
- We can customize it.
- We can use it in page which is being learnt by us in this tutorial.
So there are many advantages of this contact form. - First, Go to your blog dashboard.
- Then click on layout tab.
- Click on Add a gadget.
- Then choose more gadgets from list.
- And choose Contact Form from the gadgets list.
- Give your choice title and save it.
Note that Do this, if you haven’t put blogger contact form on your blog.
- View your blog so you can confirm that form has been added.
- Then, Click on template tab.
- First Backup your template and then click on Edit HTML.
- And seach for <b:skin> and expand it.
- Search for </b:skin> and paste code above it.
#ContactForm1
{
display: none ! important;
}
- Don’t change the name or anything in id because it is case-sensitive.
- Why we have added display: none; because we have to hide the gadget which we have added to layout tab and only can see able in page.
- Save template.
- Then go to Pages menu.
- Click on New page and chose Blank page.
- Give your choice page title.
- Go to Html tab from two tabes names Compose and HTML.
- Then if <div dir=”ltr” style=”text-align: left;” trbidi=”on”> </div> this shown then paste below code between it. If this doesn’t exist then just paste below code on the box.
- If you checked Use <br> tag then paste below code.
<form name="contact-form">
<p></p>
Name<br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" value="" type="text" />
<p></p>
Email
<span style="font-weight: bolder;">*</span><br />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" value="" type="text" />
<p></p>
Message<span style="font-weight: bolder;">*</span><br />
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<p></p>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" value="Send" type="button" />
<p></p>
<div style="text-align: center; max-width: 222px; width: 100%">
<p class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></p>
<p class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></p>
</div>
</form>
- If You checked Press “Enter” for line breaks then paste below code.
<form name="contact-form">
<p>
</p>
Name
<input id="ContactForm1_contact-form-name" name="name" size="30" value="" type="text" />
<p>
</p>
Email<span style="font-weight: bolder;">*</span>
<input id="ContactForm1_contact-form-email" name="email" size="30" value="" type="text" />
<p>
</p>
Message<span style="font-weight: bolder;">*</span>
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<p>
</p>
<input id="ContactForm1_contact-form-submit" value="Send" type="button" />
<p>
</p>
<div style="text-align: center; max-width: 222px; width: 100%">
<p id="ContactForm1_contact-form-error-message">
</p>
<p id="ContactForm1_contact-form-success-message">
</p>
</div>
</form>
- Now you have completed this and If you want to give search description related to this then you can write on the Search Description box.
- Now publish the page and enjoy.
Advantages
- It is blogger gadget so don’t worry about security.
- No ads in this contact form.
- It is free.
- Code it not so complex that we can’t understand.
- You can check by doing self entry.
- Unlimited Entries and simple look.
- Speedy to send information.
If we use it then we can get many advantages and Remember that give search description related to the title of the page so your SEO and etc ranks will gross.
It’s very useful for those who are using third party forms because they now use it free and without ads showing.
It’s also comfortable and good viewable in mobile devices also.
It’s with error detection so if anyone enter bad email then it’ll not going to submit.
A little bit about Wikipedia :
It’s widget for searching from the blog in Wikipedia if you enter words in the Wikipedia search box and it’ll found some articles related to your search and when you click on that article then a window appears with that article.
Wikipedia will save your time and it’s just simple gadget not complex.
Special thanks goes to blogger who has made it.
It’s very useful for those who are using third party forms because they now use it free and without ads showing.
It’s also comfortable and good viewable in mobile devices also.
It’s with error detection so if anyone enter bad email then it’ll not going to submit.
A little bit about Wikipedia :
It’s widget for searching from the blog in Wikipedia if you enter words in the Wikipedia search box and it’ll found some articles related to your search and when you click on that article then a window appears with that article.
Wikipedia will save your time and it’s just simple gadget not complex.
Special thanks goes to blogger who has made it.
Queries or problem while installing up?
Just comment (non-spammy) below.
