Saturday, June 7, 2014

Hola - A Responsive Niche Blog Theme For Blogger

By
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.

6 comments: