Spice Up Your Blogger Blog with Custom Designed Templates - BTNT Services!

BTNT Theme - A Responsive Blogger Template

On By // 88 comments
Advertisement
This Article is a Part of BTNT Weekly Special!!!
(Check out the series page to see other Awesome Templates on BTNT Weekly Special!!!)
BTNT a Responsive Blogger Theme
I Think just by looking at the title you got what I'm going to publish Today, If you're a regular reader of BTNT then I'm sure you've got what I'm Talking about. :)

Yes, You're right the theme I'm Going to publish today is the same theme which I previously used on Blogtipsntricks.com (BTNT) but it's more advanced than before.

After changing to the new theme many bloggers/readers contacted me by asking about my previous design used on BTNT (Some even offered to pay for the previous theme). I haven't even Imagined this many people like the previous design of blogtipsntricks. Thank you so Much.

So, Today as the 8 theme of BTNT Weekly Special, I'm Glad to share the previous version of BTNT.

For those who don't know about the Previous BTNT Theme, Its a two column blogger template with Awesome features like Custom opt-in forms (Sidebar, After posts, Above the footer), Ad placement, Social Sharing buttons and much more.

To make it short this theme is an all rounder. It has many custom features, SEO Optimized and also loads fast with cool features. I specially designed each and every part of the theme. Hope you also love it. :D

You can see a live demo of BTNT below.

The main Features of BTNT Theme - A Responsive Blogger Template

  • Nice and Clean Design
  • Clean 2 column Layout
  • Responsive Design
  • SEO Optimized
  • Fast loading Theme
  • Responsive Navigation Menu on header and footer
  • Custom About me widget
  • Opt-in subscribe forms (In Sidebar, After posts, Above Footer)
  • Custom Ad Slots (Below Post Title, After Post, On Sidebar)
  • Custom Popular Post Widget
  • Stunning Threaded Comments Section
  • Customized heading tags (h1 to h6)
  • Custom Forms
  • Custom Buttons
  • Custom Label widget
  • Custom Share buttons on Post Pages (Above and below Posts)
  • Much More

Download BTNT a Responsive Blogger Template

How to Upload the Blogger Template

  1. Go to Blogger Dashboard > Locate your Blog if you have more then one blog.
  2. Click on More Options Drop Down and choose Template
  3. Click on the Backup/Restore button on Top Right Corner
  4. Click on Download Full Template button to backup your Old template for safety
  5. Click the Browse button and locate BTNT Blogger Theme By Blogtipsntricks.com
  6. Click on the Upload Button. And you are Done!

Customization

These are basic steps you need to follow for each customization.
  1. On New Blogger Dashboard Go to Template > Edit HTML Button

Customize the Main Navigation Menu

Search for the Following Code
<!-- Main Menu -->
After that you will see a Link list items, Customize it your own.

Customize the Footer Navigation Menu

Search for the Following Code
<!-- Footer menu -->
After that you will see a Link list items, Customize it your own.

To Show Ads below Post Title

Search for the Following Code
<!-- Title Below Ad -->
After that Add you Adsense code to show ads below post title.

To Show Ads after Articles.

Search for the Following Code
<!-- Post Below Ad -->
After that Add you Adsense code to show ads After Blog Articles.

Customize the Social Profile Icons

Search for the Following Code
<!-- Social Profile Icon -->
After that you will see a Link list items, Customize it with your own social Profile links.

Customizing Opt-In Subscribe forms

