ChromeGT Blogger Template





DemoDownload
Template name : ChromeGT

Template features : Wordpress Look, 2 Columns, 4 Columns Footer, Right Sidebar, Modern, Featured Content Slider, Fixed Width, Black Background, Top Navigation Menu, Page Navigation Widget.

Release date : August 2012

Author :  www.soratemplates.com

Designer :  www.temashdesignlab.com

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='nivoSlider' id='slide'>
    <a href='#'><img src='/image.jpg' title='Modern Futuristic Unique Design'/></a>
    ..........
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='menu' id='menu-main-navigation'>
    <li><a class='parent' href='#'><span>Home</span></a>
    <div><ul>
    <li><a href='#'><span>Left Sidebar Homepage</span></a></li>
    <li><a href='#'><span>Homepage Layout 2</span></a></li>
    ..........
Just replace "#" with your menu item URL.

Configure Social Widget:
search for:
  • <div id='social'>
    <a class='tt_top' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' id='rss' title='RSS'/>
    <a class='tt_top' href='#' id='googleplus' title='Google+'/>
    <a class='tt_top' href='#' id='twitter' title='Twitter'/>
    <a class='tt_top' href='#' id='facebook' title='Facebook'/>
    </div>
Replace "#" with your Social Account URL.

How to change Author Information:
Find this:
  • <div class='post-author-title'>
    <h2>About the Author</h2>
    </div>
    <div class='post-author-content'>
    <div class='border-img leftside avatar-box'><img class='avatar avatar-60 photo' height='60' src='/gravatar.jpeg' width='60'/>
    </div>
    <h3>Written by Admin</h3>
    <p>ChromeGT is a modern, powerful...</p>
    ..........

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

Confidence Blogger Template





DemoDownload
Template name : Confidence

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

Release date : July 2012

Author :  www.soratemplates.com

Designer :  Rifki / www.my-themes.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='slides'>
    <li><img class='attachment-590x339' height='339' src='/image.jpg' width='590'/>
    <div class='flex-caption'>
    <h1><a href='#'>Convallis consequat</a></h1>
    <p>Lorem ipsum integer tincidunt quisque...</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:
  • <ul class='sfmenu' id='sfmenu'>
    <li><a href='#'>Home</a></li>
    <li><a href='#'>Categories</a>
    <ul class='sub-menu'>
    <li><a href='#'>Entertainment</a></li>
    <li><a href='#'>Lifestyle</a></li>
    ..........
Just replace "#" with your menu item URL.

How To Change Header Banner:
find this:
  • <div class='banner-ad'>
    <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 Social Widget:
search for:
  • <ul class='clearfix' id='social-link'>
    <li><a class='dribbble' href='#'>dribbble</a></li>
    <li><a class='twitter' href='#'>twitter</a></li>
    <li><a class='facebook' href='#'>facebook</a></li>
    ..........
Replace "#" with your Social Account URL.

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

Float Blogger Template





DemoDownload
Template name : Float

Template features : 2 Columns, Right Sidebar, Personal, Fixed Width, Black Background, Top Navigation Menu, Social Widget.

Release date : July 2012

Author :  www.soratemplates.com

Designer :  bobosh.com

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:
  • <nav class='menu-menu-container'>
    <ul class='menu' id='menu-menu'>
    <li><a href='#'>Home</a></li>
    <li><a href='#'>Styling</a></li>
    <li><a href='#'>Drop-down</a>
    <ul class='sub-menu'>
    <li><a href='#'>News</a></li>
    <li><a href='#'>Video</a></li>
    ..........
Replace "#" with your menu item URL.

Configure Social Widget:
Look for:
  • <h2 class='widget-title'>Social Widget</h2>
    <ul>
    <li><a href='#' id='dribbble'>Dribbble</a></li>
    <li><a href='#' id='facebook'>Facebook</a></li>
    <li><a href='#' id='flickr'>Flickr</a></li>
    <li><a href='#' id='twitter'>Twitter</a></li>
    ..........
Replace "#" with your Social Account URL.

How to change Author Information:
Find this:
  • <img class='avatar avatar-56 photo' height='56' src='/author.png' width='56'/>
    <h3>About the author</h3>
    <p>Donec non enim in turpis...</p>
    </div>

Gallery Blue Template

