Blogger Templates | Free Blogger Template: Blogger | Beauty template for you

Latest Templates

Showing posts with label Blogger. Show all posts

Showing posts with label Blogger. Show all posts

Bloom Blogger Template

Jan 21, 2013

TEMPLATE FEATURES

Template name : Bloom

Template features : Wordpress Look, 3 Columns, Right Sidebar, Magazine, Elegant, Featured Content Slider, Fixed Width, Gray Background, Top Navigation Menu, Page Navigation.

Release date : May 2012

Designer : www.wpnow.com

Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

<div id='mygallery'>
 <div class='imageElement'><h2>Was "Free Willy" Better Off in Captivity?</h2><p/>
 <a class='open' href='#' title='Read More'/>
 <img class='full' src='/image.jpg'/>
 <img class='thumbnail'/></div>
 ..........

Now replace:

"#" with your featured post URL.
"image.jpg" with your slider image.

Configure Dropdown Menu:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

<ul class='wpn_menu' id='menu'>
 <li><a href='#'>Home</a></li>
 <li><a href='#'>Get in Touch</a></li>
 ..........
<ul class='wpn_submenu' id='submenu'>
 <li><a href='#'>Culture + Celebrity</a></li>
 <li><a href='#'>Fashion + Beauty</a></li>
 ..........

Just replace "#" with your menu item URL.

Configure Page Navigation Widget:

search for:

var posts=6, // Number of posts in each page
    num=2, // Number of buttons will display

Inspiration Blogger Template

TEMPLATE FEATURES

Template name : Inspiration

Template features : Wordpress Look, 2 Columns, 3 Columns Footer, Right Sidebar, Header Banner, Featured Content Slider, Fixed Width, Gray Background, Tabbed Widget, Top Navigation Menu, Page Navigation.

Release date : July 2012

Designer : csscollector.com

Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

<ul class='kwick'>
 <li style='width:158.666666667px'>
  <a href='#'><img class='attachment-slider_accordion' height='392' src='/image.jpg' width='952'/></a>
  <p class='slide_title'><b class='slider_title'>How We Do It</b></p>
 <div class='slide_caption'><b class='slider_title'>How We Do It</b><p>Lorem ipsum dolor sit amet...</p>
</div>
 </li>
 ..........

Now replace:

"#" with your featured post URL.
"image.jpg" with your slider image

Configure Dropdown Menu:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

<div id='menu'>
 <ul class='smoothmenu'>
  <li class='current-menu-item'>
  <span class='menuslide'/>
  <a href='#' title='Home'>Home<span class='menu_description'>Beginning</span></a>
   <ul>
    <li><a href='#' title='Accordion Slider'>Accordion Slider</a></li>
 ..........

Just replace "#" with your menu item URL.

How To Change Tab Names of Tab Widget:

find this:

<ul class='tab-items'>
 <li><a href='#tabs-1' title='Popular'>Popular</a></li>
 <li><a href='#tabs-2' title='Recent'>Recent</a></li>
 <li><a href='#tabs-3' title='Comments'>Comments</a></li>
</ul>

Change the names "Popular", "Recent" and "Comments" as you like.

Configure Page Navigation Widget:

search for:

var pages=4, // Number of posts in each page
    num=2, // Number of buttons will display

How to change Author Information:

search for:

<div id='bio'>
<img class='avatar' height='80' src='/avatar.gif' width='80'/>
<div class='bio_info'>
<h3>About the author</h3>
<span>admin had written...</span>
<p>Donec accumsan malesuada orcidonec...</p>
</div>

FitnessMag Blogger Template

Jan 20, 2013

TEMPLATE FEATURES div class="cleared">Template name : FitnessMag

Platform: Blogger / Blogspot

Release date : October 2012

Author : www.soratemplates.com

Designer : www.wpexplorer.com

Template features : Wordpress Look, 3 Columns, Right Sidebar, Magazine, Featured Content Slider, Fixed Width, Gray Background, Social Widget, Dropdown Menu, Header Banner, Page Navigation Widget.

Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

<div class='flexslider' id='slider'>
<ul class='slides'>
 <li class='slide'><a href='#' target='_self'><img src='.../image.jpg'/></a>
<div class='caption'>Awesome Blogging Theme! </div></li> 
 ..........

Replace:

"#" with your featured post URL.
"image.jpg" with your slider image.

Configure Dropdown Menu:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

<ul class='sfmenu' id='menu-main'>
 <li><a href='#'>Category 1</a></li>
 <li><a href='#'>Category 2</a>
  <ul class='sub-menu'>
   <li><a href='#'>This is a dropdown</a></li>
 ..........

Replace "#" with your menu item URL.

Configure Social Widget:

Search for:

<h2>Follow Us</h2>
<ul class='clearfix'>
 <li class='social-twitter'><a class='social-icon' href='#'><img src='.../twitter.png'/></a></li>
 <li class='social-facebook'><a class='social-icon' href='#'><img src='.../facebook.png'/></a></li>
 ..........

Replace "#" with your Social Account URL.

Configure Page Navigation Widget:

search for:

var posts=4, // Number of posts in each page
    num=2, // Number of buttons will display

How to change Author Section:

Find this:

<h3 class='heading-border'><span>Author</span></h3>
<div id='author-image'>
<a href='#'><img class='avatar' height='60' src='.../logo.png' width='60'/></a>
</div> 
<div id='author-bio'>
<h4>Written by <a href='#'>Admin</a></h4>
<p>Aliquam molestie ligula vitae nunc...</p>
</div>

VideoBox Blogger Template

TEMPLATE FEATURES div class="cleared">Template name : VideoBox

Platform: Blogger / Blogspot

Release date : November 2012

Author : www.soratemplates.com

Template features : Wordpress Look, 4 Columns, Right Sidebar, 4 Columns Footer, Portfolio, Featured Video Slider, Fixed Width, Wood Background, Dropdown Menu, Header Banner, Page Navigation Widget.

Basic Instructions : How to install a Blogger Template

Configure Featured Video Slider:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

<ul class='slides'>
 <li class='item'>
 <p><iframe frameborder='0' height='315' src='http://www.youtube.com/embed/Ok2VamxrYAY' width='560'/></p>
 </li>
 ..........
<ul class='thumbs pagination'>
 <li><span class='youtube-temp'/>
 <span class='hover-bg'/>
 <a class='title' href='#' rel='0'>Lorem ipsum dolor sit amet</a>
 <a class='link' href='#'/>
 </li>
 ..........

Replace:

"#" with your featured video URL.
"http://www.youtube.com/embed/Ok2VamxrYAY" with your youtube video URL.

Configure Dropdown Menu:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

<nav class='primary'>
<ul class='sf-menu' id='topnav'>
 <li><a href='#'><span class='right'>Home</span></a></li>
 <li><a href='#'><span class='right'>Portfolio</span></a>
<ul class='sub-menu'>
 <li><a href='#'><span class='right'>Portfolio 1 col</span></a></li>
 ..........

Replace "#" with your menu item URL.

Configure Page Navigation Widget:

search for:

var posts=9, // Number of posts in each page
    num=2, // Number of buttons will display

Accord Blogger Template

TEMPLATE FEATURES

Template name : Accord

Platform: Blogger / Blogspot

Release date : October 2012

Author : www.soratemplates.com

Designer : color-theme.com

Template features : Pinterest Look, 3 Columns, Right Sidebar, Fashion, Featured Post Slider, Fixed Width, Gray Background, Social Widget, Header Banner, Dropdown Menu, Page Navigation Widget.

Basic Instructions : How to install a Blogger Template

Configure Dropdown Menu:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

<div id='menu'>
<div class='menu-main-nav-container'>
 <ul class='sf-menu sf-navbar' id='menu-main-nav'>
  <li><a href='#'>Home Features</a>
  <ul class='sub-menu'>
   <li><a href='#'>Home + Sidebar</a></li>
 ..........

Replace "#" with your menu item URL.

Configure Social Widget:

Search for:

<div class='top-social-block'>
 <ul>
  <li><a class='facebook-top' href='#'/></li>
  <li><a class='twitter-top' href='#'/></li>
 </ul>
</div>

Replace "#" with your Social Account URL.

How To Change Header Banner:

find this:

<div class='banner'>
 <a href='#'><img height='60' src='/banner.jpg' width='468'/></a>
</div>

Now replace:

"#" with your banner URL.
"banner.jpg" with your banner image.

Configure Page Navigation Widget:

search for:

var posts=4, // Number of posts in each page
    num=2, // Number of buttons will display

Pingrey Blogger Template

Jan 19, 2013

TEMPLATE FEATURES

Pinfinity Blogger Template

TEMPLATE FEATURES

Descriptions:	2 column, Adapted from WordPress, Fluid width, Right Sidebar, Social Media Icon, Top Navigation Bar, White, Blue, Grey, Premium, Gallery, Personal
Instructions:	How to install a Blogger template
Template author:	MKR / http://www.ivythemes.com/
Designer:	CSSIgniter / http://cssigniter.com/

Features:

Pinfinity is a free blog template with type : 2 column, Adapted from WordPress, Blue, Fluid Width, Gallery, Gray, Personal, Premium, Responsive, Right Sidebar, Social Media Icon, Top Navigation Bar, White

RBSimple Blogger Template

