Free Blogger Templates

Gamemix Blogger Template

Template name : GameMix
Author : www.soratemplates.com

Template features : 2 Columns, Right Sidebar, Games, Magazine, Featured Content Slider, Fixed Width, Dark Background, Dropdown Menu, Page Navigation Widget.

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

<div class='nivoSlider' id='slider'>
<a href='#'><img src='../slide.jpg' title='#sliderCaption1'/></a>
 ..........
<div class='nivo-html-caption' id='sliderCaption1'>
 <h2>Excepteur sint occa- ecat cupidatat</h2>
Excepteur sint occaecat cupid...
<a class='arrow' href='#'/></div>
 ..........

Replace:

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

Configure Dropdown Menu:

<ul class='sf-menu'>
<li><a href='#'>Home</a></li>
<li><a href='#'>About</a>
 <ul class='sub-menu'>
  <li><a href='#'>Testimonials</a></li>
  <li><a href='#'>Archives</a></li>
 ..........

Replace "#" with your menu item URL.

Configure Page Navigation Widget:

search for:

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

Shortcut To Your First Sale Online

Some of people don't belive that I can sell product online and make money online. They ask me, "How do you do that?". I give them a shortcut of the road of making money online. First, make a website is a must. It's like a product gallery. Then, get targeted traffic from search engine. Most people search for a product review and buy it online. Read this useful infographic for the rest of tips of making money online. Follow the line and you will make it come true.

Via: WebStarts

Template name : eSpecial

Template features : Wordpress Look, 2 Columns, 3 Columns Footer, Left Sidebar, Portfolio, Business, Featured Content Slider, Fixed Width, Dark Background, Top Navigation Menu, Page Navigation Widget.

Author : www.soratemplates.com

Designer : www.temashdesignlab.com

Configure Post Date:
Log in to Blogger Dashboard --> Settings --> Format. Make sure the Timestamp Format and Language are all changed to the following:

If you don't do this, it will display "UNDEFINED".

Configure Featured Content Slider:

<ul class='lof1-main-wapper'>
 <li><a href='#'><img src='/image.jpg'/></a>
 <div class='lof1-main-item-desc'>
 <div class='lof1-main-item-title'> 
 <h2><a href='#'>Professional Business &amp; Portfolio Theme</a></h2></div> 
 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> 
 </div>
 </li>
 ..........
 <ul class='lof1-navigator'>
 <li><img src='/thumb.jpg'/>
 </li> 
 ..........

Replace:

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

Configure Dropdown Menu:

<ul class='s-menu' id='menu-main-navigation'>
 <li><a href='#'>Home</a>
 <ul class='sub-menu'>
  <li><a href='#'>Home page layout 2</a></li>
  </ul>
 </li>
 <li><a href='#'>Sliders</a>
 ..........

Just replace "#" with your menu item URL.

Configure Page Navigation Widget:

search for:

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

Template name : Project 10

Author : www.soratemplates.com

Designer : www.orange-themes.com

Template features : Wordpress Look, 3 Columns, 4 Columns Footer, Right Sidebar, Fashion, Featured Content Slider, Fixed Width, Gray Background, Social Widget, Page Navigation Widget.

Note: You must publish at least 5 posts and your blog must be in public mode (everyone can see it), if not, you will be redirect to this site, we're really sorry for caused you this trouble.

Configure Featured Content Slider:

<div id='layerslider' style='width: 748px; height: 300px;'>
 <div class='ls-layer' rel='slidedelay: 5000'>
 <img class='ls-bg' src='/image.jpg'/>
 ..........

Replace"image.jpg" with your slider image.

Configure Dropdown Menu:

<ul class='menu' id='menu-top-menu'>
 <li><a href='#'><i style='font-family:Ropa Sans;'><span>Homepage</span></i></a></li>
 <li><a href='#'><i style='font-family:Ropa Sans;'><span>Blog</span></i></a></li>
 ..........

Just replace "#" with your menu item URL.

Configure Social Widget:

Search for:

<div class='left-social-icons'>
 <a class='social-facebook' href='#' target='_blank'><span/></a>
 <a class='social-twitter' href='#' target='_blank'><span/></a>
 ..........

Replace "#" with your Social Account URL.

Configure Page Navigation Widget:

search for:

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

Template name : Accord

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.

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

Template name : Eclipse

Author : www.soratemplates.com

Designer : www.devilcantburn.com

Template features : Wordpress Look, 2 Columns, 4 Columns Footer, Right Sidebar, Featured Content Slider, Fixed Width, Social Widget, Dropdown Menu.

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

<div class='nivoSlider' id='nivo_slider'>
 <a href='#'><img height='400' src='/image.jpg' width='920'/></a>
 ..........

Replace:

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

Configure Dropdown Menu:

<ul class='main_menu' id='menu-menu-1'>
 <li><a href='#'><span class='gfont'>Home</span> <span class='subline'>&#8592; Back</span></a></li>
 <li><a href='#'><span>News</span><span class='subline'>Read Us!</span></a>
 <ul class='sub-menu'>
  <li><a href='#'>Attractive Design</a></li>
  <li><a href='#'>Inspirations</a></li>
 ..........

Replace "#" with your menu item URL.

Configure Social Widget:

Search for:

<div id='social_networks'>
 <ul>
  <li class='sorting-01 facebook'><a href='#'><span class='inv'>Facebook</span></a></li>
  <li class='sorting-03 twitter'><a href='#'><span class='inv'>twitter</span></a></li>
  <li class='sorting-02 googleplus'><a href='#'><span class='inv'>googleplus</span></a></li>
 ..........

Replace "#" with your Social Account URL.

Template name : Replay

Author : www.soratemplates.com

Designer : www.themextemplates.com

Template features : Wordpress Look, 2 Columns, Right Sidebar, Music, Featured Content Slider, Fixed Width, Gray Background, Social Widget, Dropdown Menu, HTML5 Music Player, Page Navigation Widget.

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

<div class='ribbon-slide'>
 <ul>
  <li class='slide-400'><a href='#'>
 <img class='fullwidth' height='400' src='/image.jpg' width='400'/></a>
  </li>
 ..........

Replace"image.jpg" with your slider image.

Configure Dropdown Menu:

<ul class='menu' id='menu-main-menu'>
 <li><a href='#'>News</a>
  <ul class='sub-menu'>
   <li><a href='#'>Ribbon Slider</a></li>
   <li><a href='#'>Fade Slider</a></li>
 ..........

Just replace "#" with your menu item URL.

Configure Social Widget:

Search for:

<a class='facebook' href='#' target='_blank' title='Facebook'/>    
<a class='tumblr' href='#' target='_blank' title='Tumblr'/> 
<a class='twitter' href='#' target='_blank' title='Twitter'/>

Replace "#" with your Social Account URL.

Configure Page Navigation Widget:

search for:

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

Configure Music Player:

search for:

<div class='playlist'>
 <a href='/song1.mp3'>Song Title 1</a>
 <a href='/song2.mp3'>Song Title 2</a>
</div>

Replace song.mp3 and Song Title as you want.

Template name : FitnessMag

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.

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:

<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>

Gamemix Blogger Template

Shortcut To Your First Sale Online

eSpecial Blogger Template

Project 10 Blogger Template

Accord Blogger Template

Eclipse Blogger Template

Replay Blogger Template

FitnessMag Blogger Template

Search Templates

Subscribe

Ads

Followers

Recent Comments

Categories