Gallery Blue is a free Gallery blogger template with 3 columns, right sidebar, Stylish Background, space for ads, Social bookmarking features, Attractive Search Box, Stylish Top Navigation with Drop Down feature, Top (728x90) and Sidebar Ads (300x250), Facebook like option below Every Post, Stylish Comments option, Gallery Showcase,Auto Thumbnail Feature.


 
Configure Navigation Menu
Login to your blogger dashboard > Design > Edit HTML and Search for :
<li><a href='/'>Parent Category 1</a>
<ul>
<li class='cat-item'><a href='#' title='Category1'>Category1</a></li>
<li class='cat-item'><a href='#' title='Category2'>Category2</a></li>
<li class='cat-item'><a href='#' title='Category3'>Category3</a></li>
<li class='cat-item'><a href='#' title='Category4'>Category4</a></li>
<li class='cat-item'><a href='#' title='Category5'>Category5</a></li>
</ul>
</li>
Configure Social  Icons :
Login to Blogger Dashboard > Design > Edit HTMlL and Search for the Following code
<div id='subscribes'>
<a href='http://www.twitter.com/wptoblogger'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_j799kKNV6Sz-Y10pT01i09eAkzgJNHfgIoyh5Kx3Ka5uGapJgwNYFFLOf99eIF1X5jlor4D4jmKSNnVD4luTJvf3H9MlSQMQLAD4M9c6np4j8Ob-wpYrz2PVh2lAsIEhHZgMmJpWbZU/s1600/twitter.png'/></a>
<a href='http://www.facebook.com/pages/Wptoblogger/191356330883838'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhExrEjMr0xxIvU22ie-birbeZNxlLuTIkKu2zegXy9eCra3nNmVrlkz_cab5viCcw2xMlWb6DiSZoPKv9M3JKV45ndoDx7JLOgp2G5eMN6e3vPdaeAXVlnVzmz56YIecFMKYfgX8hDtmo/s1600/facebook.png'/></a>
<a href='http://plus.google.com'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAsfbBIOzFps-u5NKEI51PNBeiuVJPQ7WGZg8pZ2pqcWVVnY6k2A3e5Uvxjs6cWKLTOjRkVR2jiaAvCnNKjDeM8O5_tQVyXfQdkISM0MCHw8f27dec6CIUdk2dmKZK1fsdgezn0UW_CUI/s1600/Google+%252B1+copy.png'/></a>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_mFb1VaTVZgQF_M14bXZUWEfz8gEXQMEvE1dVop-bjd9IuIxOjrWyHwkPFJBTgGCwQIrthkhBnx-NOPDB9FAVUANhAwRm0I_JKX0CAvgJPj0aOzmd1DDiRH9ANx6U2v-CT0hmK61oiZw/s1600/Subscribe.png'/></a>
</div>

Media Online

Media Online is a free blogger template with 2 columns, right sidebar, magazine-styled, minimalist, exclusive design for Blogger, space for ads, footer columns, slideshow, social icons, neutral colors, posts thumbnails, tabs and drop down menu.








Buzz ( Blue Skin )

Buzz is a blogger template with only blogging in mind, perfect for quick and easy blogging with a clean and modern interface. The layout does not distract from your content, which is vital for a site devoted to blogging. This template like a template twitter, i think lol . hehe

Features: 2 columns, right sidebar, drop down menu, related posts.




 

Buzz (Purple Skin)

Template Name : Buzz Blogger Template

Descriptions
: Free Buzz Blogger Template is a simple look blogger template. adapted from wordpress theme to blogger template. perfect for quick and easy blogging with a clean and modern interface this is purple skin of Buzz Blogger Template. it have 2 columns, 1 right side bar, dark background, nice jquery top nav menu with more futures available blogger template. This template like a twitter. i think lol .

Properties : Wordpress Look, 2 Column, 1 Right Sidebar, Top Navigation Bar, Simple, Gray, White, Purple, Black, Personal




eGallery Blogger Template

eGallery Blogger Template is premium gallery categories blogger templates for gallery blog with elegant black color with combination wooden design for main background and eGallery is a blogger template made to transform your blog into a fully functional online gallery. This template has been created with simplicity in mind, and is designed to emphasize the artwork you choose to showcase. Features: unique gallery display, 2 columns, right sidebar, widgets ready. and very recommended blogger templates for gallery sites. 



SuvSite Blogger Template

SuvSite Blogger Template


  