TEMPLATE FEATURES
Descriptions: RBSimple is minimalist and responsive 2 columns blogger template layout with many future. It's template color black, red and white and with social media icon, right sidebar, slider post, top navigation menu, custom search result, custom lightbox, header banner, tab menu on sidebar and more.
How to install a Blogger template
Features:RBSimple is a free blog template with type : 2 column, Ads Ready, Black, Header Banner, Red, Responsive, Simple, Slider, Social Media Icon, Tabbed widget, Top Navigation Bar, White

Viper Blogger Template

Jan 16, 2013

TEMPLATE FEATURES
Template Name: Viper
Designer / URL: Fabthemes | http://www.fabthemes.com/
Published Date: December 23, 2012
Categories:1 Sidebar, 2 Columns, 4 Column Footer, Adapted from Wordpress, Elegant, Featured Section, Fixed width, Fresh, Grey, Magazine, Red, Right Sidebar, Slider, Top Navigation Bar, Web 2.0, White,

Jobpress Blogger Template

TEMPLATE FEATURES
Categories:
1 Sidebar, 2 Columns, Adapted from Wordpress, Brown, Elegant, Fixed width, Fresh, Gray, Header Banner, Magazine, Orange, Right Sidebar, Top Navigation Bar, Web 2.0, White

Ice Breaker Red Blogger Template

TEMPLATE FEATURES

More Info :

"Ice Breaker Red" is one of the template "Ice Breaker" templates collection. It is suitable for under construction blogs. It is included feedburner email subscribe widget and also RSS and Twitter buttons. This template has fast loading time and very easy to configure. Your visitors can keep updated with your site start with subscribing through Feedburner.
How Configure Twitter Button ?
Go to Design => Edit HTML
Replace "YOUR-TWIITER-USERNAME" with your Twitter username.
How Configure Feedburner Email Subscription ?
Go to Design => Edit HTML
Replace "newbthemes" with your Twitter username.

Johny Palelu Peang template blogger

Demo Template with Violet Color

Download Johny Palelu Peang with Invoice Email | Download Johny Palelu Peang with Paypal

Download Johny Pink Store with Invoice Email | Download Johny Pink Store with Paypal

TEMPLATE FEATURES

This template available for two colors, green and violet. And has two purchasing methods, with Paypal and Invoice Email just like you seen in Demo. Named Johny Palelu Peang template, it was made especially for online store only but you can use it for any gallery content if you want to. Design with magazine style blogger template with 4 column blogger template and one left sidebar, 4 column footer, shopping cart with invoice email and Paypal, automatic featured content slider, ads 468 x 60 px ready, widget category products, pagination for blogger ready, dropdown menu, zooming image, clean design template, and more. This template designed for online store only with daily updates. For more detail visit this link to see how to manage this template.

Template Name : Johny Palelu Peang
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : www.maskolis.com

I suggest you to save any javascript in this template with your own Google Code or another file hosting for better result. Read this tutorial to save Javascript in to your own Google Code.

Johny Kampret template blogger

Download Javascript

TEMPLATE FEATURES

Johny Kampret is template blogger that design in magazine game style blogger. You can use this template for any content games. It's a 2/3 column blogger template with 1 right sidebar, static page ready, 3 column footer, magazine style blogspot template with blue and white color, automatic slider carousel, ads ready, pagination for blogger ready, automatic recent slider, dropdown menu, clean design template, and more. This template designed especially for content games but you can use it for any content with daily updates

Template Name : Johny Kampret
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

Update Templates

My Google Code was banned, there's so many script that I put in there can't be opened. But I already fixed it with the updates ones, you can re-download this template or you can change some script in this post, and I suggest you to save any javascript in this template with your own Google Code or another file hosting for better result. Read this tutorial to save Javascript in to your own Google Code.

Johny Sompret Banget theme blogger

Download Javascript

TEMPLATE FEATURES

This is a different style in Johny Ganteng Banget template, this template made in magazine style with a white and blue color. Johny Sompret Banget blogger template is a free magazine style blogger template for portal news blog with automatic recent per category. It's a 3 column blogger template with one sidebar in the right, 3 column footer, magazine style blogspot template, automatic featured content slider, categories tab view widget, automatic slider carousel, ads ready, pagination for blogger ready, dropdown menu, tab view menu, clean design template, and more. This template designed for portal news blog with daily updates. For more detail about how to customize this template please visit this link. Valid HTML5

Template Name : Johny Sompret Banget
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

Update Templates

My Google Code was banned, there's so many script that I put in there can't be opened. But I already fixed it with the updates ones, you can re-download this template or you can change some script in this post, and I suggest you to save any javascript in this template with your own Google Code or another file hosting for better result. Read this tutorial to save Javascript in to your own Google Code.

Johny Ganteng Banget blogger theme

TEMPLATE FEATURES

Download Javascript

TEMPLATE FEATURES

