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

Hola - A Responsive Niche Blog Theme for Blogger

On By // 61 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!!!)
Hola a Responsive Blogger Theme
This week I've come up with a theme which will Rock on Niche blogs. Just like Linzo this theme is also designed upon a friend's request. After sharing linzo on Facebook one of my friend Aqid Shahzad commented like this...

"Chan Deep waiting for your next blogger template that will be best for niche blogs I mean adsense optimized, responsive and search engine friendly template"

Below is the Screen Shot of Conversation.

Conversation about Niche Blog Theme

According to his Wish, Today I'm Publishing Hola - A Responsive Niche Blog Theme as the 7th theme of this Series, BTNT Weekly Special!!!

Okay, Let me tell you few words about this theme...

Hola is a Theme specially designed for Niche Blogs. So, In this theme I haven't focused on design (As Niche Blogs usually uses simple design.) Instead I focused on Ad placement, Site Loading, SEO and Responsiveness.

Three main Factors about Hola Blogger theme:
  1. It has a three column layout with simple design, So It'll easily blend with ads (Helps to Increase CTR). See the live demo for better understanding.
  2. It's optimized for Structured Data (Google Rich Snippet), Which plays a major role on SERP Appearance and Ranking. Now search engine can understand your site much better. you can check Google Rich Snippet Data Testing Tool to verify ;)
  3. Even After Placing Ads, It still Rocks on page speed(87/100).
You can see a live demo below for better Understanding.

The main Features of Hola - A Responsive Blogger Template

  • Simple Design
  • Three Column Layout
  • Responsive Theme
  • Ultimately SEO Optimized
  • Ad Optimized
  • Fast loading Theme
  • Two Responsive Navigation Menus
  • Custom About me widget
  • Page navigation Widget
  • Custom Threaded Comments Section
  • Customized heading tags (h1 to h6)
  • Opt-in subscribe form in Sidebar
  • Custom Forms

Download Hola a Responsive Niche 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 Hola a Responsive blogger template.
  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 Top Navigation Menu

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

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.

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 Footer -->
After that Add you Adsense code to show ads After Blog Articles.

Customize 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)

Customize the Social Profile Icons on Top Menu

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.

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. ;)

Changelog:

== 2/6/2014 ==
+ Added Social Sharing Buttons Below Title.
This Article is a Part of BTNT Weekly Special!!!
(Check out the series page to see other Awesome Templates on BTNT Weekly Special!!!)

