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

Created: 23/05/2014
By: Odd Themes
Email: oddthemes@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 via my user page contact form here. Thanks so much!

Table of Contents

  1. Installation
  2. Add Social Links
  3. Upload Logo
  4. Setting up the menu
  5. Find on Facebook
  6. Social Footer
  7. Credits

  1. Installation - top

    2. Now you have Hellya Blogger Template. You Can 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 “hellya.xml” file location.

    5. Then Click Upload.

    You Can See that Header left side area have Social Icons Collection. To Edit Social Icon 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 :

    <ul class="nav  site-header__menu"> 
<li> 
<a class="social-icon" href="http://www.facebook.com/#" target="_blank"> 
<i class="fa fa-facebook" style="width: 1em;margin-right: .2em;margin-left: .2em;"></i> 
</a></li><li> 
<a class="social-icon" href="http://dribbble.com/#" target="_blank"> 
<i class="fa fa-dribbble" style="width: 1em;margin-right: .2em;margin-left: .2em;"></i> 
</a></li><li> 
<a class="social-icon" href="http://twitter.com/#" target="_blank"> 
<i class="fa fa-twitter" style="width: 1em;margin-right: .2em;margin-left: .2em;"></i> 
</a> 
</li> 
</ul>

    4. Change # with yours Social URL link

    Access your blog Template > click Edit Html on Blogger

    Find this code: 
    <img alt="Hellya" rel="logo" src="http://4.bp.blogspot.com/-EbUHwYzLkZQ/U00Fb0fkHFI/AAAAAAAAA_k/elvX7sJEfU0/s1600/cooltext1521933831.png">
    Replace the URL with your Logo Url.

    To Edit Menu in this theme you can follow these steps:

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

      <div id="menu-container"> 
<font face="serif"><nav id="neat-menu"> 
<ul> 
<li class="active"><a href="/">HOME</a></li> 
<li><a href="#">+ DROPDOWN</a> 
<ul> 
<li><a href="#">Menu element 1</a></li> 
<li><a href="#">Menu element 2</a></li> 
<li><a href="#">Menu element 3</a></li> 
<li><a href="#">Menu element 4</a></li> 
<li><a href="#">Menu element 5</a></li> 
</ul> 
</li> 
<li><a href="#">+ DROPDOWN</a> 
<ul> 
<li><a href="#">Menu element 1</a></li> 
<li><a href="#">Menu element 2</a></li> 
<li><a href="#">Menu element 3</a></li> 
<li><a href="#">Menu element 4</a></li> 
<li><a href="#">Menu element 5</a></li> 
</ul> 
</li> 
<li><a href="#">+ DROPDOWN</a> 
<ul> 
<li><a href="#">Menu element 1</a></li> 
<li><a href="#">Menu element 2</a></li> 
<li><a href="#">Menu element 3</a></li> 
<li><a href="#">Menu element 4</a></li> 
<li><a href="#">Menu element 5</a></li> 
</ul> 
</li> 
<li><a href="#">SINGLE MENU</a></li>
<li><a href="#">SINGLE MENU</a></li>
<li><a href="#">+ DROPDOWN</a> 
<ul> 
<li><a href="#">Menu element 1</a></li> 
<li><a href="#">Menu element 2</a></li> 
<li><a href="#">Menu element 3</a></li> 
<li><a href="#">Menu element 4</a></li> 
<li><a href="#">Menu element 5</a></li> 
</ul> 
</li> 
</ul> 
</nav></font> 
</div>
    4. Change # with yours URL link.

    E) Find On Facebook - top Goto Blogger Layout as shown in the figure:

    Then click on Html/Javascript and replace your facebook page code from the already entered one.



    F) Social Footer - top Goto Blogger Template, Edit HTML Find the below code and replace # with your social URL. 

    <div class="footer23-social"> 
<span class="social-item"><a href="http://facebook.com/oddthemes"><i class="fa fa-facebook round-icon"></i> Facebook</a></span> 
<span class="social-item"><a href="http://twitter.com/oddthemes"><i class="fa fa-twitter round-icon"></i> Twitter</a></span> 
<span class="social-item"><a href="http://plus.google.com/"><i class="fa fa-google-plus round-icon"></i> Google Plus</a></span> 
<span class="social-item"><a href="http://instagram.com/#"><i class="fa fa-instagram round-icon"></i> Instagram</a></span> 
<span class="social-item"><a href="http://pinterest.com/"><i class="fa fa-pinterest round-icon"></i> Pinterest</a></span> 
<span class="social-item"><a href="http://.tumblr.com"><i class="fa fa-tumblr round-icon"></i> Tumblr</a></span> 
<span class="social-item"><a href="#"><i class="fa fa-rss round-icon"></i> RSS</a></span> 
</div>


    G) Credits To - top Icons - Font Awesome

     

    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.

    Odd Themes

    Go To Table of Contents