Basel Responsive Blogger Template Installation Guide is to help you understand how you can easily make your blog setup beautifully like our blog demo. This is a step to step documentation so you can set up all our custom blogger widgets such as a featured slider, homepage styles, undefined problem, Instagram Widget and many other social Widgets easily.

First of all, Thank you for Downloading our Basel Premium Blogger Theme if you haven’t done yet don’t worry you can get it from here: Basel Responsive Blogger Template. You check the live demo through the button below. Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users.

We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle. We have created a service package that gives you everything you need to have your theme and your content setup in no time.

Basel Responsive Blogger Template Installation Guide Steps:-

1. Backup & Uploading

  1. Unzip the zip file.
  2. On Blogger Dashboard Click Template.
  3. Click on Download Full Template to keep your old template.
  4. Click Browse… button. Find where the “preium-baselfinal.xml” file location.
  5. Then Click Upload.
  6. Edit mobile Preview. (follow images)



2. Basel Responsive Blogger Template Installation Guide & Blog Setting

After installing the theme, there are minimum settings to make all widgets work fine in this template.

  1. On Blogger Dashboard Click Settings.
  2. Click Other.
  3. In Site Feed > Allow Blog Feed Choose Full.
  4. Then Click Save settings.


3. Setting Up Meta Tags

For SEO Purpose, Meta Tags are very important for your site. Google Search Engine robots use this tags to index better and display better on the search result.

If you don’t know what these tags are and how you can use it in theme. Just follow this simple guide, we recommend you to use free Meta Tag Generator online tool to generate your Meta tags.


  1. It’s very simple, all you have to do is visit the link above and fill all the necessary details that describes your site and what keyword you want.
  2. Click Generate Meta tags.
  3. Copy all generated code & paste in your template head section. we have leave the space for that.
  4. Then Click Save Template.

4. How to solve Blank Post Problem

If you the template is installed successfully and you see blank posts when on homepage, then you need to add Google+ profile to your blog.

1. Just go to blogger setting
2. Then in Post setting and add your google+ profile there.

5. How to solve undefined Problem

If you’re seeing undefined undefined undefined in date area, then please follow the steps here to solve the blogger undefined problem.

  1. On Blogger Dashboard Click Settings.
  2. Click Language and formatting.
  3. change Time Stamp > only Choose mm/dd/yyyy.
  4. Then Click Save settings.

6. Main Blogger Setting

  1. On Blogger Dashboard Click Layout.
  2. Click Edit on Blog Posts Widget.
  3. Change it to look like that image.
  4. Click Save


7. Main Navigation Mega Menu


  • On Blogger Dashboard Click Layout.
  • Click Edit on Menu Widget.
  • Add The Following Code.
  • For More Information- Watch Video Below



8. Hide/Show Sidebar on Homepage

When you first install this theme, you’ll see Modern Grid Style with no sidebar. By Default sidebar is Disabled from the homepage. But you can easily Enable it with Our Theme Options Panel.

This feature is available on premium version only

  • On Blogger Dashboard Click Layout.
  • Click Edit on Show Sidebar (Default N )
  • To Show sidebar just type “y” (without quotes)( Note: Make sure it is small y not capital.
  • And To Hide it again just type “n” (without quotes)( Note: Make sure it is small n not capital.
  • Click Save.

9. How to Add featured Slider

Head over to our how to add a featured slider small guide. You’ll be easily adding amazing featured slider in your blog.

Featured slider in blogger template is always a nice feature to have in any blog, through which a blogger get to show their special post to the user. It also allows visitors to iterate these post easily. Featured Section can be anything likes Slider, Carousel, Special Grid etc.

How to Add featured Slider Blogger Template

  • On Blogger Dashboard Click Layout.
  • Click Edit on Bt-Slider Widget.
  • Just Use “featured” ( without quotes).
  • Click Save

All you have to do is just add the “featured” (Without quotes ) in featured slider widget and you must have label of named featured for the post you want to show in slider and make sure your blog is set to Public. Please follow the screenshots below:

Step 1: Click on Edit



Step 2: Add The word Featured in Widget


Step 3: Add The label in your post named “featured”




Simple Default Slider

It is default layout when you install the theme for the first time this is the style that would show up on the homepage.




10.How to Add social links

With Our Modern Grid blogger template, you can easily add any type of social links in Footer area.

  • On Blogger Dashboard Click Layout.
  • Click Edit on top-social-foot & top-social-home (Social Link) Widget.
  • Change it according to your needs. Add name of the link and link url then click add Link
  • Click Save.
  • You can find social site name here : Font Awesome Icons
  • Just Search For Particular Social And Add that in Site Name Section

For Example if you have to add “facebook” icon then just add facebook in name of New site name section and below add url of that particular site.




11. Mailchimp Widget for blogger


This is Widget for Mailchimp Subscription which will allow you to easily increase your subscription and send awesome email to your user for free.

If you don’t wish to use this widget then do not add the following code.

  1. On Blogger Dashboard Click Layout.
  2. Click Mailchimp widget Section and edit the widget and add the following code

Step 1: Click on Edit on mailchimp Widget

Step 2: Add the following code for Subscription form


You can setting and read more about mailchimp form here: Mailchimp Signup Form.


Step 1: Sign In mailchimp account & Create List First

Step 2: Copy All the code and paste it any notepad first and then copy the highlighted part and replace with ours.

12. Theme Customization

Access your blog Template > click Customize. Here. Here you can change the background, and apply pre-defined colors
Clicking Advanced You will see the official option to change the Main Color