Frontpage Magazine

Download Preview

About Theme

Theme Name : Frontpage

Platform : Blogger/Blogspot

Author : http://www.templatetrackers.com

License : Creative Commons Attribution 3.0

Frontpage Magazine is very flexible theme designed for sites like magazine, news, personal blogs etc. Along with the flexibility it is a special theme of it's own kind because it is has a simple minimal look, and beside it's look it's working is just like an advanced CMS as it is enabled with the robust features that you will need for the sites like magazine and news.

Theme Features

Magazine Style Template

Frontpage is a magazine style blogger template with a minimal look.

Font Awesome Installed

Template is installed with font awesome icons.

Recent Posts Slider

Recent posts slider will keep your visitors engages in your site.

Recent Posts Widget
Using javascript function this widget fetches out the recent posts of your blog.

Drag & Drop Layout

You can customize the design of template by using drag and drop feature. Also add and remove widgets as per your choice.

Powered by jQuery and CSS3

jQuery and CSS3 gives a dynamic feel to this template.

Guide For Geeks

Guide #1 Customize Recent Posts Widget?

Before customization download this blogger template and install it successfully on your blog. After installation open Blogger Dashboard >> Template >> Html Editor and search for below given code. After you find the code replace the default label name viz General, Relationships with the label name of your blog's posts. By changing the number of numposts you can alter num of posts shown in recent post widget after making the changes save the template and you're done.

numposts1=16;
numposts2=7;
numposts3=4;

side_cat1 = 'General';
side_cat2 = 'Relationships';

Guide #2 Customize Slider
Press Ctrl+F and search for below given codes in your blog. After finding the Slider Section edit the html of slider. Replace the image url, post url and description and then save the template.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='flex-container'>
<div class='flexslider' id='slider'>
<ul class='slides'>
<li data-thumb='--image url here-->
<a href='--post url here--'>
<img alt='chinese-sticks-lime-lemon-green-600x800' class='attachment-slider wp-post-image' height='320' src='--image url here--' title='' width='660'/>
.
.
</a>
</li>

.
.
.
.
</ul>
</div>
</div>
</b:if>

Guide #3 Customize Menu-bar
Press Ctrl+F and search for the menu-bar section, after finding the section replace # with your blog urls.

<div id='menuwrap'>
<div id='menuwrapper'>
<ul id='menubar'>
<li><a href='#'><i class='icon-home'/>Home</a>
.
.
.
</ul>
</div>
</div>