Frontier Blogger Template

Frontier Blogger Theme

Frontier is a fully responsive, multi-purpose, elegant looking, HTML5/CSS3 Blogger theme. This theme's responsive design makes it compatible with a wide variety of devices and screen resolutions. Frontier Blogger template has a right sidebar, 3 columns footer widgets section, related posts with thumbnails, social buttons, 2 navigation menus, auto post summaries on homepage, web fonts and more.

How To Add Links to Top Navigation Menu

Top Menu - Frontier Blogger Template Go to "Layout". Click on "Edit" link of "Edit This Menu" widget. Now add your links to that link list widget. http://ift.tt/13UtHsA

How To Configure Main Drop-down Menu

Primary Menu - Frontier Blogger Template Find this in "Edit HTML":
<ul class='nav-mainnbt' id='menu-nbt-menu'>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>Business</a>
<ul class='sub-menu'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>

...

</ul>
Replace "#" marks with real URLs and change anchor texts as you like.

How To Configure Featured Content Slider:

Slider - Frontier Blogger Template There are 5 slides in the slider. You can add or remove more slides if you want. This is the code for the first slide:
<!-- slide 1 code start -->
<li>
        <a href='ENTER_SLIDE_1_LINK_HERE'>
                <img class='slider-element' src='http://ift.tt/1PZ3WwP'/>
                <h4 class='slider-element'>Enter Slide 1 Title Here</h4>
                <p class='slider-element'>This is slide 1 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by NewBloggerThemes.com...</p>
        </a>
</li>
<!-- slide 1 code end -->
Now replace, "ENTER_SLIDE_1_LINK_HERE"s with your real slide link, "Enter Slide 1 Title Here" with your real slide title, "This is slide 1 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by NewBloggerThemes.com..." with your real slide description, "http://ift.tt/1PZ3WwP" with your slide image URL. Follow the same procedure to configure other 4 slides.

How To Configure Social Buttons

Social Buttons - Frontier Blogger Template Find this in "Edit HTML":
<div class='widget social-buttonsnbt'>
        <a href='http://ift.tt/kC2wBs' rel='nofollow' target='_blank' title='Google Plus'><i class='fa fa-google-plus'/></a>
        <a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'><i class='fa fa-twitter'/></a>
        <a href='http://ift.tt/g8FRpY' rel='nofollow' target='_blank' title='Facebook'><i class='fa fa-facebook'/></a>
        <a href='http://ift.tt/iMnaLP' rel='nofollow' target='_blank' title='Linkedin'><i class='fa fa-linkedin'/></a>
        <a href='http://ift.tt/1kwsCwF' rel='nofollow' target='_blank' title='Instagram'><i class='fa fa-instagram'/></a>
        <a href='https://www.youtube.com/' rel='nofollow' target='_blank' title='Youtube'><i class='fa fa-youtube'/></a>
        <a href='http://ift.tt/nAnZ67' rel='nofollow' target='_blank' title='Pinterest'><i class='fa fa-pinterest'/></a>
        <a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' target='_blank' title='RSS'><i class='fa fa-rss'/></a>
</div>
Add your own social links replacing default social profile URLs.

Frontier Blogger Template Responsive View

Responsive View - Frontier Blogger Template

from New Blogger Themes | Professional Blogspot Templates
via : newbloggerthemes.com
Thanks for reading Frontier Blogger Template

« Previous
« Prev Post
Next »
Next Post »

1 comentarios:

  1. I appreciate the effort of the blogger. I have one small question which is related to html5. If you could help me out then it would be really helpful. How is the page structure in html5 is different from html4?
    html5 training in chennai|html5 course in chennai

    ResponderEliminar

Popular Posts