61 comments:

  1. Hi chaAbsolute Best blogger template.. I particularly appreciate your emphasis on page load speed unlike many other blogger template designers that focus on blogger design at the expense of page load speed..

    ReplyDelete
    Replies
    1. Thanks bro, Now-a-days themes plays an important role when it come to SERP Ranking. That's why I give more importance to performance.

      We've to keep a balance between the design and performance. ^_^

      Delete
  2. Nice Template... But you can Add Social Buttons on the Post Title as like your earlier template.
    and Cool Social sharing buttons also... just basic one Facebook , Twitter, G+, Pinterest.
    And It will be better if you add some CSS effects on the Labels and Popular post which highlights them. and also to comments box.

    ReplyDelete
    Replies
    1. Social buttons added. But sorry I can't add special effects for widgets as this theme should have a simple design.

      But, Definitely I'm going to publish those widgets as a separate post so that people can add it according to their wish.

      I always like to give choices. So, the widget should be added according to the theme users.

      Stay tuned... Planning some big changes.. Soon will announce it. ;)

      Delete
    2. Check the Image.. you add this https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http://2.bp.blogspot.com/-eJF9puRNbqE/U4yD_rgruEI/AAAAAAAACz0/MCR4E2X-1uI/s1600/Space.png&container=blogger&gadget=a&rewriteMime=image/*

      Delete
  3. Nice Template, This Theme useful, thanks you

    ReplyDelete
  4. Hi chandeep, I cant wait the next awesome template. I think you'll share it Your template (BTNT) :D

    ReplyDelete
    Replies
    1. Hi Fajar, Yep, It's already decided next theme on BTNT Weekly special is the template which is used on BTNT. But It will be more SEO friendly than before. :D

      Stay Tuned... ;)

      Delete
  5. Amazing one Chan Deep.
    You are one of the best blogger designer...

    ReplyDelete
  6. Nice and Powerful Theme. Thanks a Lot..

    ReplyDelete
  7. Great template again. But, it would be complete if you can include the social bookmarking buttons at each post level. Thanks.

    ReplyDelete
    Replies
    1. Hi Bro,

      Just added the Social Sharing buttons below title.

      Thanks :)

      Delete
  8. Thanks Chan Deep bro, Just downloaded the updated version of this niche blogger template. It would be much appreciated if you can provide me the author bio coding according to this theme on Facebook.

    ReplyDelete
  9. Another nice template bro! greetings from Bolivia :)

    ReplyDelete
  10. Hey Chandeep, to be frank I did not like to template very much but I love the template you are using for this blog ! it is so amazing and sleek ! Awesome theme . I also have a Q. for you, I am a web designer and I find it odd that you are not using any { transition:all 1s ease-in-out; } on your code, why ?
    Regards .. Adu Alex from 8ruuux.com

    ReplyDelete
    Replies
    1. Hi Alex,

      Thanks for your comment, As I said in the introduction It's not for all blogs, its mainly focused for niche blogs. Also Thanks again glad you liked the new design of BTNT.

      The answer for your question is, It's not like I avoided it intentionally I just don't feel like using it.

      Also I can't see anything odd about it... ;)

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

    ReplyDelete
  12. Hey bro I found an error in your BTNT Weekly special templates , Currently I use ozura. I need to add related post's and some social sharing buttons in bottom of each post. I tried Lot of widget's. But no use. Help me to solve this.

    ReplyDelete
    Replies
    1. Sure, Can you be more specific, like where did you add the widget code and which widget you tried to add (I mean tutorial blog link)?

      P.S. It'd be better if you ask queries on appropriate post or you can also use the contact page to get support. :)

      Thanks

      Delete
  13. how to add social widget to my blog to each post and label down to post header
    my blog is gowthamshan.blogspot.com

    ReplyDelete
  14. Hi Chandeep, Hola Theme is my dream theme what i was looking for since 1 year, activated it for my blog http://sapinstitutesinhyderabad.blogspot.com... Its really wonderful theme which is customized for adsense and fastloading. Really appreciate the work done by you. One small clarification, can we make it a 2 column theme as its not opening fine with 1024x768 resolution. The left side bar is coming at the bottom of the posts and above footer. Pls check this and try to find solution, else pls thing about converting this into 2 column theme removing the left widget. Thanks you so much and waiting for your early reply.

    ReplyDelete
  15. Hey , I read your article, you have a Great Responsive Niche Blog Themes For Blogger. It has a three column layout with simple design, It’s easily blend with ads. We can see the live demo and better understand. I really like your blogger themes. We have one more website like this. If you want to see just review Thanks  http://www.templatesofty.com/

    ReplyDelete
  16. Hi Chandeep j, Like i commented above, i really love this template..but i need your help in changing the font size of the post page..The code in the template only works for the Homepage..I will like to increase the default font size for Post pages to make the content of my site more visible Hence i need the exact part of the template to tweak to achieve this ...Thanks

    ReplyDelete
  17. Muchísimas gracias bro, te agradezco demasiado la contribución de la plantilla, ya la tengo implementada, aunque me gustaría que hicieras otras más, para poder variar en mis micronichos.

    cambiar un poco el color, el tamaño, el estilo de fuente y más.

    ReplyDelete
    Replies
    1. Sorry but I don't speak english, I'm Mexican.

      Delete


  18. Very informative information .. It has increased my knowledge . nice sharing keep it up . if you want to know more about this topic then visit this
    http://rjusman.blogspot.com/
    http://usmanmustafvi.blogspot.com/

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

    ReplyDelete
  20. please let me know how we can add sub menu item

    ReplyDelete
  21. Hey Chandeep i appreciate your blogging tips, and your templates are awesome , can u help me adding opt-in form as in Elice in This HOLA template, i am facing problem making it responsive , kindly help

    ReplyDelete
  22. @Chandeep

    Thank you so much for the nice template and tutorials.
    It work perfectly on my blog.

    ReplyDelete
  23. very nice
    www.hny2015sms.com
    www.happynewyearmessages2015.com

    ReplyDelete
  24. Hi Chandeep, your Hola template is excellent, and I like it very much.
    May I ask if I can change the footer credit to show "Designed by Chandeep J", like this:
    Designed by [tag]a href='http://www.blogtipsntricks.com'[tag] Chandeep J[tag]
    Thanks a lot

    ReplyDelete
    Replies
    1. It is mentioned that it can't be changed or removed.

      Delete
  25. Thanks for such a nice template. I have searched best template since more than 2 years. But, first time found a best theme here. I am really going to say 1000 of thanks to author and designer of this template. I am going to apply my website www.worldcup2015livenews.com

    ReplyDelete
  26. Thanks buddy,.. i made for my blogs.. :) love this theme

    ReplyDelete
  27. thanks for this free template.
    how to change social icon url , i wrote twitter.com/username and the result on homepage bungdus.com/twitter.com/username

    ReplyDelete
  28. i fix it, i forgot put http://, it's shame sorry newbie

    ReplyDelete
  29. Hey Chandeep thanks for these nice templates but i am looking for a template for my blog which should has 1-2 seconds loading time currently my template has loading time more than 4.6 seconds which is very high, it causes the bounce rate higher. Dear if you have any best and simple template which loads within a sec or two maximum then please send me the template on my email id @ annubrave05@gmail.com.

    ReplyDelete
  30. You're awesome buddy! Your contribution to blogosphere is indisputable! :)
    And by the way, loved this template, especially the ad in left side bar. ;)

    ReplyDelete
  31. Simply are best. I always find simple template. Thanks for giving this mind blowing template for free

    ReplyDelete
  32. How can I remove my left sidebar?

    ReplyDelete
  33. Hi Bro,this is best ever Seo theme,but in this template there is no related post widget,so kindly add the related post widget with thumbnail,it will help to keep our visitors for a long time in our blog.I am waiting for the updated hola blogger theme with related post :-)

    ReplyDelete
  34. the theme is lovely. but i can't seem to get the infolinks code to work. please help.

    ReplyDelete
  35. why H1 title is missing or empty is showing

    ReplyDelete
  36. hi chandeep I need. a little help from plz make a theme for me I Dont much about customizing
    and even I Dont have PC so I can't optimize the plz give me full optimize theme with my discretion and others thing.
    if you can make one then plz send it on rajansingh387@gmail.com
    and share tamplate which got two column only

    ReplyDelete
  37. Can't find the code for some of the steps in this article - i want to change the navigation-menu but just can't seem to do it. Please help...

    ReplyDelete
  38. hey chandan deep how to download this tamplate

    ReplyDelete
  39. Great theme. Is there a way to add a Related Post widget below post? I have tried with one I used before, with no success.

    ReplyDelete
  40. I was wondering if there is a way to make the Nav bar have a drop-down menu on mobile, like on simple blogger templates. I don't think many people use it on mobile but it would be nice to have the option.

    ReplyDelete
  41. I am facing an issue from today that top menu with social media icon bar is not visible. Earlier it was visible.

    I again download this template and applied to other blog, we have same issue. Seems like some global issue.

    Please reply ASAP. 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 widget which is not showing, type something and click save button. this will fix it. :)

      Delete
  42. Took 6 seconds to load when i checked in GTmetrix. I think you must have used asynchronous tag in javascripts that would make this template's loading speed faster.

    ReplyDelete

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