# Flex Blogger Template

# The Main Features Of Flex

- Nice and Clean Design
- Responsive Theme Layout
- Elegant look
- SEO Optimized
- Fast loading Theme
- Responsive Navigation Menu
- Page navigation Widget
- Customized heading tags (H1 to H6)

# Edit Menu:

Go to Blogger.com > Your Blog > Template > Edit HTML and find the following code:

    <div id='navigation'>
                <nav>
                    <ul id='resnav'>
                      <li><a class='nav_link' href='/' id='nav_current' title='Home'>Home</a></li>
                      <li><a class='nav_link' href='http://flex-templateclue.blogspot.com/p/simple-page.html' title='Archive'>Page</a></li>
                      <li><a class='nav_link' href='/' title='Contact'>Contact</a></li>
                    </ul>
                </nav>

Now change all of the links with your own.

# Edit Admin Image

Go to Blogger.com > Your Blog > Template > Edit HTML and find "<!-- Icon Image can be modified -->"

     <div id='icon_wrap'>

        <!-- Icon Image can be modified in #Icon CSS Rule -->
      <img id='icon' src='http://4.bp.blogspot.com/-z5kbk6UmfqY/VFmeejZeJrI/AAAAAAAAANQ/d8jw3D3u6Pk/s1600/Daksh.jpg'/>

    </div>

Now Replace the Image Source with your own.

# Edit Second Menu

Go to Blogger.com > Your Blog > Template > Edit HTML and find "<div class="categories">"

     <div class="categories">
        <nav>
            <ul>
                <li><a href="#" class="categories_link" title="Home">Home</a></li>
                <li><a href="#" class="categories_link" title="Photography">Photography</a></li>
                <li><a href="#" class="categories_link" title="Videos">Videos</a></li>
                <li><a href="#" class="categories_link" title="Travel">Travel</a></li>
                <li><a href="#" class="categories_link" title="Food">Food</a></li>
                <li><a href="#" class="categories_link" title="Culture">Culture</a></li>
                <li><a href="#" class="categories_link" title="Music">Music</a></li>
                <li><a href="#" class="categories_link" title="Technology">Technology</a></li>
                <li><a href="#" class="categories_link" title="Health">Health</a></li>
                <li><a href="#" class="categories_link" title="Movies">Movies</a></li>
                <li><a href="#" class="categories_link" title="Fashion">Fashion</a></li>
            </ul>
        </nav>
    </div>

Now Replace all the links with your own.

# Add Buttons

1. In the Post section, click on edit post or create a new post
2. Click on HTML
3. A code is written above use that code to display that Button link

    <a class="btn" href="Your Link" target="_blank">Your Text Here</a></div>

4. Save your Post and check.

# Edit Social Buttons

    <div id='social_media'>

            <ul>
                <li><a class='facebook' href='#'><i class='fa fa-facebook fa-lg'/></a></li>
                <li><a class='twitter' href='#'><i class='fa fa-twitter fa-lg'/></a></li>
                <li><a class='google_plus' href='#'><i class='fa fa-google-plus fa-lg'/></a></li>
                <li><a class='linkedin' href='#'><i class='fa fa-linkedin fa-lg'/></a></li>
                <li><a class='dribbble' href='#'><i class='fa fa-dribbble fa-lg'/></a></li>
                <li><a class='instagram' href='#'><i class='fa fa-instagram fa-lg'/></a></li>
                <li><a class='youtube' href='#'><i class='fa fa-youtube-play fa-lg'/></a></li>
                <li><a class='pinterest' href='#'><i class='fa fa-pinterest fa-lg'/></a></li>
            </ul>

        </div>

# Post section

Note:- Use High Resolution Image Like In This Image.
Copyright © 2014. Templateclue