We have already covered some important Thesis customization topics like
- Add a cool Subscription Box to your Thesis WordPress theme Sidebar
- Add Tweet meme and Facebook Share Buttons to Thesis Teasers
- How to Add a Favicon to Thesis WordPress Theme?
- Highlight Author Comments in Thesis WordPress Theme
Here’s another one tutorial in that series.
How to Add an Email Subscription Box Below Each Post in Thesis WordPress Theme?
Having an Email Subscription Box below every single post will help you to turn your blog visitors into subscribers. So if you don’t have one, here’s the tutorial on how to add an Email Subscription box below each post in Thesis WordPress theme.
1. Login to your WordPress Admin panel and click Custom File Editor in Thesis Options.
2. Add the Code in custom.css and click the Save button.
/*Subscribe Box In Single Post*/
#singlesubscribe {width:500px;height:30px;border:1px solid #ccc;padding:10px 0 10px 10px;margin:0 auto 20px auto;background: url(images/rss-subscribe.gif) no-repeat 30px center;}
input.txt{background:#fff; padding:2px 0 0 15px !important; width: 220px; height: 21px;border:1px solid #198dc9 !important;color:#198dc9;position:relative;left:110px;top:3px;}
input.btn{background:#198dc9;color:#fff;width:90px !important;height: 25px !important;margin:0 0 0 -10px !important;border:none !important;font-weight:bold;position:relative;left:110px;top:3px;}
Note: In the above code, the image I have mentioned is uploaded in my images folder on my server. You need to upload the image in your root server to get the image in the subscription box. You can have any RSS image of choice.
3. Now scroll the options to custom_functions.php and click edit selected file.
function single_subscribe() {
if (is_single()) { ?>
<div id="singlesubscribe">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=techiemania', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<p><input class="txt" value="Your Email Address" onfocus="if (this.value == 'Your Email Address') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Your Email Address';}" name="email" type="text">
<input name="uri" value="techiemania" type="hidden">
<input value="en_US" name="loc" type="hidden">
<input value="Subscribe" class="btn" type="submit"></p>
</form>
</div>
<?php
}
}
add_action('thesis_hook_after_post_box', 'single_subscribe');
Note: Change the feedburner URL to match your blog account.
4. Now add the following code in custom_functions.php and click the Save button.
If everything goes right you will see the subscription box below each post in your Thesis wordpress theme.
Thesis Theme is a very flexible and well SEO optimized wordpress theme, if you’ve yet to grab one, you should order one now!
If you like this tutorial, give us a thumbs up.
Pingback: Tweets that mention Add an Email Subscription Box Below Each Post in Thesis Wordpress Theme -- Topsy.com