Theme Name  : SuvSite blogger template

Description     :
SuvSite is a free blogger template with 3 columns, right and Left sidebar, Stylish Background, space for ads, Social bookmarking features, and much more..

Download
SuvSite for free in Wordpresstoblogger.info

Author :  Btheme

Minimalist or Simple Blogger Template

Minimalist or Simple Blogger Template

For this post I want to share a template editing and design my own results, there are still many shortcomings, because it's the template I made just to taste it.


 

  

Some characteristics of this template:
  • Created using the HTML5
  • Mostly using CSS3
  • 2 Coloum Blogger template
  • User Friendly
  • I've made to reduce weight minimalist blog
  • Random Sidebar
  • Dynamic Heading 
 





Milk Blue Blogger Template

Milk Blue Blogger Template

This time I will share a template for blogger.
For that I created this template as usual is not far away from the blue color.
Here are some specifications of this template:
  • Blue color with silver color variations
  • 3 columns on homepage 2 columns at the time the article page
  • Header for Gadget Ads 728x90 px.
  • Sidebar gadget for advertising both 350x250px.
  • Advertising column under the articles 350x250 px.
  • Related posts, like facebook Button Ready
  • Blog pager with the title of the article





  
 
To advertising can be found by replacing the ad script sample image with the image link:
Design -> Edit Html ->
Expand Widget Templates

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipgNpVsae2Fh1i8YXyTwoJHeQqlmmLwvako2toRuJNzVukg9-olQVHE9czG3pNR83NTh04lR_T6UAIo4N7oHoyhyphenhyphenZIQ7eUpwD9OdIcLtnp2SiFLfzerbQw8-Y3j6LUu8j3MFFrVQ6i1V6S/s1600/ads.jpg

Collective Blogger Template





DemoDownload
Template name : Collective

Template features : Wordpress Look, 3 Columns, Right Sidebar, 3 Columns Footer, Magazine, Clean Design, Featured Content Slider, Fixed Width, Gray Background, Top Navigation Menu, Email Subscription Form.

Release date : July 2012

Author :  www.soratemplates.com

Designer :  stoodeo.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='slideshow'>
    <div class='slide'>
    <div class='post-img-large fl'>
    <a href='#'><img class='attachment-large' height='200' src='/image.jpg' width='570'/></a></div>
    <h2 class='post-title fl'>
    <a href='#'>Creative Digital Illustration</a></h2>
    <div class='clear'/>
    </div>
    ..........
    <div class='tabs'>
    <a><img class='attachment-tiny' height='32' src='/thumb.jpg' width='82'/>
    <span>Creative Digital Illustration</span></a>
    ..........
Now replace:
  • "#"with your featured post URL.
  • "image.jpg" with your slider image.
  • "thumbnail.jpg" with your thumbnail 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='#'>Category One<span>Category Description</span></a></li>
    <li><a href='#'>Category Two<span>Category Description</span></a>
    <ul class='sub-menu'>
    <li><a href='#'>Sub Category One</a></li>
    ..........
Just replace "#" with your menu item URL.

How to change Recent Posts and Recent Comments Widget:
Look for:
  • var rcp_numposts = 3; // Number of Posts will display
    ..........
    nc=3; // Number of comments will display
Announcement

Announcement

This announcement
prove ownership of the site and this site adhere to the policies
Google AdSense and Terms & Conditions
About

About

www.itemplate-design.blogspot.com is free blogger templates which provide blogger template for bloggers.you can find many more templates with professional layouts, gallery, personal, magazine, clean, free premium ,simple and elagant design. All blogger template in www.itemplate-design.blogspot.com is free you can download and use any templates for your blog.

Thank you !
Privacy Policy

Privacy Policy

Privacy Policy for www.itemplate-design.blogspot.com

If you require any more information or have any questions about our privacy policy, please feel free to contact us

At www.itemplate-design.blogspot.com, the privacy of our visitors is of extreme importance to us. This privacy policy document outlines the types of personal information is received and collected by www.itemplate-design.blogspot.com and how it is used.

Log Files
Like many other Web sites, www.itemplate-design.blogspot.com makes use of log files. The information inside the log files includes internet protocol ( IP ) addresses, type of browser, Internet Service Provider ( ISP ), date/time stamp, referring/exit pages, and number of clicks to analyze trends, administer the site, track user’s movement around the site, and gather demographic information. IP addresses, and other such information are not linked to any information that is personally identifiable.

