“Food Mag - Responsive Blogger Template” Documentation by “ThemeXpose” v1.0


Created: 29/11/2014
By: ThemeXpose
Email: xposetheme@gmail.com

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


If you have any problem about this template then please visit ThemeXpose.com

Note : Premium and lifetime support only delivered to Full version buyers.

But this is only free version (Free Template Will Contain Non Removable Credits and limited features).

It is forbidden to remove the credit link due to the elimination of the credit links will make your blog to redirect ThemeXpose Official site. For those who want to remove can pay $ 4.95.

Buy our Full Version and get:

1.Remove Footer credits

2.One time payment

3.For Unlimited Domains

4.Lifetime Premium Support

5.No Encrypted Scripts

6.Lifetime Template Updates

7.And Much More....

Buy now from ThemeXpose.com



Table of Contents

  1. Installation
  2. Upload Logo
  3. Setting up the menu
  4. Setting up the Social icons
  5. Edit Author Info

  1. Installation - top
  2. Now you have Food 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 “Food 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


    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.


    To Edit Main 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'> 
            <input type='checkbox'/> 
            <label> 
              &#8801; 
              <span> 
                Navigation 
              </span> 
            </label> 
            <ul> 
              <li> 
                <a href='/'> 
                  Home 
                </a> 
              </li> 
              <li> 
                <a href='#'> 
                  Menu 1 
                </a> 
              </li> 
              <li> 
                <a class='prett' href='#'> 
                  Drop Menu 
                </a> 
                <ul class='menus'> 
                  <li> 
                    <a href='#'> 
                      Drop Menu 1 
                    </a> 
                  </li> 
                  <li> 
                    <a href='#'> 
                      Drop Menu 2 
                    </a> 
                  </li> 
                  <li> 
                    <a href='#'> 
                      Drop Menu 3 
                    </a> 
                  </li> 
                </ul> 
              </li> 
              <li> 
                <a href='#'> 
                  Menu 2 
                </a> 
              </li> 
              <li> 
                <a class='prett' href='#'> 
                  Drop Menu 1 
                </a> 
                <ul class='menus'> 
                  <li> 
                    <a href='#'> 
                      Drop Menu 1 
                    </a> 
                  </li> 
                  <li> 
                    <a href='#'> 
                      Drop Menu 2 
                    </a> 
                  </li> 
                  <li> 
                    <a href='#'> 
                      Drop Menu 3 
                    </a> 
                  </li> 
                </ul> 
              </li> 
            </ul> 
          </nav>
    4. Change # with yours URL link

  3. Setting up the Social Icons - top
  4. To Edit Sticky social icons in this theme you can follow this step:

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

      <div class='social-buttons button-right hidden-phone hidden-tablet'> 
      <a class='itemsocial' href='https://www.facebook.com/your FB' id='facebook-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Facebook</span></span></a> 
      <a class='itemsocial' href='https://twitter.com/your twitter' id='twitter-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Twitter</span></span></a> 
      <a class='itemsocial' href='https://plus.google.com/your G+' id='google-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Google</span></span></a> 
      <a class='itemsocial' href='http://pinterest.com/your ID' id='pinterest-btn' target='_blank'><span class='social-icon'> 
      <span class='social-text'>Follow via Pinterest</span></span></a> 
      <a class='itemsocial' href='https://www.youtube.com/user/your ID' id='youtube-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Youtube</span></span></a> 
      <a class='itemsocial' href='http://feeds.feedburner.com/your feed' id='rss-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via RSS</span></span></a> 
      </div>
    4. Change urls with yours URL link
    To Edit Sidebar social icons in this theme you can follow this step:

    1. On Blogger Dashbord Click Layout
    2. Click Socail icons Edit button
    3. Now paste the below code:

      <div class="social_icons"> 
          <ul> 
      
              <li class="facebook"><a target="_blank" href="#"><i class="fa fa-facebook"></i></a> 
              </li> 
              <li class="twitter"><a target="_blank" href="#"><i class="fa fa-twitter"></i></a> 
              </li> 
              <li class="google"><a target="_blank" href="#"><i class="fa fa-google-plus"></i></a> 
              </li> 
      
              <li class="pinterest"><a target="_blank" href="#"><i class="fa fa-pinterest"></i></a> 
              </li> 
              <li class="youtube"><a target="_blank" href="#"><i class="fa fa-youtube"></i></a> 
              </li> 
      
      
              <li class="instagram"><a target="_blank" href="#"><i class="fa fa-instagram"></i></a> 
              </li> 
      
      
      
      
      
          </ul> 
      </div>
    4. Change # with yours URL link


  5. Author Description - top
  6. Author image and description automatically fetch from Google + account. You just need to add info in you google+ account.And activate author infomation option from blogger settings

    To Activate author infomation in this theme, you can follow this step:

    1. On Blogger Dashbord Click layout

    2. Click Edit Blog Posts

    3. SNow check same like below image :



 

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