X
Downloading...
As you need our Template, we need your SUPPORT. Please Like us on Facebook :)
Need a Decrypted (attribution-free) version? Check out OddThemes Shop, to get premium version of each template which comes without Attribution links and is Decrypted, you can get it as low as $14.99. Visit our shop below.

Visit Shop
Pepper Food Blog Recipe Theme →Read More

Olive Blogger Template Documentation



Olive is a blog based templates for blogger that mainly focuses on SEO of the website.
Olive free blogger template have a magazine design and it has very user-friendly blogger layout from which the users can adjust their own settings and can manage widgets.

Here is the free blogger templates Olive limited Documentation for free users:

1. Add Social Links on Top Right


    You Can See that the Header area have Social Icons Collection. To place your URL's in Social Icons in this theme you can follow these steps:
    1. On Blogger Dashbord Click Template
    2. Click Edit HTML
    3. Scroll down and Find this Code :
    <div class='le_social'> 
                    <ul> 
                        <li><a href='http://facebook.com/oddthemes'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidoJ-wcnM_lKTbjStirecp_ZBO95L3wBjA81l7XTJGWmqsojEUxq985An4Bof9v4RUjjaNISaTXJjgjR6Gvk_LygXG0O_bOT05ovZSP7Dx1vmKOMJFoFRCHB_TEAG3Lv2i-drNU_Efnnk/s1600/icn-facebook-intro.png'/></a></li><li><a href='http://twitter.com/oddthemes'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_70z6yWidqO8MIFAyFbl1-dwB5xOwvsZYpX2_phzKAmHq4Rrr6lL0kro9svDb_rYVvIzC3aW_VY9iJ2cIYS9Os0V2vKdMDj_CKJRU1Q1pXa_oQow_GiHkEy91mIKLXCF_dTuXsc5s_ks/s1600/icn-twitter-intro.png'/></a></li><li><a href='http://plus.google.com'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh49EUOofg07w5xfPX82cLNyjjyqAk0d8SAfBGM9Q1EEavT2rgh3N6orgPcyfdzHTkpiEmeium265lG51sJOBPj45XNkVky5TwQWzYHeK7txIgrbS7C_c7Wcj3C0n_7hNxXEdGJA61mkr4/s1600/icn-gplus-intro.png'/></a></li><li><a href='http://linkedin.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic2jhVK2l8J5DpAya7zeoNwrA9WFJ1QnIPiI_W5GiVdByRnIooP2nlqwiAnuPCnN4Q5sZtRGQySmLmsUWCTo6HLy4-RFJ5IfLp4yqgLTM1aNVWqYZPD8YFJ8WBsPLMI6ZnQLBhi8mYokU/s1600/icn-linkedin-intro.png'/></a></li><li><a href='http://dribbble.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijbx7hCPwkXptvSVDR2yCYZWZWU98n_67g29D5-twqNJAZivOOsx19svHMpBogGwqBpLiDDDZhyphenhyphenw3g5Sk2O3z9txTUtQWLj591tAgCrTs74qDFW1iSXOshmTac12FeoYyNGBAmKQeab_s/s1600/icn-dribbble-intro.png'/></a></li>                    </ul> 
                </div>
    4. Change yours Social URL links


2. SETTING UP THE MENU

To Edit Menu in this theme you can follow these steps:
    To Edit Menu in this theme you can follow these steps:
    1. On Blogger Dashbord Click Template
    2. Click Edit HTML
    3. Scroll down and Find this Code :

      <!-- Menu --> 
                 <div id='menu-container'> 
<nav id='menu'> 
      <ul id='nav'> 
        <li class='home'> 
          <a href='/' id='m1' title='Home'> 
            <i class='fa fa-home'/> 
          </a> 
        </li> 
        <li> 
          <a href='/search?max-results=12' id='m2'> 
            <i class='fa fa-comments'/> Blog 
          </a> 
        </li> 
        <li> 
          <a href='#' id='m3'> 
            <i class='fa fa-money'/> Business 
          </a> 
          <ul class='menus'> 
            <li> 
              <a href='#'> 
                Tab 1 
              </a> 
            </li> 
            <li> 
              <a href='#'> 
                Tab 2 
              </a> 
            </li> 
            <li> 
              <a href='#'> 
                Tab 3 
              </a> 
            </li> 
            <li> 
              <a href='#'> 
                Tab 4 
              </a> 
            </li> 
            <li> 
              <a href='#'> 
                Tab 5 
              </a> 
            </li> 
            <li> 
              <a href='#'> 
                Tab 6 
              </a> 
            </li> 
          </ul> 
        </li> 
        <li> 
          <a href='#' id='m4'> 
           <i class='fa fa-life-ring'/> Contact 
          </a> 
        </li> 
        <li> 
          <a href='#' id='m5'> 
            <i class='fa fa-code'/> Coding 
          </a> 
          <ul class='menus'> 
            <li> 
              <a href='#'> 
                Tab 1 
              </a> 
            </li> 
            <li> 
              <a href='#'> 
                Tab 2 
              </a> 
            </li> 
            <li> 
              <a href='#'> 
                Tab 3 
              </a> 
            </li> 
          </ul> 
        </li> 
        <li> 
          <a href='#' id='m6'> 
           <i class='fa fa-cog'/> Settings 
          </a> 
        </li> 
<li> 
          <a href='#' id='m7'> 
           <i class='fa fa-music'/> Music 
          </a> 
        </li> 

      </ul>
    4. Change # with yours URL link and text with your text.


3.
    Slider - top
    You Can See in the Slider on the template, to put your posts to the slider you need to give FEATURED as a label to the posts which you want to display on the slider.
    To put FEATURED as a label to any post, follow the below images:

    Click on Edit.
    Now follow steps 1, 2, 3. Also make sure you write FEATURED in capital letters.
    RIGHT SLIDER POST
    You can see the posts on the right of slider in the below image.
    To set these posts goto Layout section, click on the edit and set any label name that you have used in the posts as shown in below images.
    This is the label which I have used in some of my posts see the image below:


4. FIND ON FACEBOOK

To add your facebook page in sidebar, you can just go the layout section and click on edit and change the url with your page's url.



The code is given below: 

<div class='fb-like-box' data-colorscheme='light' data-header='true' data-height='258' data-href='https://www.facebook.com/oddthemes' data-show-border='true' data-show-faces='true' data-stream='false' data-width='250' style='padding: 0 0 20px 0;'/></div>



Enjoy the template :)