Cookies and Web Beacons
www.itemplate-design.blogspot.com does use cookies to store information about visitors preferences, record user-specific information on which pages the user access or visit, customize Web page content based on visitors browser type or other information that the visitor sends via their browser.

DoubleClick DART Cookie
'' Google, as a third party vendor, uses cookies to serve ads on www.itemplate-design.blogspot.com


'' Google's use of the DART cookie enables it to serve ads to your users based on their visit to www.itemplate-design.blogspot.com and other sites on the Internet.

'' Users may opt out of the use of the DART cookie by visiting the Google ad and content network privacy policy at the following URL - http://www.google.com/privacy_ads.html Some of our advertising partners may use cookies and web beacons on our site. Our advertising partners include.
 


Google Adsense


These third-party ad servers or ad networks use technology to the advertisements and links that appear on www.itemplate-design.blogspot.com send directly to your browsers. They automatically receive your IP address when this occurs. Other technologies ( such as cookies, JavaScript, or Web Beacons ) may also be used by the third-party ad networks to measure the effectiveness of their advertisements and / or to personalize the advertising content that you see.

www.itemplate-design.blogspot.com has no access to or control over these cookies that are used by third-party advertisers.

You should consult the respective privacy policies of these third-party ad servers for more detailed information on their practices as well as for instructions about how to opt-out of certain practices. www.itemplate-design.blogspot.com's privacy policy does not apply to, and we cannot control the activities of, such other advertisers or web sites.

If you wish to disable cookies, you may do so through your individual browser options. More detailed information about cookie management with specific web browsers can be found at the browsers' respective websites.

Unite

Dark Skin of Unite Blogger Template


DemoDownload

London Creative

Red Skin of London Creative Blogger Template


DemoDownload

Buzz

Purple Skin of Buzz Blogger Template


DemoDownload

LeetPress Blogger Template





DemoDownload
Template name : LeetPress

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

Release date : July 2012

Author :  www.soratemplates.com

Designer :  wpmaniac.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 class='sliderContent'>
    <div class='featured-item' style='background:#000 url(/image.jpg) no-repeat center; height:280px;'>
    <div class='featured-inner'>
    <div class='featured-arrows'/>
    <h1><a href='#'>Dead Space 2 Review</a></h1>
    </div>
    </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:
  • <div id='navigation-wrapper'> 
    <ul id='navigate'>
    <li><a href='#'>Home</a></li>
    <li><a href='#'>News</a>
    <ul class='sub-menu'>
    <li><a href='#'>Xbox 360</a></li>
    ..........
Just replace "#" with your menu item URL.

How To Change Header Banner:
find this:
  • <div id='header-banner'>
    <a href='#' target='_blank'><img alt='banner' src='/banner.png'/></a>
    </div>
Now replace:
  • "#" with your banner URL.
  • "banner.png" with your banner image.

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='about-author'>
    <img height='75' src='/author.png' width='75'/>
    <h5><strong>Author:</strong> admin</h5>
    <div class='author-descrip'>Lorem ipsum dolor sit amet...</div>
    </div>

Unite Blogger Template





DemoDownload
Template name : Unite

Template features : Wordpress Look, 2 Columns, Right Sidebar, 3 Columns Footer, Business, Elegant, Featured Content Slider, Fixed Width, Light Background, Top Navigation Menu, Email Subscription Form.

Release date : July 2012

Author :  www.soratemplates.com

Designer :  para.llel.us

Basic Instructions : How to install a Blogger Template

Configure Post Date:
Log in to Blogger Dashboard --> Settings --> Format and change this:


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

Configure Featured Content Slider:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <div id='Slide'>
    <img alt='Slide 1' height='341' src='/image.jpg' width='948'/>
    ..........
Now 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='sfmenu'>
    <li class='current'><a expr:href='data:blog.homepageUrl'>Home</a></li>
    <li><a href='#'>Features</a>
    <ul>
    <li><a href='#'>Home page</a>
    ..........
Just replace "#" with your menu item URL.

3 Simple Template Blogger with Elegant Style

Johny Classicsite



If you looking for a simple template blogger with SEO, I suggest you to considering this template. Johny Classicsite was a simple template with elegant classic style. There's no specific feature in this template. It's a white and grey color with 2 column blogger in there, easy loading and SEO friendly I think, 1 right sidebar, 3 columns footer, navigation 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.


