### “Easy Mag - Responsive Blogger Template” Documentation by “Bthemez” v1.0

#

Created: 15/10/2014
By: Bthemez
Email: bthemez@gmail.com

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email. Thanks so much!

## Table of Contents

1. Installation
2. Upload Logo
3. Setting up the menu

###
1. Installation - top

Now you have Easy Mag Blogger Template. You Can Follow This Steps To Upload Your Blogger Template To Blogger Platform. First Login to your Blogger DashBoard by Using Your Google Username And Password from Here.

Then follow these steps:

1. On Blogger Dashboard Click Template.

2. Click Backup/Restore button (Top Right).

3. Click Choose ( Browse..) File button. Find where the “Easy Mag-Blogger-Template.xml” file location.

4. Then Click Upload.

Note: Before Uploading This Template Mobile Blogger Template Must Enable to make Blogger Customize Work

###
2. Upload Logo- top

Access your blog Layout > click Edit link on Header widget

In Configure Header window, input you Blog Title and Blog Description. If you want to upload your image logo, make sure checked Instead of title and description, then click Choose File and locate your logo file. And click Save button to finish.

###
3. Imprortant Settings for Seo- top

Access your blog Template > click Edit Template

        <b:if cond='data:blog.url == data:blog.homepageUrl'>

    <meta content='Easy Mag Premium Blogger Template | BThemez' name='description'/>

    <meta content='Your Keywords here' name='keywords'/>

    <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>

    <meta content='true' name='MSSmartTagsPreventParsing'/>

    <meta content='blogger' name='generator'/>

    <meta content='noodp' name='robots'/>

    <meta content='Bthemez' name='author'/>

    <meta content='Bthemez' name='copyright'/>

    <meta content='bthemez@gmail.com' name='Email'/>

    <meta content='index, follow' name='robots'/>

    <meta content='id' name='language'/>

    <meta content='id' name='geo.country'/>

    <meta content='global' name='distribution'/>

    <meta content='1 days' name='revisit-after'/>

    </b:if>

    <link href='https://plus.google.com/+Bthemezsite' rel='publisher'/>

Change All these Information according to your needs

###
4. Setting up the Header Text - top

To Edit Top Menu in this theme you can follow this step:

1. On Blogger Dashbord Click Template
2. Click Edit HTML
3. Find this Code :

         <div class='bz-header-bottom'>

                   <div class='wrapper clearfix'>

                       <div class='left-color'/>

                             <nav class='pull-left' id='main-nav'>

                           <ul class='clearfix' id='main-menu'>

                               <li class='current-menu-item'>
                                   <a href='#'>Home page<span class='double-square'/></a>

                               </li>

                               <li>
                                   <a href='#'>Blog<span class='double-square'/></a>

                               </li>

                               <li>
                                   <a href='single.html'>Single<span class='double-square'/></a>
                                   <ul>
                                       <li><a href='single-standard.html'>Single standard</a></li>
                                       <li><a href='single-audio.html'>Single audio</a></li>

                                   </ul>
                               </li>

                               <li>
                                   <a href='#'>Portfolio<span class='double-square'/></a>
                                   <ul>
                                       <li><a href='portfolio-1.html'>Portfolio style 1</a></li>
                                       <li><a href='portfolio-2.html'>Portfolio style 2</a></li>
                                       <li>
                                           <a href='#'>Portfolio detail</a>
                                           <ul>
                                               <li><a href='single-portfolio-standard.html'>Single portfolio standard</a></li>
                                               <li><a href='single-portfolio-gallery.html'>Single portfolio gallery</a></li>
                                           </ul>
                                       </li>
                                   </ul>
                               </li>

                               <li><a href='elements.html'>Elements<span class='double-square'/></a></li>

                               <li><a href='contact.html'>Contact us<span class='double-square'/></a></li>

                           </ul>
                           <!-- main-menu -->

                           <i class='fa fa-align-justify'/>

                           <div class='mobile-menu-wrapper'>
                               <ul id='mobile-menu'>
                                   <li class='current-menu-item'>
                                       <a href='#'>Home</a>

                                   </li>
                                   <li>
                                       <a href='#'>Blogs</a>

                                   </li>
                                   <li>
                                       <a href='#'>Singles</a>
                                       <ul>
                                       <li><a href='single-standard.html'>Single standard</a></li>
                                       <li><a href='single-audio.html'>Single audio</a></li>

                                   </ul>
                                   </li>
                                   <li>
                                       <a href='#'>Portfolio</a>
                                       <ul>
                                       <li><a href='portfolio-1.html'>Portfolio style 1</a></li>
                                       <li><a href='portfolio-2.html'>Portfolio style 2</a></li>
                                       <li>
                                           <a href='#'>Portfolio detail</a>
                                           <ul>
                                               <li><a href='single-portfolio-standard.html'>Single portfolio standard</a></li>
                                               <li><a href='single-portfolio-gallery.html'>Single portfolio gallery</a></li>
                                           </ul>
                                       </li>
                                   </ul>
                                   </li>
                                   <li>
                                       <a href='elements.html'>Elements page</a>
                                   </li>
                                   <li>
                                       <a href='contact.html'>Contact page</a>
                                   </li>
                               </ul>
                               <!-- mobile-menu -->
                           </div>
                           <!-- mobile-menu-wrapper -->

                       </nav>
                       <!-- main-nav -->

                       <!-- main-nav -->

                       <ul class='social-links pull-right clearfix'>
                           <li>
                               <a class='fa fa-facebook' href='#'/>
                               <div class='square-1'/>
                               <div class='square-2'/>
                           </li>
                           <li>
                               <a class='fa fa-twitter' href='#'/>
                               <div class='square-1'/>
                               <div class='square-2'/>
                           </li>
                           <li>
                               <a class='fa fa-google-plus' href='#'/>
                               <div class='square-1'/>
                               <div class='square-2'/>
                           </li>
                           <li>
                               <a class='fa fa-pinterest' href='#'/>
                               <div class='square-1'/>
                               <div class='square-2'/>
                           </li>
                       </ul>
                       <!-- social-links -->

                   </div>
                   <!-- wrapper -->

               </div>

   Change the links according to your need. It will setup your blog Menu and Note: Change The Links of mobile menu also.

   ###

4. Setting up the Label menu - top

To Edit Label Menu in this theme you can follow this step:

1. On Blogger Dashbord Click Template
2. Click Edit HTML
3. (Top Menu) Scroll down and Find this Code :

              <nav id="menu">
       <div class="wrapper">
       <input type="checkbox">
       <label>
               &#8801;
               <span>
                 Click&nbsp;Here
               </span>
       </label>
       <ul class="second-menu clearfix">
       <li class="home">
       <a href="/search/label/photo?max-results=12">
                   Label 1
                 </a>
       </li>
       <li>
       <a href="/search?max-results=12">
                   Blog
                 </a>
       </li>
       <li>
       <a href="/search/label/awesome?max-results=12">
                   Label 2
                 </a>
       </li>
       <li>
       <a href="/search/label/lifestyle?max-results=12">
                  LifeStyle
                 </a>
       </li>
       <li>
       <a href="/search/label/music?max-results=12">
                   Music
                 </a>
       </li>
       <li>
       <a href="/search/label/music?max-results=12">
                   Music 2
                 </a>
       </li>
       <li>
       <a href="/404">
                   Error 404
                 </a>
       </li>
       </ul>
       </div>
       </nav>

4. Change After /label/ with yours Label name

For Example: I have Label Name Music So,I add /label/music

Note: It's Case Sensative.

