2013

MXfluity Responsive Blogger Template

Posted by Bhavika On Monday, June 10, 2013 0 comments

MXfluity is a 2 column responsive blogger template with a grid layout. The theme comes with right or left sidebar option, related posts, emoticons in comments section, SEO optimized and its IE 9 compatible.

To configure the menu bar, go to Edit Html and search for this code -

<ul id='navinti'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Archive</a></li>
<li><a href='#'>Comments</a></li>
<li class='dgnsub'><a href='#'>With Sub Menu</a>
<ul class='sub-menu hidden'>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>
</ul>

Replace '#' with category links, add sub-categories under 'sub-menu', change the categories and save the changes. The sidebar shows your Recent comments, labels, blogroll, popular posts in a expandable form. You need to configure the Recent comments widget, enter the code below in an HTML widget -

<div id="rcentcomnets"></div>
<script type='text/javascript'>
//<![CDATA[
RecentComment({
numComments:5,
avatarSize:50,
characters:100,
adminBlog:""
});
//]]>
</script>

The template also displays related posts below each article and page navigation to view the next and previous posts.

Download MXfluity Responsive Blogger Template

Pinfinity

Posted by Bhavika On Thursday, April 25, 2013 0 comments

Looking for template like Pinterest, take a look at Pinfinity, a worpdress theme converted to blogger. It has a clean layout, dropdown menu, social sharing widget and search box.

Configure the dropdown menu from Edit Html, search for this code -

<li class='current_page_item'><a href='#'>Home</a></li>
<li><a href='#'>Page Template</a></li>
<li><a href='#'>Double Width Page</a></li>
<li><a href='#'>Post Formats</a>
<ul>
<li><a href='#'>Standard Format</a></li>
<li><a href='#'>Image Format</a></li>
<li><a href='#'>Gallery Format</a></li>
<li><a href='#'>Video Format</a></li>
<li><a href='#'>Audio Format</a></li>
<li><a href='#'>Quote Format</a></li>
</ul>
</li>
<li><a href='#'>Contact</a></li>
</ul>

Add sub-sections under default 'Post formats', replace '#' with menu item links and save the changes. Each image on the home page includes a comment icon and like button, and the template turns into a single column when you enter the post.

The social sharing icons are placed in the header which you need to modify. Look for this code and add your account links -

<aside class='widget group widget_ci_social_widget'>
<a class='icn twitter' href='https://twitter.com'>Twitter</a>
<a class='icn facebook' href='http://www.facebook.com'>Facebook</a>
<a class='icn pinterest' href='http://pinterest.com'>Pinterest</a>
<a class='icn youtube' href='http://www.youtube.com'>Youtube</a>
</aside>

Download Pinfinity Blogger Template

Rocket

Posted by Bhavika On Monday, April 22, 2013 0 comments

Rocket is a 3 column magazine theme with interesting features - vertical menu bar with drop-down, featured content slider, social media widget and page navigation widget.

To configure the featured slider, search for the below code in Edit Html -

<section class='slider-wrapper'>
<h2 class='widget-title'>Feature news</h2>
<div class='flexslider' id='home-slider'>
<ul class='slides'>
<li>
<article>
<div class='kp-view'>
<img alt='' src='https://lh6.googleusercontent.com/-Pe2X-_i8ksI/UWZl5H0rHNI/AAAAAAAAFXY/OSFmePT_H7c/s848/slide-1.jpg'/>
<a class='kp-mask' href='#'/>
</div>
<div class='flex-caption'>
<h1><a href='#'>Eight Important Factors of Good Web Typography</a></h1>
</div>
</article>
</li>
<li>
<article>
<div class='kp-view'>
<img alt='' src='https://lh5.googleusercontent.com/-45_wEaSwgOI/UWZl5OhsGjI/AAAAAAAAFXc/s3CD4aRf9P0/s848/slide-2.jpg'/>
<a class='kp-mask' href='#'/>
</div>
<div class='flex-caption'>
<h1><a href='#'>We provide awesome Blogger themes</a></h1>
</div>
</article>

Keep the slider images 848px × 412px and change the image urls (marked in bold), replace '#' with the post links, and change the default post titles. The main column shows post snippets and within each post is an author information box and a neat comment system.

This template has a static menu bar on the left. To modify the links, go to Edit Html and search for this code -

