Altis Blogger Template” Documentation by “Odd Themes” v1.0

Created: 23/06/2014
By: Odd Themes
Email: oddthemes@gmail.com Website: www.OddThemes.com

Thank you for purchasing our template. If you have any questions that are beyond the scope of this help file, please feel free to email via our user page contact form here. Thanks so much!

Table of Contents

  1. Installation
  2. Add Social Links on Top Left
  3. Upload Logo
  4. Add Pages Top Right
  5. Setting up the menu
  6. Top Slide Grid
  7. Catch on Facebook
  8. Sidebar Ads
  9. Ads Below Post
  10. 3 Column Footer Widgets
  11. Credits To

  1. Installation - top

    2. You Follow These Steps To Upload Your Blogger Template To Blogger Platform. First Login to your Blogger DashBoard by Using Your Google Username And Password.

    Then follow these steps:

    1. On Blogger Dashboard Click Template.

    2. Click on Customize Mobile Template on right side, now check the radio button for NO.

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

    4. Click on Choose File ( Browse..) button. Find the “template.xml” file location.

    5. Then Click Upload.

    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='socio'><a href='#'><i class='fa fa-facebook'/></a><a href='#'><i class='fa fa-twitter'/></a><a href='#'><i class='fa fa-google-plus'/></a><a href='#'><i class='fa fa-youtube'/></a><a href='#'><i class='fa fa-rss'/></a></div>

    4. Change # with yours Social URL link

    Goto Edit Template > search for the below code

    <a href='/'><img src='http://1.bp.blogspot.com/-hfAEU3o_euM/U_RhZ7pd8DI/AAAAAAAAAxw/y5uGgDWppZo/s1600/trans_logo.png' style='     float: left;     width: 177px;     margin-top: 9px;     height: 30px;                                                                                                                                                  margin-right: 55px;'/></a>

    Now replace the image url with your logo url.


  2. Add Pages Top Right - top

    3. You Can See that the Header area have Pages Links. To place your Pages, 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 :

      <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>
    4. Change # with yours URL link and text with your text.

  3. Top Slide Grid - top

    You Can See the Slide Grid on top of the content in the website. To place your content you can change the label from the layout area:

  4. Catch On Facebook - top

    To add your facebook page code to the sidebar goto layout click on edit, refer to the image. 

    <div id="fb-root"></div> 
<script>(function(d, s, id) { 
  var js, fjs = d.getElementsByTagName(s)[0]; 
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id; 
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; 
  fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 
<div class="fb-like-box" data-href="https://www.facebook.com/oddthemes" data-width="300" data-height="250" data-show-faces="true" data-stream="false" data-show-border="true" data-header="false" colorscheme="light"></div>

    Change your url of facebook and save the widget.

  5. Sidebar Ads - top

    To add your ads code to the sidebar, you can just go the layout section and click on edit and paste your sidebar ads code, refer to the image.

  6. Ads Below Post - top

    To add your ads below the posts, you can just go the layout section and click on edit and paste your sidebar ads code, refer to the image.

  7. 3 column Footer widgets - top To edit the below widget on the website you must... Goto layout click on edit and paste the text as shown below: Paste your logo image url as shown in image below: The code is provided below: 
    <a href="/"><img src="http://1.bp.blogspot.com/-hfAEU3o_euM/U_RhZ7pd8DI/AAAAAAAAAxw/y5uGgDWppZo/s1600/trans_logo.png" style=" 
    width: 90%;margin-left:4px; 
"/></a> 

<style> 
div#HTML4.widget.HTML img:hover{ 
-webkit-transform: scale(1.1); 
-moz-transform: scale(1.1); 
-o-transform: scale(1.1); 
-ms-transform: scale(1.1); 
transform: scale(1.1); 
transition:0.5s; 
}</style>
    To edit the below widget on the website you must... Goto layout click on edit and paste the text as shown below: To edit the below widget on the website you must... Goto layout click on edit and paste the text as shown below: To edit the below widget on the website you must... Goto layout click on edit and paste the text as shown below: The code is : 
    <div> 
<p><strong>Some Example Company Ltd. </strong></p> 

<p>Head Office: Number 18, 12345 Street name, California, USA </p>

<ul class="contact"><li><i class="fa fa-skype">&nbsp;</i>Skype: Some support</li> 
    <li><i class="fa fa-phone">&nbsp;</i>Home phone: (+000) 0000 456 789</li>
    <li><i class="fa fa-mobile">&nbsp;</i>Mobile: (+000) 0000 456 789</li>
    <li><i class="fa fa-envelope-o">&nbsp;</i>Email: <a href="mailto:something@gmail.com">something@gmail.com</a></li> 
</ul></div>

    Now you are good to go.

  8. Credits To - top

    Fonts/Icons: Font Awesome
    Special credits: God [ For Giving Me Strength ]

     

    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.

    Ceyron Louis At OddThemes.com

    Go To Table of Contents