###
5. Setup Slider - top

    		<div class='owl-carousel owl-theme' id='owl-demo'>

      <div class='item'><img alt='The Last of us' src='http://3.bp.blogspot.com/-9-g3rsh17RU/VD-CXZSjBhI/AAAAAAAAAhU/HsLsBeAUCPs/s1600/post-1.jpg'/>
    <div class='entry-content1'>
                            <a class='entry-categories clearfix' href='#'><i class='fa fa-file-text-o pull-left'/><span class='pull-left'>Lifestyle</span></a>
                            <h2 class='entry-title1'><a href='#'>Enjoy High Desert Design</a></h2>
                            <div class='meta-box'>
                                <span class='entry-author clearfix'><span class='pull-left'>By</span><a class='pull-left' href='#'>Konzept &amp; art direction</a></span>
                                <span class='entry-date'>July 8, 2014</span>
                            </div>
                            <!-- meta-box -->
                            <p>Situated just one block from the beach in Venice, California, this award-winning local landmark epitomizes modernist cool.</p>

                        </div>

    </div>
      <div class='item'><img alt='GTA V' src='http://3.bp.blogspot.com/-9-g3rsh17RU/VD-CXZSjBhI/AAAAAAAAAhU/HsLsBeAUCPs/s1600/post-1.jpg'/>
    <div class='entry-content1'>
                            <a class='entry-categories clearfix' href='#'><i class='fa fa-file-text-o pull-left'/><span class='pull-left'>Lifestyle</span></a>
                            <h2 class='entry-title1'><a href='#'>Enjoy High Desert Design</a></h2>
                            <div class='meta-box'>
                                <span class='entry-author clearfix'><span class='pull-left'>By</span><a class='pull-left' href='#'>Konzept &amp; art direction</a></span>
                                <span class='entry-date'>July 8, 2014</span>
                            </div>
                            <!-- meta-box -->
                            <p>Situated just one block from the beach in Venice, California, this award-winning local landmark epitomizes modernist cool.</p>

                        </div>

    </div>
      <div class='item'><img alt='Mirror Edge' src='http://3.bp.blogspot.com/-9-g3rsh17RU/VD-CXZSjBhI/AAAAAAAAAhU/HsLsBeAUCPs/s1600/post-1.jpg'/>
    <div class='entry-content1'>
                            <a class='entry-categories clearfix' href='#'><i class='fa fa-file-text-o pull-left'/><span class='pull-left'>Lifestyle</span></a>
                            <h2 class='entry-title1'><a href='#'>Enjoy High Desert Design</a></h2>
                            <div class='meta-box'>
                                <span class='entry-author clearfix'><span class='pull-left'>By</span><a class='pull-left' href='#'>Konzept &amp; art direction</a></span>
                                <span class='entry-date'>July 8, 2014</span>
                            </div>
                            <!-- meta-box -->
                            <p>Situated just one block from the beach in Venice, California, this award-winning local landmark epitomizes modernist cool.</p>

                        </div>

    </div>

    </div>

Change Image Code according to your need. If You want to setup like Our Demo. Just Change all these information.

Like Categories

Article Content

If you don't want just delete these content

###
6. Add Content To the Site - top

Adding the content in this site is super easy.

1. On Blogger Dashbord Click layout
2. Go to any content widget Click Edit
3. Add any label of your blog

4. Just like i have added photo label in category 5

###
7. Edit Sidebar - top

What's Hot Section

Go to layout And Click on edit of what's hot

Setup just like the image above

Setup Social Media

Go to layout And Click on edit

And Add the following Code

    <ul class="social-links clearfix">
    <li>
    <a class="social_icon_facebook fa fa-facebook" href="#"></a>
    <div class="square-1"></div>
    <div class="square-2"></div>
    </li>
    <li>
    <a class="fa fa-twitter social_icon_twitter" href="#"></a>
    <div class="square-1"></div>
    <div class="square-2"></div>
    </li>
    <li>
    <a class="fa fa-google-plus" href="#"></a>
    <div class="square-1"></div>
    <div class="square-2"></div>
    </li>
    <li>
    <a class="fa fa-pinterest" href="#"></a>
    <div class="square-1"></div>
    <div class="square-2"></div>
    </li>
    </ul>

8. To Setup Facebook like bok- top

###

You must wrap your facebook iframe code in this `<div id="likebox-wrapper">` otherwise it won't be responsive

Go To Table of Contents

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist.

Go To Table of Contents