OddThemes Blog
  • Home
  • Blogger Templates
  • Trending
  • Contact
OddThemes Blog
  • Home
  • Blogger Templates
  • Trending
  • Contact
Blogger, Blogger Template, Designing, Documentation, Personal Template,

Legenda Blogger Template Documentation

by OddThemesJune 6, 201716 comments
3
Shares
Share on FacebookShare on Twitter
legenda blogger template

Welcome to the Documentation of Legenda Personal Blogger Template, below are the steps that will help you to configure and setup our Legenda Blogger Template.

If you are finding any difficulties configuring the template then you can go ahead and purchase our Hassle Free Template + Installation Package from here and our team will setup the blogger template for you:

Purchase Template + Installation

1. Installing the template

  1. Unzip the Featured.zip file.
  2. On Blogger Dashboard Click Template.
  3. Click on Download Full Template to keep your old blogger template as a backup just in case.
  4. Click Browse… button. Find the location of “Featured Template.xml” select it.
  5. Then Click Upload.

install-blogger-template

 

mobile-responsive

2. Blogger Setting

After installing the theme, there are minimum settings to make all widgets work fine in this blogger template.

  1. On Blogger Dashboard Click Settings.
  2. Click Other.
  3. In Site Feed > Allow Blog Feed Choose Full.
  4. Then Click Save settings.

feed-full

 

3. Main Blogger Setting

  1. On Blogger Dashboard Click Layout.
  2. Click Edit on Blog Posts Widget.
  3. Change it to look like that image.
  4. Click Save

blog widget

 

 

4. Setup Main Menu

Access your blog Layout > click Edit link on Main Menu bar and paste this code below in the content area and edit the # with your links and text with whatever you want on your Menu bar.

<ul class='topmenu1' id='masthead'>
<li><a href='/'>Home</a></li>
<li><a href='#'>Download</a>
<ul>
<li><a href='#'>Link Url</a>
<ul>
<li><a href='#'>Example Menu</a>
</li>
<li><a href='#'>Example Menu 1</a></li>
</ul>
</li>
<li><a href='#'>Premium Version</a></li>
<li><a href='#'>Free Version</a></li>
<li><a href='#'>Downloadable</a></li>
</ul>
</li>
<li><a href='#'>Social</a>
</li>
<li><a href='#'>Features</a>
</li>
<li><a href='#'>Travel</a></li>
<li><a href='#'>Contact Us</a></li>
</ul>

5. Top Grid

Access your blog Layout > click Edit link on Looped Slider widget

You can enter the Label of the posts in the content area so that the posts of that Label gets to be shown in the Slider.

 

 

Screenshot at Aug 03 00-50-54

 

Now enter single label as shown in the below image. Make sure you have entered the label correctly as Labels are case-sensitive.

label

 

Enter the label that you’ve used in the posts as shown below:

post

 

6. Category Boxes

Access your blog Layout > click Edit link on Topcat widget

You can enter the Label in the content area so that the categories gets to be shown in the category boxes.

responsive blogger template

 

Now enter single label as shown in the below image. Make sure you have entered the label correctly as Labels are case-sensitive.

label

Enter the label that you’ve used in the posts as shown below:

post

 

 

7. About the author

Access your blog Layout > click Edit link on Sidebar widget

author
In Configure window, input your Title and in content area just write the following code and replace the image by your image url and text with your author text. And click Save button to finish.

<div class="about-me"><div class="images">

<img src="http://2.bp.blogspot.com/-l920kBbuoDc/WSluCYnFBKI/AAAAAAAAGZ4/bdeVXi0830godDvzjO5tshsSDNdOG1K9wCK4B/s1600/woman-1209862_960_720.jpg"/>

</div>

<h4 class="text-uppercase fs-14">
Photographer
</h4>

<p>
Full time Fashion Designer, Photographer and Blogger. Fly third blessed dry fifth dominion two called their for which in dry unto winged great saw.
</p>


<div class="social-share">
<a class="author-social" href="#" target="_blank"><i class="fa fa-facebook"></i></a> 
<a class="author-social" href="#" target="_blank"><i class="fa fa-twitter"></i></a> <a class="author-social" href="#" target="_blank"><i class="fa fa-instagram"></i></a> 
<a class="author-social" href="#" target="_blank"><i class="fa fa-pinterest"></i></a> 
<a class="author-social" href="#" target="_blank"><i class="fa fa-heart"></i></a> </div>

</div>

 

 

8. Instagram on Footer

Access your blog Layout > click Edit link on Footer Instagram widget

1. Go to Blogger Dashboard > Layout > Instagram widget > click on edit button > Edit Html
2. Now copy the below mention code and paste into widget.