Johny Sompret



Johny Sompret was a simple template with magazine style. There's no specific feature in this template. It's a white, blue and black color with 3 column blogger in there, easy loading with elegant style, 1 right sidebar, 3 columns footer, navigation menu, ads ready, pagination for blogger 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.

Johny Jazzytube



Johny Jazzytube was made for video content only from Youtube. There's no specific feature in this template. It's a white, black and blue color with 4 column blogger in there, easy loading and SEO friendly with elegant looks, 1 right sidebar, 3 columns footer, navigation menu, ads ready, pagination for blogger ready, clean design template, and more. This template suitable for video content blog with daily updates only from Youtube. But you can use it for any gallery content for your blog. This is how to make a post in this template :
http://www.youtube.com/watch?v=K4Di2rvigVkendofvid

[starttext]
Your description here..........
[endtext]
You can grab URL from Youtube just like you see in this picture below, and you must closed with this code endofvid (with no space)


Or this picture


And the final result to make a post should be like in this picture :


For more detail how to use and installation this template, please visit this link.

And if you want to use this template in image gallery, you can download here

2 Elegant Templates Blogger for Online Store and Tube

Today I will share another template for online store, but in other template you can use it for your video online only for Youtube. This two templates design in a same color, with a black in basic and white. If you looking forward to your online store or video online for Youtube you can choose one of them.

Johny Crott Template (e-commerce blogger template)



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

Johny Crottube (Video online blogger template)



Johny Crottube template is Johny Crott series that was made for video content only from Youtube. There's so many feature in this template. It's a white and black color with 5 column blogger in there, easy loading with elegant looks, 1 left sidebar in homepage and 1 right sidebar in post page, 3 columns footer, navigation drop down menu, grid and list style, pagination for blogger ready, clean design template, and more. This template suitable for video content blog with daily updates only from Youtube. 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.

London Creative Blogger Template





DemoDownload
Template name : London Creative

Template features : Wordpress Look, 2 Columns, Right Sidebar, Photography, Elegant, Featured Content Slider, Fixed Width, Black Background, Top Navigation Menu, Page Navigation.

Release date : July 2012

Author :  www.soratemplates.com

Designer :  freshface.net

Basic Instructions : How to install a Blogger Template

Configure Post Date:
Log in to Blogger Dashboard --> Settings --> Format and change this:


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

Configure Featured Content Slider:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <ul id='fresh_cube_data'>
    <li class='fresh_cube_image_0'>
    <img src='/image.jpg'/>
    <span class='transition' title='random'>
    <div class='post_category' id='slider_post_cat'>/
    <a href='#'>Web Design</a>/</div>
    <div class='post_name'>
    <a href='#' id='slider_img_desc'>1000s of Images In My Mind</a>
    </div>
    </span>
    </li>
    ..........
    <div class='thumbs' id='thumbs'>
    <div class='slider_content' id='sl_content'>
    <ul id='slider_ul'>
    <li><img alt='img' src='/thumb.jpg'/>
    <div class='slider_tit' style='display:none'>/ Web Design /</div>
    <a class='slider_desc' href='#' style='display:none' title='0'>1000s of Images In My Mind</a>
    </li>
    ..........
Now replace:
  • "#" with your featured post URL.
  • "image.jpg" with your slider image.
  • "thumb.jpg" with your thumbnail image.

Configure Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <div class='menu-nav-container'>
    <ul class='menu' id='menu-nav'>
    <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
    <li><a href='#'>About</a>
    <ul class='sub-menu'>
    <li><a href='#'>Dropdown test</a></li>
    ..........
Just replace "#" with your menu item URL.

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

Buzz Blogger Template





DemoDownload
Template name : Buzz

Template features : 2 Columns, Right Sidebar, Elegant, Fixed Width, Gray Background, Top Navigation Menu, Social Bar.

Release date : July 2012

Author :  www.soratemplates.com

Designer :  ghostpool.com

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:
  • <ul class='menu' id='menu-header-tabs'>
    <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
    <li><a href='#'>Most Commented</a></li>
    ..........
Now replace "#" with your menu item URL.

