# Best Magazine Template

## How To Install Blogger Template

For these you need a account on blogger.com where you can create a free blog, In this guide I'm not going to tell you that how you can create a blog on blogger, I assume that you have a blogger account with a blogger blog, so let's get started!

Also Read: Complete Guide To Setup Blog

- Go To Blogger Dashboard
- On Blogger Dashboard click Template
- Now Click On Backup/Restore button (Top Right).
- Click Choose File button. Find where the “9JAJ-theme.xml” file location.
- Now Click On Upload Button.

## How to Customize Menu Navigation

Navigation menu will helps to make site user friendly, You can add label links, page links, affliate links or any external website link by just changing it little bit.

- Go To Blogger Dashboard
- On Blogger Dashboard click Template
- Now Click On Edit HTML button
- Now Find `<!--Navigation Menu-->` in template code using ctrl+f
- Now you will see navigation menu code, just change its text and link according to your need.

## How to Customize Social Buttons

Social Media Follow Us buttons will help your blog/website to make your blog viral on Social Medias, To change the link of social medias button follow below steps:

- Go To Blogger Dashboard
- On Blogger Dashboard click Template
- Now Click On Edit HTML button
- Now Find `<!--Social Icons Started-->` in template code using ctrl+f
- Now you will see Social media buttons code, just replace # with your social media username.

## How to Change background image

Just follow below steps to change background image of this template:

- Go To Blogger Dashboard
- On Blogger Dashboard click Template
- Now Click On Edit HTML button
- Now Find `http://1.bp.blogspot.com/-gQTwaQQsWHc/U9_BJRE2V_I/AAAAAAAABH8/WRRcZHNHFdc/s1600/5-4yas-4415263267_3c62eecb99_o.jpg` in template code using ctrl+f
- Replace it with any image URL which you want to set as template background.

## How to Edit Label Seprated Posts

# Video Guide Link

At last I'm going to tell you the most important thing which is Editing Label Seprated Post, Follow all the below steps carefully:

- Go To Blogger Dashboard
- Click On Template Tab
- Now Click on Edit HTML and then using crtl+f search for:

    <!--Label Seprated Posts Start From Here-->

- Now Below It You will find the main code which have html comments which will tell you what you have to replace to show post with different label.
- To Change Toogle Text Follow Below Steps:
- Replace Technology and Fashion With The Text You want to display in toogle menu.

- Now To Change The Post of first toogle find `<!--Replace technology-->` and replace technology as shown in below image:

- Now To Change To Post of Second toogle find `<!--Replace fashion-->` and replace fashion as shown in below image:

### Now to edit Music Lablel Box Follow Below Steps:

- Now To Change grid lable post display find `<!--Replace music-->` and replace music as shown in below image:

### Edit Column Label Post:

- To Edit Left Column Label Post, Find `<!--Replace movie-->` and replace movie as shown in below image:

- To Edit Right Column Label Post, Find `<!--Replace sports-->` and replace sports as shown in below image:

## How to Add Like Box

For adding facebook like box to blogger, go to official Like Box Generator and then paste your page URL and then click on Get Code button, Now select iFrame Copy given code and paste it in HTML/Javascript by adding New gadget in layout tab.

## How to Add Twitter Feed Box

Twitter is very popular social media websites. Like others social networks, Twitter also plays an important role for every blog and website.

- Go To Blogger Dashboard
- Click On Layout Tab
- Now Add Gadget >> HTML/JavaScript
- Paste below code there:

    <a class="twitter-timeline" href="https://twitter.com/lordemusic" data-widget-id="429486347175211008">Tweets by @lordemusic</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

- Replace `lordemusic` with your twitter username.