<div id='instafeed'/></div>
<script type='text/javascript'>//<![CDATA[
var feed = new Instafeed({
 get: 'user',
 userId: 1553982550,
 limit:6,
 sortBy:'random',
accessToken: '1553982550.1677ed0.c4f6385f8dd740fd83c34ba9fa17e554',
template: '<li><a href="{{link}}" target="_blank"><img src="{{image}}" /><div class="instaover"><div style="display: table; vertical-align: middle; height: 100%; width: 100%;"><span style="display: table-cell; vertical-align: middle; height: 100%; width: 100%;"><i class="fa fa-search"></i></span></div></div></a></li>',
 resolution: 'standard_resolution'
 });
 feed.run();
//]]></script>

Generate your Instagram Access token by clicking on button from  Generate Instagram Access Token

token

 

Now enter the access token here in Layout of the blogger template:

 

accesstoken

ALSO CHANGE THE USERID with yours to show your INSTAGRAM PHOTOS.

instagram

 

9. Blog Main Color Change

Access your blog Template > click Customize as shown in below Image:

infinite

Then goto ADVANCED and select any color you want for the whole website.

Then goto ADVANCED and select any color you want for the whole website.

10. Blog Font Change

Access your blog Template > click Customize as shown in above Image in 9th point:

Then goto ADVANCED and select any color you want for the whole website.

Then change the fonts whatever you like, but if it is a web font then you’ll have to include the font file in the blogger template first in order to make the font work.

 

 

Read more here about the features of the template: Personal Blogger Template

Purchase this template from here: Legenda Blogger Template
Follow my blog with Bloglovin

Blogger TemplateDocumentationFreebiesHow toInstructions
Previous

Our Designers Reveal Their Favorite Blogger Templates

May 16, 2017
Next

9 Web Design Tips for a Successful Business

June 14, 2017
  • Merdi Tamparong

    I cannot read more a post. Is there a solution for this?

    • OddThemes

      Please share your blog url so that we can see the problem.

      • @Da Lua Lia

        I deal with the same issue. My blogs url is https://invivolia.blogspot.gr. Can you help me please? I bought the template today…

        • OddThemes

          What is the problem? Please explain.

          • @Da Lua Lia

            Continue Reading link isn’t shown.

          • OddThemes

            Continue reading button is not there in the live demo also. This theme doesn’t have the continue reading link. You have to click the post title to read the post.

          • @Da Lua Lia

            And also i can not make Disqus work, it just disapeared and i can’t make it shown again 🙁

          • OddThemes

            Please contact us at oddthemes@gmail.com.

          • @Da Lua Lia

            Oh! ok! Thank you!

  • Winniesstyle

    tHANKS FOR THIS THEME. vERY HELPFUL AND EASY TO CUSTOMIZE. INSTRUCTION ARE QUITE CLEARLY STATED. tHANKS AGAIN

    • OddThemes

      Thanks for your valuable comment.

  • Damion Schweizer

    What is the proper size of the heading image can’t seem to get it right. Looks fuzz on the screen not big enough

    • Damion Schweizer

      Nm figured it out.

  • Karolina S.

    Hi! I have a problem with category boxes. I really double-checked all the labels and have written them correctly and yet I cannot obtain these three category boxes on my blog. Is that because I don’t have the premium version of this template?

  • umum eris

    Hai, i just purchased this template, but i’m not found how to scale the line height.

    • OddThemes

      Hello @umumeris:disqus, thanks for the purchase. We’re replying to your issues via mail. Thanks for dropping us email.

Trending

  • Kinsley Minimal Blogger Theme Documentation

    Kinsley Minimal Blogger Theme Documentation

    1 month ago
  • Is it really possible to create a website without hiring a programmer or a web agency?

    Is it really possible to create a website without hiring a programmer or a web agency?

    2 months ago
  • 5 Digital Marketing Hacks For Growing Small Businesses

    5 Digital Marketing Hacks For Growing Small Businesses

    5 months ago
  • 6 Business Needs You Must Maintain to Grow During a Crisis

    6 Business Needs You Must Maintain to Grow During a Crisis

    5 months ago
  • Benefits of Hiring Software Developers Remotely

    Benefits of Hiring Software Developers Remotely

    7 months ago

Categories

  • Blogger (29)
  • Blogger Template (37)
  • Designing (19)
  • Documentation (26)
  • Entertainment (3)
  • Facts (3)
  • Fonts (1)
  • Freebies (4)
  • News (9)
  • Personal Template (7)
  • Photography Template (1)
  • SEO (3)
  • Web Design (36)
  • Wordpress (4)

Instagram

Instagram did not return a 200.

Social Media

  • Home
  • Blogger Templates
  • Trending
  • Contact

© 2018 Blog OddThemes. All rights reserved.