There are three Opt-In Subscribe forms in this theme.
  1. Sidebar Opt-In Email Form
  2. Post Bottom Opt-In Email Form
  3. Footer Opt-In Email Form
  1. Customize Sidebar Opt-In Email Form
    1. Search for <!-- Opt-In Subscribe --> code
    2. After that you will see the codes for email form. In the form you have to replace chandeepsblogtips with your feedburner Id, Two times. (You'll find two chandeepsblogtips on the widget)
      The username for your feed can be found at the end of your feed URL.For example our feedburner URL is http://feeds.feedburner.com/chandeepsblogtips, with chandeepsblogtips as the username.
    3. Now change the headline and description of the subscription widgets with your own words. (if you have any query feel free to leave a comment below)
  2. Customize Post Bottom Opt-In Email Form
    1. Search for <!-- Post Footer Subscribe --> code
    2. After that you will see the codes for email form. In the form you have to replace chandeepsblogtips with your feedburner Id, Two times. (You'll find two chandeepsblogtips on the widget)
      The username for your feed can be found at the end of your feed URL.For example our feedburner URL is http://feeds.feedburner.com/chandeepsblogtips, with chandeepsblogtips as the username.
    3. Now change the headline and description of the subscription widgets with your own words. (if you have any query feel free to leave a comment below)
  3. Customize Footer Opt-In Email Form
    1. Search for <!-- Footer Subscribe --> code
    2. After that you will see the codes for email form. In the form you have to replace chandeepsblogtips with your feedburner Id, Two times. (You'll find two chandeepsblogtips on the widget)
      The username for your feed can be found at the end of your feed URL.For example our feedburner URL is http://feeds.feedburner.com/chandeepsblogtips, with chandeepsblogtips as the username.
    3. Now change the headline and description of the subscription widgets with your own words. (if you have any query feel free to leave a comment below)
There is an extra widget which comes along with this theme. It's a social media followers widget (You can see the demo of the widget on the sidebar of this Page named as "Support us").

I'm Going to publish that widget separately and link to this page. This way it can be added to other themes and help many bloggers ;)

Stay Tuned...
Will publish it within next 2 days. ;)

Terms and Conditions

Please follow our four simple terms and conditions before using this template. :)
  • You can Use this Template for Personal and Commercial Use.
  • You must keep the Footer links Intact. (Please Respect our hard work)
  • you can Re-Distribute but you must give us the credits and you must keep the footer links with out editing!
  • If you like the Template then Please Feel free to Share it!
Kindly Let me know your feedback about this theme in comment and please Share it with your friends. ;)
This Article is a Part of BTNT Weekly Special!!!
(Check out the series page to see other Awesome Templates on BTNT Weekly Special!!!)