<span class='menu-icon'>Menu</span>
<ul id='main-menu'>
<li class='current-menu-item'><a href='index.html'>Home</a></li>
<li><a href='#'>Features</a>
<ul>
<li><a href='#'>Categories page</a></li>
<li><a href='#'>Single page</a></li>
<li><a href='#'>Search page</a></li>
<li><a href='#'>Element page</a></li>
<li><a href='#'>Typography page</a></li>
<li><a href='#'>404 page</a></li>
<li><a href='#'>Contact page</a></li>
</ul>
</li>
<li><a href='#'>Categories</a></li>
<li><a href='#'>Single</a></li>
<li><a href='#'>Search</a></li>
<li><a href='#'>Element</a></li>
<li><a href='#'>Typography</a></li>
<li><a href='#'>404</a></li>
<li><a href='#'>Contact</a></li>
</ul>
<div class='divider-menu'><span/></div>
</nav>
<div class='clear'/>

Replace '#' with category or page links, add sub-sections under 'Features' and save the changes. The right sidebar includes search box, social sharing icons, popular posts and labels widget.

You also need to configure page navigation widget, go to Edit Html and find the below code, change the numbers, the first one is for 'Number of posts in each page' and the second one is for 'Number of buttons will display.'

<script type='text/javascript'>//<![CDATA[
var posts=6,
num=2,

Download Rocket Blogger Theme

Sunrise

Posted by Bhavika On Wednesday, March 06, 2013 0 comments

Sunrise is a 3 column template with featured content slider, vibrant color scheme, dropdown menu, right sidebar and 3 column footer.

Lets begin with the dropdown menu, go to Edit Html and look for this code -

<div class='content'>
<ul class='sf-menu' id='superfish-1'>
<li><a href='#'>Events</a></li>
<li><a href='#'>Artists</a></li>
<li><a href='#'>About us</a></li>
<li><a href='#'>Gallery</a>
<ul>
<li><a href='#'>Gallery 1 col</a></li>
<li><a href='#'>Gallery 2 cols</a></li>
<li><a href='#'>Gallery 3 cols</a>
</li>
</ul>
</li>
<li><a href='#'>Our blog</a></li>
<li><a href='#'>Contact</a></li>
<div class='clear'/>
</ul>
</div>

Replace '#' with your category links, change the default categories or labels, you can also add sub-categories under the default 'Gallery', and save the changes. Next is the featured slider, in Edit Html search for this code -

<div class='field-content'><a href='#'><img src='https://lh6.googleusercontent.com/-u_ci4RmWr_E/UMPhhTJJ30I/AAAAAAAAEvE/ryNkmgGJhC0/s340/1.jpg'/></a></div></div>
<div class='views-field views-field-nothing'><span class='field-content'><div class='jcarousel_bg'>
<div class='jcarousel_indent'>
<div class='views-field-title'>Aenean sodales dapibus.</div>
<div class='clearfix'>
<div class='button'><a href='#'>more</a></div>
</div>

Replace '#' with post link, change the image url, add the post title (marked in bold), and follow the same steps for subsequent slides, in each slide there is also a 'More' link to read the entire post. This theme also includes a neat comment form. In case you want to remove or change the word 'Announcements' above the slider, look for this line in Edit Html -
<h2>Announcements</h2>
Similarly, if you want to remove or change the text 'Upcoming Events' in the main column, look for this code -

<h2>Upcoming events</h2>

Download Sunrise template

Sumatera Photo Blog Template

Posted by Bhavika On Tuesday, February 05, 2013 0 comments

Sumatera is a 2 column photography blogger template created by Urang Kurai. Its a simple template with minimalist features and a unique way of displaying photos.

The vertical menu bar appears in the left hand sidebar along with the category blogger widget. While the latest posts show up in suspended frames, similar style to Pinterest, and it also has nice hover on effects. Post pages come with social media sharing icons and the in-built commenting system is also very neat.

This template doesn't include a footer column, so there is limited space to display more content.

Download Sumetra Blogger Template

Blogger Blog Templates

Free blogger templates for your blogspot blog...

Blogger Store

Lightroom Photo Blog Template

Magpress

Sens

Pop Out Social Bookmarking Widget

MXfluity Responsive Blogger Template

Pinfinity

Rocket

Sunrise

Sumatera Photo Blog Template

Archive

Recent Templates

Recent Comments

Video Guides