How to change Author Information:
search for:
  • <div class='post-panel left'>
    <h3>About The Author: admin</h3>
    <div class='clear'/>
    <img class='avatar avatar-55 photo' height='55' src='/logo.png' width='55'/>
    <div class='author-meta'>
    <div class='author-desc'>Lorem ipsum dolor sit amet...</div>
    <div class='author-links'><a href='#'>Website</a> / <a href='#'>Other Posts</a>
    </div>

Inspiration Blogger Template





DemoDownload
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

Author :  www.soratemplates.com

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>

Boulevard Blogger Template





DemoDownload
Template name : Boulevard

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

Release date : June 2012

Author :  www.soratemplates.com

Designer :  themesector.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='featured-wrapper'>
    <div class='slider'>
    <a href='#'><img src='/image.jpg' title='#htmlcaption_66'/></a>
    </div>
    ..........
    <div class='slider-text nivo-html-caption' id='htmlcaption_66'>
    <div class='slider-heading'>
    <h2><a href='#'>Battlefield 3 multiplayer review</a></h2>
    <p>Lorem ipsum dolor sit amet...</p>
    </div>
    </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:
  • <div id='navigation'>
    <ul class='menu' id='menu-main'>
    <li><a href='#'>Home</a>
    <ul class='sub-menu'>
    <li><a href='#'>Blog Style</a></li>
    ..........
Just replace "#" with your menu item URL.

How To Change Header Banner:
find this:
  • <div id='header-banner'>
    <a href='#'><img src='/header-banner.jpg'/></a>
    </div>
Now replace:
  • "#" with your banner URL.
  • "header-banner.jpg" with your banner image.

How To Change Tab Names of Tab Widget:
find this:
  • <ul class='tabs'>
    <li class='active'><a href='#tab1'>Popular</a></li>
    <li><a href='#tab2'>Comments</a></li>
    <li><a href='#tab3'>Tags</a></li>
    </ul>
Change the names "Popular", "Comments" and "Tags" as you like.

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

Tarnished Blogger Template





DemoDownload
Template name : Tarnished

Template features : Wordpress Look, 2 Columns, 4 Columns Footer, Right Sidebar, Portfolio, Header Banner, Featured Content Slider, Fixed Width, Blue Background, Top Navigation Menu, Page Navigation, Social Bar.

Release date : June 2012

Author :  www.soratemplates.com

Designer :  www.ghostpool.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 class='slide' style='width: 950px; height: 450px;'>
    <div class='caption-overlay caption-bottomright caption-dark'>
    <h2>Nunc arcu ipsum</h2></div>
    <img class='slider-image' src='/image.jpg' style='width: 950px; height: 450px;'/>
    ..........
    <span class='slider-button'>
    <img src='/thumbnail.jpg' style='width: 109px; height: 54px;'/>
    </span>
    ..........
Now replace:
  • "image.jpg" with your slider image.
  • "thumbnail.jpg" with your thumbnail 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='menu' id='menu-header'>
    <li><a href='#'>Home</a></li>
    <li><a href='#'>Pages</a>
    <ul class='sub-menu'>
    <li><a href='#'>Page With Left Sidebar</a></li>
    ..........
Just replace "#" with your menu item URL.

How To Change Header Banner:
find this:
  • <div id='header-widget'> 
    <div class='textwidget'>
    <a href='#'><img border='0' src='/banner.jpg'/></a>
    </div>
    </div>
Now replace:
  • "#" with your banner URL.
  • "banner.jpg" with your banner image.

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

Rapture Blogger Template





DemoDownload
Template name : Rapture

Template features : Wordpress Look, 2 Columns, Right Sidebar, Elegant, Personal, Featured Content Slider, Fixed Width, Wood Background, Top Navigation Menu, Social Bookmarking Bar.

Release date : June 2012

Author :  www.soratemplates.com

Designer :  www.wildemedia.co.uk

Basic Instructions : How to install a Blogger Template

Configure Post Date:
Log in to Blogger Dashboard --> Settings --> Format and change this:


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

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='slide'>
    <a href='#' target='_blank'><img src='/image.jpg' title='This is an example caption'/></a>
    ..........
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='menus' id='menu-main-menu'>
    <li><a href='#'>Home</a></li>
    <li><a href='#'>Images</a>
    <ul class='sub-menu'>
    <li><a href='#'>Custom Link</a></li>
    ..........
Just replace "#" with your menu item URL.

Kategori

Kategori