88 comments:

  1. After Seeing These Cool themes Of BTNT Weekly. I am thinking to migrate back to Blogger :)

    ReplyDelete
    Replies
    1. lol, Thanks bro. You Made My Day ^_^

      Delete
  2. Nice work bro:) Check out this, I'm using ur template,
    http://www.triposoft.com/2014/06/earn-like-amit-agarwal.html

    ReplyDelete
    Replies
    1. Thanks bro, It's a customized version of zett, Right? Nice.

      Thanks again for using my theme. :D

      Delete
    2. Nice customization dixit dhinakaran :)

      Delete
  3. Excellent template. This could inspire me to create something similar for Genesis framework. Is that fine with you?

    ReplyDelete
    Replies
    1. Sure, No problem as long as you don't convert the exact theme as a genesis child theme.

      You can use this as an inspiration and create your own design :D

      Thanks...

      Delete
  4. GREATTTTT!!! Chandepp. Verry-Verry Awesome. I can't sleep yesterday for wait release your template (BTNT). Thank You :D :D

    ReplyDelete
  5. Hello chandeep. How to showing single page (without sidebar) or landingpage. like this BTNT?
    I think design your template kinda Thesis, Kolakube (Thesis skin). but I like you're doing on Blogger Template.

    ReplyDelete
    Replies
    1. lol, It may look like Kolakube because of the header but both have different layout, Anyway I'll keep that in mind and upgrade it in near future.

      To Create landing page. add the following css code on your page HTML Part. ;)

      <style type='text/css'>
      .main-wrapper { margin: 0 8%; }
      .sidebar-wrapper { display: none; }
      <style>

      Delete
    2. Thanks bro, it work 100%. one more, how to create timeline page here ?, I'm likely your design template :D (y)

      Delete
  6. you are amazing Chandeep.. keep doing...

    ReplyDelete
  7. Hi Chandeep,

    The download link is not working, how oi can download the template? It only showing Thanks for downloading the template but its not starting why? Please reply.

    Thanks

    ReplyDelete
    Replies
    1. Really!!! I just checked the link it works fine, Pls Try Again :)

      If it's still not working then PM me, I'll send it to you through mail.

      Thank you...

      Delete
  8. Very nice and good looking template!

    ReplyDelete
  9. Hi Chandeep, excellent 2 column theme, appreciate great job done by you, can we have 3 column footer for this template...

    ReplyDelete
    Replies
    1. Yes, It's Possible but I'm Sorry I can only offer support for the theme. You can hire me if you wish to customize the theme.

      Thank you :)

      Delete
  10. Once again awesome work bro, Can you please share the demo and download buttons coding. Waiting for your positive response !!

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

    ReplyDelete
  12. Fantastic theme.
    I want to ask you one question.in most of your template
    1.Where is the Meta Description part? (in view page source I am not able to find)
    2. You can either put Post-Title or Entry-Title not both is my opinion
    3. Why most of your template not having footer widgets part.
    4. I personally congratulate you for putting Meta Tags Groups into one part. I really appreciate this tremendous move. But I want to include Meta Description to this group.
    5. How to insert keywords in Meta Keywords tags for posts. (or we can use label for that)
    6. Whether there is any change to move Title of the Home Page, Posts and Pages Title after the doctype declaration and also I want to move Meta Description to that part. Is it possible to do so?
    I am waiting for your comment on the above issues.
    Thank you
    Have a Nice Day.

    ReplyDelete
    Replies
    1. Hi Krishna Kumar,

      Here are the Answers for your Queries.

      1. I don't think so The meta description is there.
      2. You're asking me why are you using both microformats and microdata, Right?
      Currently Google recommends using microdata, and also it also supports the links shared in Google+ but it's still new, On the other hand microformats, even it doesn't have features like microdata its been in use for a long time. so I used both in the template.
      Also the default blogger template also uses the same. ;)
      3. Noting particular I don't feel like adding it. Also It won't look good for minimal themes.
      4. As I said meta description is already added. ;)
      5. Unfortunately we can only add meta description for each post, meta keywords are only for homepage.
      6. You mean you want to add the title tag after doctype deceleration Right? To do that move the following code after title tag

      <b:include data='blog' name='all-head-content'/&gt

      Hope this helps... ^_^

      Delete
  13. hey thanks for your template you contact me on fb i sent you message pls

    ReplyDelete
  14. hello chandeep can you please help me with modifications of your theme and also some problem which i'm facing with the template like in post i cant find by my name.

    hope to hear soon.

    ReplyDelete
  15. hahaha, after such a long wait is finally divided this template , Thanks for share Chandeep

    ReplyDelete
  16. Loved the whole theme bro but i guess its not responsive.Can you solve this issue bro, make it responsive bro.

    ReplyDelete
  17. bro also make this theme available for wordpress also.

    ReplyDelete
  18. Hi Chandeep,

    I'd like to ask, how can we fix the problem where in the images on the front page are being stretched to follow a square aspect ratio. You can check this screenshot to better explain my problem http://tinypic.com/r/2mhj6gx/8

    Hope to hear from you

    Gj

    ReplyDelete
  19. Thanks bro great work;

    http://www.truetricks.net

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

    ReplyDelete
  21. thanks chandeep for sharing awesome blogger template. i use this template in my blog http://www.newworkingtricks.com .
    please tell me my web master tool sowing ' not found error ' after install your template. but still see in web server. please declared about query.
    again thanks and waiting for you answer.

    ReplyDelete
  22. First congratulations for the work you have developed here!

    And for his work that I decided to use the platform blogspot and not recommended for all wordpress bloggers.

    I wish I knew how to let the width of the smallest post like the model [Camly]?

    And how can I put a spot for description of similar email with the model [zett] you entered?

    And finally, how to put the menu bar as your template?

    I would like to do on pages without the sidebar, how can I do this?

    Hope I'm not being abusive with my issues is that looked all over your site and found no tutorial for this.
    Thank you!

    ReplyDelete
  23. This is a nice template for blogger specially that you add customization part that made everything easy.

    ReplyDelete
  24. Thanks for the template - looks great! A few minor adjustments and it's perfect :)

    I'm currently adding it to http://matformannfolk.blogspot.no/ and have a couple of questions/requests:
    1. How can I remove the dotted line around where the email subscription form used to be?
    2. Is there a better way to translate buttons and such than hardcoding it?
    3. Did you ever post the social media followers widget?

    Thanks again :)

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

    ReplyDelete
  26. hi Chandeep

    Seriosuly awesome work and i started to use this template in my blog

    Here i have a doubt how to create tables in post like you added in demo site first post

    ReplyDelete
  27. links not working bro...plz check it

    ReplyDelete
  28. No category in post ?
    (UNDER POST)

    ReplyDelete
  29. Very excellent template from a best team....Now i am using this template on my blogger http://appsfeatures.blogspot.in/

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

    ReplyDelete
  31. How to install this theme in website...

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

    ReplyDelete
  33. Hey Can you help me on creating a blogger homepage without redirecting

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

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

    ReplyDelete
  36. How could I change the feedburner? i have tried to change the feedburner Id but the subscription always goes to your blog blogtipsntrick on my mail inbox, not my blog.

    ReplyDelete
  37. hi .. i use your template .. but the font size for the head title is same .. also the font style not the same as demo .. could you please help me to fix it ..take a look for my link to see what is wrong .. thanks
    http://www.modern-house-designs.net/

    ReplyDelete
  38. Hey bro in my blog older post can not show with newer post and also do not show comment box under the post.please give me better solution.

    ReplyDelete
  39. i am not able to find the code please help me please

    ReplyDelete
  40. Nice template man! Pls what about the support us widget?

    ReplyDelete
  41. Hi. Why is it sometimes the sidebar widgets are on the lower part?

    ReplyDelete
  42. It's really the best template I found for my blog. It's fast loading and also has a clean design. But the custom share buttons do not always appear.

    Here is my Blog>> http://kikitek.blogspot.com/

    ReplyDelete
  43. Hi,
    I feel naive to ask you this question but currently i am struck with some issues in BTNT theme.
    1. I am unable to post article under navigation head as there is no page editor so i cant add link (label) to the navigation head .hope you get my point.
    2. how can i add content to custom static pages like privacy policy etc
    Hope this is not too much to ask for. By the way your blog and theme are awesome

    ReplyDelete
  44. thanks for this wonderful template. I tried this on my blog and it works seamlessly. Couple of points I would like to discuss with you:
    1. Can the navigation tab be provided/changed to a dynamic dropdown. Helpful if you have multiple pages to be displayed.
    2. What are your views on feedburner? Is it any useful?

    ReplyDelete
  45. I'm using your template.
    Very good Design Sir.
    I want to Income from Google Adsense.
    Approval Adsense be able to do with my website.
    My website Url is : www.jokescoff.com

    ReplyDelete
  46. thanks for the template...its good and mobile friendly

    ReplyDelete
  47. Dear How can i Show Ads Between Posts ? waiting for your worthy reply

    ReplyDelete
  48. some of your imgur link has been remove in template. can you plz recover it?

    ReplyDelete
  49. Hi, in your template. there is some imgur pictures broken. can you fix it please? would appreciate.
    Nice templates

    ReplyDelete
    Replies
    1. Sorry for the late reply, The broken image is not a part of theme, it's the demo image which represent the post below ad and below title ad, you've to replace the that image with your banner ad code. :)

      Delete
  50. Excellent Theme, so far the best clean and simple template I have seen for blogger

    ReplyDelete
  51. hi there chandeep. i have question, how to remove ad? after and before post? thank you

    ReplyDelete
    Replies
    1. To remove it add the following code before ]]></b:skin>

      .ad-article-wrapper {
      display: none;
      }


      and search for the following code and remove it.

      <!-- Post Below Ad -->
      <img src='http://i.imgur.com/TntQZ.jpg' style='float: left;'/>
      <!-- End - Post Below Ad -->


      Now save your theme, That's all :)

      Delete
  52. Hi Chandeep. Bingo for the great template. I have a question here. For custom ad below title, we need to put adsense/ad code. What should be the size of that ad. I mean if I put 300x250 ad code, will it work there. Also i am thinking to start a bkig on technology ni he - WordPress guide, make money online, adsense etc. What template you woyld suggest.

    ReplyDelete
  53. Chandeep J sir i want to ask something..... i have a blog nd i applied btnt theme ... but can u tell me how to put AdSense ads in header i mean above post title ....

    ReplyDelete
  54. Hi Bro, I am using your theme.. Great to have a such theme for blogger with all the features.

    Can you Tell me the Code for Labels ( Like Buttons ) .

    Thanks for BTNT Theme .!

    ReplyDelete
  55. thanks bro God bless you this is the best theme i have ever use on my blog
    check it out
    https://ehijoshua.blogspot.com/

    ReplyDelete
  56. Really Hand off bro. Hard work is always unique.
    I am using your theme now..

    http://www.zone4free.com/

    ReplyDelete
  57. chandeep, what's wrong with navigation menu and footer? i've installed this theme a few month ago, but last morning i see an usual change with footer and header.
    http://www.fathurhoho.id
    Thanks for your help..

    ReplyDelete
  58. Updated..
    According to your blog, that problems has been fixed. With re-write footer and main nav without widget section..
    Now i can't add gadget. Can you help me?

    ReplyDelete
  59. HI

    Thanks for your blog.

    I couldn't add hear navigation or footer . How can I show both of them?

    Regard!

    ReplyDelete
  60. ah, one more thing, my blog here: http://www.khotuts.com/

    Thanks

    ReplyDelete
    Replies
    1. It's because of a recent update in blogger.

      To fix it just go to your blog layout page, click edit in the menu widget, type something and click save button. this will fix it. :)

      Delete
    2. Great! It's work. I simple tyep '.' in layout section to which one I wish show up. Thanks a lot.

      One more thing want to ask for your help: "How can I add a Search box with BTNT style?"

      Regard!

      Delete
  61. hy Chandeep thank you very much for your template, I'm really like it. And I'm using it in my indonesian blog here -> http://www.blogpengembangandiri.com/

    But, I don't know, after using it for a couple weeks, the subscribe box widget in sidebar is dissappear. I don't know how to recover it. Can you help me??

    ReplyDelete
    Replies
    1. Hi Edward,

      It's because of a recent update in blogger.

      To fix it just go to your blog layout page, click edit in the widget which is not showing, type something and click save button. this will fix it. :)

      Delete
  62. Hello Chandeep J,
    Thanks for your awesome template. Please I encountered an error message while adding my adsense code during template editing with blogger. find below the error message
    (Error parsing XML, line 1060, column 15: Attribute name "async" associated with an element type "script" must be followed by the ' = ' character.)
    It didn't work for Ads below Post Title & Ads after Articles according to your steps. It didn't save in blogger

    ReplyDelete
    Replies
    1. It's not because of the theme. it's because of the ad code.

      To fix it search for async in your ad code replace it with async="async"

      Then place it in your blog template. :)

      Delete

I Appreciate your valuable Feedback. So, Please DO NOT SPAM - Spam comments will be deleted immediately.

Don't use brand name in name field and you're not allowed to use links in comments unless it's necessary

Such Comments will be removed immediately.

Thanks,
Chandeep