“Novelo Blog - Responsive Blogger Template” Documentation by “Soratemplates” v1.0


Created: 26/07/2016
By: Soratemplates

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. Add Social Links
  4. Setting up the menu

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


    You Can See that footer Right side area have Social Icons Collection. To Edit Social Icon in this theme you can follow this step:

    1. On Blogger Dashbord Click > layout

    2. You will se Follow us widget On right sidebar -> click on edit button

    3. paste the below Code and save it:

    <li class='facebook'>
    <a data-attr='Like Us' href='#'>
    <i class='fa fa-facebook'/></i></a></li>
    
    <li class='twitter'>
    <a data-attr='Follow Us' href='#'>
    <i class='fa fa-twitter'/></i></a></li>
    
    <li class='googleplus'>
    <a data-attr='Follow Us' href='#'>
    <i class='fa fa-google-plus'/></i></a></li>
    
    <li class='rss'>
    <a data-attr='Subscribe Us' href='#'>
    <i class='fa fa-rss'/></i></a></li>
    
    <li class='pinterest'>
    <a data-attr='Pin Us' href='#'>
    <i class='fa fa-pinterest'/></i></a></li>
    
    <li class='instgram'>
    <a data-attr='Follow Us' href='#'>
    <i class='fa fa-instagram'/></i></a></li>
    
    <li class='linkedin'>
    <a data-attr='Link With Us' href='#'>
    <i class='fa fa-linkedin'/></i></a></li>

    4. Change Links with yours Social URL link


    To Edit 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 class='main_navigation' id='nav'>
      <ul class='nav-menu' id='thr_main_navigation_menu' itemscope='' itemtype='http://schema.org/SiteNavigationElement'>
      <li class='menu-item menu-item-has-children' id='menu-item-141'><a href='/'>Home</a>
      <ul class='sub-menu' style='display: none;'>
      	<li><a href='#'>Header (ad space)</a></li>
      	<li><a href='#'>Header centered</a></li>
      	<li><a href='#'>Classic blog</a></li>
      	<li><a href='#'>Top welcome area</a></li>
      	<li><a href='#'>Bottom welcome area</a></li>
      	<li><a href='#'>Welcome with video</a></li>
      </ul>
      </li>
      <li class='menu-item menu-item-has-children ' id='menu-item-142'><a href='#'>Featured Areas</a>
      
      <ul class='sub-menu' style='display: none;'>
      	<li><a href='#'>2 items</a></li>
      	<li><a href='#'>2 + 2 items</a></li>
      	<li><a href='#'>2 + 3 items</a></li>
      	<li><a href='#'>2 + 4 items</a></li>
      	<li><a href='#'>3 items</a></li>
      	<li><a href='#'>3 + 2 items</a></li>
      	<li><a href='#'>3 + 3 items</a></li>
      	<li><a href='#'>3 + 4 items</a></li>
      	<li><a href='#'>4 items</a></li>
      	<li><a href='#'>4 + 2 items</a></li>
      	<li><a href='#'>4 + 3 items</a></li>
      	<li><a href='#'>4 + 4 items</a></li>
      </ul>
      </li>
      <li class='menu-item menu-item-has-children' id='menu-item-143'><a href='#'>Layouts</a>
      <ul class='sub-menu' style='display: none;'>
      	<li><a href='#'>Layout A</a></li>
      	<li><a href='#'>Layout B</a></li>
      	<li><a href='#'>Layout C</a></li>
      	<li><a href='#'>Layout D</a></li>
      	<li><a href='#'>Layout A full width</a></li>
      	<li><a href='#'>Layout B full width</a></li>
      	<li><a href='#'>Layout C full width</a></li>
      	<li><a href='#'>Layout D full width</a></li>
      </ul>
      </li>
      <li class='menu-item menu-item-has-children' id='menu-item-145'><a href='#'>Pages</a>
      <ul class='sub-menu'>
      	<li><a href='#'>Gallery examples</a></li>
      	<li><a href='#'>Left sidebar</a></li>
      	<li><a href='#'>Full width</a></li>
      	<li><a href='#'>Custom sidebar</a></li>
      </ul>
      </li>
      <li class='menu-item menu-item-has-children ' id='menu-item-152'><a href='#'>Features</a>
      <ul class='sub-menu'>
      	<li><a href='#'>What’s inside</a></li>
      	<li><a href='#'>Theme Options</a></li>
      	<li><a href='#'>Typography</a></li>
      	<li><a href='#'>Shortcodes</a></li>
      	<li><a href='#'>Category Features</a></li>
      	<li><a href='#'>Custom widgets</a></li>
      	<li><a href='#'>Sticky sidebars</a></li>
      	<li><a href='#'>404 error page</a></li>
      </ul>
      </li>
      <li class='menu-item' id='menu-item-151'>
      <a href='#'>Download This Template</a></li>
    4. Change # with yours URL link

     

    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