Johny Ganteng Banget was a simple template with elegant style. There's no specific feature in this template. It's a white and orange color with 2 column blogger in there, easy loading and SEO friendly I think, 1 right sidebar, 3 columns footer, automatic slider, multi level drop down menu, ads ready, clean design template, and more. This template suitable for all type of content blog especially for daily blogs, but you can use it for your site anything you like to. I hope you enjoy it and happy blogging.

Template Name : Johny Ganteng Banget
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

Update Templates

My Google Code was banned, there's so many script that I put in there can't be opened. But I already fixed it with the updates ones, you can re-download this template or you can change some script in this post, and I suggest you to save any javascript in this template with your own Google Code or another file hosting for better result. Read this tutorial to save Javascript in to your own Google Code.

Johny Kenthir template blogger

TEMPLATE FEATURES

This is a different style in Johny Kenthir template, with a brown light color. Johny Kenthir Banget blogger template is a free magazine style blogger template for portal news blog with automatic recent per category. It's a 4 column blogger template with right sidebar, 3 column footer, magazine style blogspot template, 1 right sidebar, automatic featured content slider, categories tab view widget, automatic slider carousel, ads ready, pagination for blogger ready, dropdown menu, tab view menu, clean design template, and more. This template designed for portal news blog with daily updates. For more detail about how to customize this template please visit this link.

Template Name : Johny Kenthir Banget
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

Update Templates

My Google Code was banned, there's so many script that I put in there can't be opened. But I already fixed it with the updates ones, you can re-download this template or you can change some script in this post, and I suggest you to save any javascript in this template with your own Google Code or another file hosting for better result. Read this tutorial to save Javascript in to your own Google Code.

Johny Ember template blogger

TEMPLATE FEATURES

Johny Ember template was another version of Johny Joss Banget with the light style, designed for gallery content blogger especially for movie review. This template has limited features as you can see in demo, there was only 5 categories label below blog post. It's a blue and grey color with 5 column blogger in there, easy loading with elegant looks, automatic slider Carousel for your recent post, 1 right sidebar, 3 columns footer, navigation drop down menu, grid and list style, pagination for blogger ready, clean design template, and more. This template suitable for gallery content blog with daily updates. But you can use it for any gallery images content for your blog. For more detail about how to installation and customize this template please visit this link.

I set the slider in 12 posts, if your blog still under 12 posts the slider not working. Make some new post until you have at least 12 posts and the slider will work automatically

Template Name : Johny Ember
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

Update Templates

My Google Code was banned, there's so many script that I put in there can't be opened. But I already fixed it with the updates ones, you can re-download this template or you can change some script in this post, and I suggest you to save any javascript in this template with your own Google Code or another file hosting for better result. Read this tutorial to save Javascript in to your own Google Code.

Johny Joss Banget template blogger

TEMPLATE FEATURES

Johny Joss Banget template was designed for gallery content blogger especially for movie review. There's no specific feature in this template. It's a black color with 5 column blogger in there, easy loading with elegant looks, automatic slider Carousel for your recent post, 1 right sidebar, 3 columns footer, navigation drop down menu, grid and list style, pagination for blogger ready, clean design template, and more. This template suitable for gallery content blog with daily updates. But you can use it for any gallery images content for your blog. For more detail about how to installation and customize this template please visit this link.

If you want this template with pagination in recent post, please donwload here

I set the slider in 12 posts, if your blog still under 12 posts the slider not working. Make some new post until you have at least 12 posts and the slider will work automatically

Template Name : Johny Joss Banget
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

Update Templates

My Google Code was banned, there's so many script that I put in there can't be opened. But I already fixed it with the updates ones, you can re-download this template or you can change some script in this post, and I suggest you to save any javascript in this template with your own Google Code or another file hosting for better result. Read this tutorial to save Javascript in to your own Google Code.

Johny Crott template blogger

TEMPLATE FEATURESThe original demo was deleted by Google because violation privacy image. This is a new one for this template

TEMPLATE FEATURES

Another template blogger for your online store from Creating Website. Names Johny Crott, magazine template that was made especially for online store. Design with magazine style blogger template with 4 column blogger template and 1 column siderbar in left, 3 column footer, shopping cart for e-commerce blogger with cart, automatic featured content slider, pagination for blogger ready, dropdown menu, tooltip image, clean design template, and more. This template designed for online store only with daily updates. For more detail visit this link to see how to manage this template

Template Name : Johny Crott
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

Update Templates

My Google Code was banned, there's so many script that I put in there can't be opened. But I already fixed it with the updates ones, you can re-download this template or you can change some script in this post, and I suggest you to save any javascript in this template with your own Google Code or another file hosting for better result. Read this tutorial to save Javascript in to your own Google Code.

Support :