TEMPLATE FEATURES
|
|
| Instructions URL | How to install Blogger Template |
| Template Author | Klodian / Deluxetemplates |
| 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. |
Latest Templates
Blue Style
Pilgrim
TEMPLATE FEATURES
|
|
| Instructions URL | How to install Blogger Template |
| Template Author | NewBloggerThemes / Newbloggerthemes.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;
}
Labels:
1 Right Sidebar,
2 Column,
4 Column Footer,
Food,
Gray,
Green,
Health,
Natural,
NewBloggerThemes,
Personal,
Slideshow,
Top Navigation Bar,
White,
Wordpress Look
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;
}
Labels:
1 Left Sidebar,
2 Column,
4 Column Footer,
Black,
Elegant,
Gray,
Green,
MasKolis,
Online Store,
Slideshow,
Top Navigation Bar,
White,
Wordpress Look
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> ..........
- "#" 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> ..........
- "#" 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> ..........
#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> ..........
- "#" 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> ..........
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='{"effect": "blindsVertical", "slices": 6, "animSpeed": 1400, "delay": 100, "delayDir": "fromCentre", "easing": "easeInCubic", "depthOffset": 800, "sliceGap": 5}' src='/slider.jpg'/> ..........
"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> ..........
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;
}
Labels:
1 Right Sidebar,
2 Column,
3D Slider,
Dropdown Menu,
Fixed width,
Page Navigation,
Soratemplates,
Style,
White,
Wood,
Wordpress Look
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> ..........
- "#" 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> ..........
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> ..........
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> ..........
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> ..........
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'/>
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>
#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> ..........
- "#" 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'>← 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> ..........
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> ..........
#preview {
pointer-events: none;
cursor: default;
}




