Submit

Choose your template colour

Latest Templates

Blue Style



TEMPLATE FEATURES
Instructions URL How to install Blogger Template
Template Author KlodianDeluxetemplates
Designer Klodian
Descriptions Template type : Wordpress Look, 3 Column, 1 Left Sidebar, 1 Right Sidebar, Top Navigation Bar, Slideshow, Ads Ready, Bookmark Ready, Technology, Personal, Gray, White, Blue

Free NewBlueStyle Blogger Template is a another tech related blogger template, it's 3 columns with 1 left and right sidebar, no columns footer, top nav menu,image slider,gray color background,social bookmark icons,gray,white,blue,colors with more futures ready blogger template.This NewBlueStyle Blogger Template good for tech and personal blogs.
#preview { pointer-events: none; cursor: default; }

Pilgrim



TEMPLATE FEATURES
Instructions URL How to install Blogger Template
Template Author NewBloggerThemesNewbloggerthemes.com
Designer Fabthemes
Descriptions Template type : Wordpress Look, 2 Column, 1 Right Sidebar, 4 Column Footer, Personal, Top Navigation Bar, Slideshow, White, Green, Gray

Free Pilgrim Blogger Template is another personal style blogger template. adapted from wordpress theme to blogger template. its` 2 columns with 4 columns footer, 1 right sidebar, top nav menu, nice image slider, green background, white, orange, gray, black colors with more futures ready blogger template.This Pilgrim Blogger Template good for games blogs.


How to Configure
Find this in "Edit HTML":
  • <ul class='showhide'>
    
    <li>
    <a href='ENTER-SLIDE-1-LINK-HERE'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRd0w96pN_AbFr9uYBLoNrFr0lglvJlYBIEbaqHVbAhu11mRZn-y_pRcz-Ry4l34tk_zHG8NHIYv-c4iFtPNkwFPij0VD9IhbTnCJNE_lgRJgYrpIT7cm6emGVgvzWPEPYSZ5ZH4sqyv4/s1600/1.jpg'/></a>
    <div class='flex-caption'>
    <h3>Enter Slide 1 Title Here</h3>
    <p>This is slide 1 description. This Blogger Template is Designed By NewBloggerThemes.com. Go to Edit HTML and find this content. Replace it your own description. For More Blogger Templates, please visit <a href='http://newbloggerthemes.com/'>NewBloggerThemes.com</a>. If you need a premium blogger template or customize this template then <a href='http://newbloggerthemes.com/contact/'>contact me</a>[...]</p>
    <a class='readon' href='ENTER-SLIDE-1-LINK-HERE'>Read More</a>
    </div>
    </li>
    
    <li>
    <a href='ENTER-SLIDE-2-LINK-HERE'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQr5yhV-EjXXnpYAd5yzt4UVTlVW7ZzSsoYFa_aUP_7QU4A02gLOjNUzqxMcpRKbulIGtTkv8i3t_pkWI25Ci96riJl2pCyktulsDDxTMvWZRyfG-muvt_a2YBaxKIpv9xlqOfeERygWY/s1600/2.jpg'/></a>
    <div class='flex-caption'>
    <h3>Enter Slide 2 Title Here</h3>
    <p>This is slide 2 description. This Blogger Template is Designed By NewBloggerThemes.com. Go to Edit HTML and find this content. Replace it your own description. For More Blogger Templates, please visit <a href='http://newbloggerthemes.com/'>NewBloggerThemes.com</a>. If you need a premium blogger template or customize this template then <a href='http://newbloggerthemes.com/contact/'>contact me</a>[...]</p>
    <a class='readon' href='ENTER-SLIDE-2-LINK-HERE'>Read More</a>
    </div>
    </li>
    
    <li>
    <a href='ENTER-SLIDE-3-LINK-HERE'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPP05yFISzR7bc80fr9KpPhZyseWoy2HrZrzsDqEAq-3LQPJq1-sJRoAG8UQ8aajIK8A039sgjbSH99rUd2SkdMtlNw7y2sI9PnocjFtnDRAcIBPZTIU9dh0VAgJej4QYUI79JZNQszPY/s1600/3.jpg'/></a>
    <div class='flex-caption'>
    <h3>Enter Slide 3 Title Here</h3>
    <p>This is slide 3 description. This Blogger Template is Designed By NewBloggerThemes.com. Go to Edit HTML and find this content. Replace it your own description. For More Blogger Templates, please visit <a href='http://newbloggerthemes.com/'>NewBloggerThemes.com</a>. If you need a premium blogger template or customize this template then <a href='http://newbloggerthemes.com/contact/'>contact me</a>[...]</p>
    <a class='readon' href='ENTER-SLIDE-3-LINK-HERE'>Read More</a>
    </div>
    </li>
    
    </ul>


For each slide,

Replace "ENTER-SLIDE-X-LINK-HERE" with real slide link.
Replace "Enter Slide X Title Here" with real slide title.
Replace slide image URL and slide description.
How To Add Links Top Navigation Menu

Go to "Layout". Click on "Edit" link of "Edit This Menu" widget.

Now add your links to that link list widget.
#preview { pointer-events: none; cursor: default; }

Johny Muantab



Johny Muantab Blogger Template

TEMPLATE FEATURES
Instructions URL How to install Blogger Template
Template Author MasKolis / Creatingwebsite
Designer Elegantthemes
Descriptions Template type : Wordpress Look, 2 Column, 4 Column Footer, 1 Left Sidebar, Top Navigation Bar, Slideshow, Elegant, Gray, White, Green, Black, Online Store.

Free Johny Muantab Blogger Template is a another shopping cart blogger template, it a 2 column, 4 columns footer, 1 right sidebar, gallery look, dark background, top nav menu, nice image slider, paypal support, black, gray, green,white, colors with more futures ready blogger template.This blogger template suitable for online shopping and reviews and info blogs.
Configure MasKlis
#preview { pointer-events: none; cursor: default; }

Christmas Gifts



TEMPLATE FEATURES
Instructions URL How to install Blogger Template
Template Author Soratemplates /  Elegantthemes.com
Descriptions Template type : Wordpress Look, 2 Columns, Right Sidebar, Christmas, Portfolio, Featured Content Slider, Fixed Width.


Template features : Wordpress Look, 2 Columns, Right Sidebar, Christmas, Portfolio, Featured Content Slider, Fixed Width.

License : Creative Commons Attribution 3.0

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='boxgrid captionfull'>
     <a href='#'><img height='269' src='/slider.jpg' width='296'/></a>
     <div class='cover boxcaption' style=' top:269px; cursor: pointer;'>
     <h3 class='entry-title'>christmas decoration #1</h3>
     <div class='entry-content'><p>$57</p></div>
     <a class='more' href='#'>read more</a>
     </div>
    </div>
     ..........
Replace:
  • "#" with your featured post URL.
  • "image.jpg" with your slider image URL.

#preview { pointer-events: none; cursor: default; }

Sunrise



TEMPLATE FEATURES
Instructions URL How to install Blogger Template
Template Author Soratemplates
Descriptions Template type : Wordpress Look, 3 Columns, Right Sidebar, 3 Columns Footer, Music, Featured Content Slider, Fixed Width, Dark Background, Dropdown Menu.


Configure Featured Content Slider:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <li class='jcarousel-item-1 odd'> 
    <div class='views-field views-field-field-portfolio-image'>
    <div class='field-content'><a href='#'><img src='/image.jpg'/></a></div></div> 
     <div class='views-field-title'>Aenean sodales dapibus.</div>
     <div class='clearfix'>
     <div class='button'><a href='#'>more</a></div>
     </div>
     </div>
     </div></span>
     </div>
    </li>
     ..........
Replace:
  • "#" with your featured post URL.
  • "image.jpg" with your slider image URL.

Configure Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <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>
     ..........
Replace "#" with your menu item URL.

#preview { pointer-events: none; cursor: default; }

VideoBox



TEMPLATE FEATURES
Instructions URL How to install Blogger Template
Template Author Soratemplates
Descriptions Template type : Wordpress Look, 4 Columns, Right Sidebar, 4 Columns Footer, Portfolio, Featured Video Slider, Fixed Width, Wood Background, Dropdown Menu, Header Banner, Page Navigation Widget.

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

#preview { pointer-events: none; cursor: default; }

Wilderness



TEMPLATE FEATURES
Instructions URL How to install Blogger Template
Template Author Soratemplates /  Devilcantburn.com
Designer Devilcantburn.com
Descriptions Template type : Wordpress Look, 2 Columns, Right Sidebar, 3D Slider, Fixed Width, paper-wood 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 id='slider_wrapper'>
     <div class='marg_0_0_20_0' id='sliderCss3d'>
     <img alt='Slider 1' data-transition='{&quot;effect&quot;: &quot;blindsVertical&quot;, &quot;slices&quot;: 6, &quot;animSpeed&quot;: 1400, &quot;delay&quot;: 100, &quot;delayDir&quot;: &quot;fromCentre&quot;, &quot;easing&quot;: &quot;easeInCubic&quot;, &quot;depthOffset&quot;: 800, &quot;sliceGap&quot;: 5}' src='/slider.jpg'/>
     ..........
Replace:
"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='menu' id='menu'>
     <li><a href='#'>Home</a></li>
     <li><a href='#'>Fullwidth page</a></li>
     <ul class='sub-menu'>
      <li><a href='#'>Buttons</a></li>
      <li><a href='#'>Google Map</a></li>
     ..........
Replace "#" with your menu item URL.

Configure Page Navigation Widget:
search for:
  • var posts=3, // Number of posts in each page
        num=2, // Number of buttons will display

How to change Author Section:
Find this:
  • <h4>About the author</h4>
     <div id='author-info'>
     <div id='author-image'>
     <a href='#'><img height='80' src='/avatar.png' width='80'/></a>
    </div>
    <div id='author-bio'>
    <h5>Admin</h5>
    Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus. Aenean fermentum, eget tincidunt.
    </div>

#preview { pointer-events: none; cursor: default; }

FitnessMag



TEMPLATE FEATURES
Instructions URL How to install Blogger Template
Template Author Soratemplates /  WPexplorer.com
Designer WPexplorer.com
Descriptions Template type : 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:
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>

#preview { pointer-events: none; cursor: default; }

Replay



TEMPLATE FEATURES
Instructions URL How to install Blogger Template
Template Author Soratemplates /  Themextemplates.com
Designer Themextemplates.com
Descriptions Template type : 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:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <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.
#preview { pointer-events: none; cursor: default; }

Eclipse



TEMPLATE FEATURES
Instructions URL How to install Blogger Template
Template Author Soratemplates /  Devilcantburn.com
Designer Devilcantburn.com
Descriptions Template type : 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:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <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.
#preview { pointer-events: none; cursor: default; }
 
BTemplatez
© Copyright 2012 BTemplatez is proudly powered by Blogger.com / Sitemap / Privacy / Terms /