Blogger Templates Cloud: Elegant

Showing posts with label Elegant. Show all posts

Hi-Tech Blogger Template

Template Name: Hi-Tech

Platform: Blogger / Blogspot

Release Date: January 7, 2013

Author: Templateism

EZ Instructions: How to install blogger templates

License: Creative Commons Attribution 4.0

TEMPLATE FEATURES

Hi-Tech Technology is a Free Blogger Theme/Template especially for Blogs, Magazine, News Portals and Technology Blogs. It has clean and minimal touch with modern standards design. This Template is also responsive and works smoothly on each and every platform (Resize your Browser and see the magic). We have used (H1, H2, H3) heading tags that play quite significant role in SEO (Search engine optimization). Furthermore, it comes with tons of built-in features.

Features of Hi-Tech Technology Blogger Template:

Elegant Look: This theme is clean and has an impressive look. The layout is remarkable that would amuse the visitors. Since, it has an elegant look. Therefore, people will never guess that it is hosted on Blogger Platform, not on WordPress.

Auto Thumb & Read More: This template also has automatic thumbnail and read more button generation functionality. It would somehow lessen your stress of manually adding Jump break.
Breadcrumbs: Another miraculous widget we have in this template is Breadcrumbs for humans. It has nothing to do with SEO. The breadcrumbs would only display parent categories of the article so users can easily search your site in depth.
Custom Background: Unlike other themes, it has custom Sticky Background which gives it a fashionable look. However, anyone can change it according to his desire needs (On the DEMO Scroll down the page and see the background floating on your screen.
Responsive Design: It has responsive design that supports different resolutions i.e. iPad, iPod, Android and etc. (Try resizing the page of your browser and see the magic).
Google Ads Ready: This theme has quality advertisements spots which would surely increase your earning i.e. beside main logo, Below/Above post title, etc.

More Features: SEO Friendly, WordPress Look, 2 Columns, Technology Style, Static Home page, Fixed Width, Blue and White color Scheme, threaded commenting system, 4 columns footer and much more.

How To Customize Menu Bar?

To Edit/Change the Menu bar just go to Blogger.com >> Your Site >> Template >> Edit HTML >> Proceed and in the template search for the following coding. (If you are unable to find the following coding then, look for similar one.

<nav class='main'>
<div class='menu-header-container'>
<ul>

<li class='menu-item'><a href='/' title='Diffuser'><span class='nav_item'>Home</span></a></li>

<li class='menu-item'><a href='#' title='Music News'><span class='nav_item'>News</span></a></li>

<li class='menu-item'><a href='#' title='Top 10 Lists and More'><span class='nav_item'>Features</span></a></li>

<li class='menu-item'><a href='#' title='Songs'><span class='nav_item'>Songs</span></a></li>

<li class='menu-item'><a href='#' title='Videos'><span class='nav_item'>Videos</span></a></li>

<li class='menu-item'><a href='#' title='Free Music Downloads'><span class='nav_item'>Free Music Downloads</span></a></li>

<li class='menu-item'><a href='#' title='Interviews'><span class='nav_item'>Q+A</span></a></li>

</ul>
</div>

<div class='social_icons size_24'>
<a class='share_link facebook' href='https://www.facebook.com/templateism' target='_blank' title='Follow on facebook'><span class='social_icon'>follow on facebook</span></a>

<a class='share_link twitter' href='http://twitter.com/templateism' target='_blank' title='Follow on Twitter'><span class='social_icon'>follow on Twitter</span></a>

<a class='tip-us' href='#'>Tip Us</a>

</div>
</nav>

How to Add Widget or Ads Above/Below Posts:

Go To Blogger.com >> Template >> Edit HTML >> Proceed and Search for the Following coding.

To Show Below Post Title:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!--Google Adsense Ad Code (Below Post Title)-->
</b:if>

To Show at The End of Posts:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!--Google Adsense Ad Code (At the End of Posts)-->
</b:if>

Replace:
 To Show widget Below Post Title.
 To display Widget at the end of posts.

EXTRA SEARCH TAGS (IGNORE!)
blogger templates cloud, blog templates cloud, templates cloud, free premium blogger templates, free quality blogger templates, freemium, download free blogger templates, best blogger templates, top blogger templates, template blog, blogger templates, templates for blogger, templates-blogger, templates for blog, blogspot templates, blog templates, templates for blog, templates para blogspot, blog templates for blogspot, web design, webdesign, website templates, xml, themes, designs, free templates, layouts, tube blogger templates, youtube clone blogger templates, free video blog templates, gag blogger templates, damnlol blogger templates, funny blog templates, responsive blogger templates, blogger template lists, online store blogger templates, shopping cart blogger templates, eCommerce blogger templates, ads ready blog templates, auto slider ready blogger templates, download free blogger templates.

Apollo Blogger Template

Template Name: Apollo

Platform: Blogger / Blogspot

Release Date: December 24, 2012

Author: Templateism

EZ Instructions: How to install blogger templates

License: Creative Commons Attribution 4.0

TEMPLATE FEATURES

Apollo Blogger Magazine theme is one of its kinds because it has buckets full of features. It has an elegant look which would attract your eyes like a bee to a honey. Since, it is a WordPress adapted Theme it is equipped with some wonderful features. This Template is Ideal for Niche sites i.e. Technology, Media, News Bulletin, Entertainment and etc. However, a person can also use on a Personal blog theme.

Features of Apollo Blogger Theme:
Adapted From WordPress: This Blogger Template is Adapted from WordPress, so it is obvious that its features would be much better than other Blogger Themes.

Adapted From WordPress: This Blogger Template is Adapted from WordPress, so it is obvious that its features would be much better than other Blogger Themes.
One SideBar: To give it a touch of Professional Magazine Site we have included one sidebar on the right side. The sidebar has marvel features with the awe-inspiring look.
Two Header Areas: It has two areas for Header one is for the Logo and second is for placing a 468x60 advertisement. However, a person may customize it according to his needs.
Floating Menu Bar: Unlike, other Blogger templates, it has full width floating navigation menu that appears at the top of the blog. It scrolls whenever we go up or down the page.
Automatic Thumbnail & Read More: We have also included an automatic thumbnail script that automatically generates the Thumbnails and post summaries along with a Read More button.
SEO Friendly: This theme is optimized by Skilled SEOs. Therefore, there is no need to optimize for Search engine optimization. Posts have H2 Heading tags that are vital for high SERP ranking.
Fixed Wrapper: The Layout of this theme is fixed so it would support both low and high resolution laptops, and monitors. It would also work well on Mobile devices and Tablet.
Four Columns Footer: Unlike, other Blogger Templates, we have tried to come up with 4 Columns footer. It would allow users to add up to 4 Gadgets without facing any problem whatsoever.
Whitish Gray Background: It also has a background that gives an elegant touch to this template. Nowadays, we hardly see any site that is not using custom backgrounds.
Threaded Commenting System: We have added our customized Threaded commenting system, so your visitors cannot stay without leaving their precious comment.

Customizing Floating Menu Bar:

To Customize the Floating Menu in Apollo Blogger Template a person should have a little bit knowledge about the HTML. However, following steps are curated for an ordinary guy. Consider the following Steps.

<div class='menu-main-menu-container'><ul class='main_nav' id='main_menu'><li class='menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-533' id='menu-item-533'>
<a href='#'>Home</a></li>
<li><a href='#'>Blog</a></li>
<li><a href='#'>About Us</a></li>
<li><a href='#'>Advertise Here</a></li>
<li><a href='#'>Contact Us</a></li></ul>
</div>

Go To Blogger.com >> Template >> Edit Html >> Search for the following code and customize it according to your desired needs. However, if you get stuck in the middle feel free to leave your comment below.

How To Add Google Adsense or Any Widget "Below Post Title":

To insert Google AdSense or any other widget below the post title do as mentioned below. (Remember: It will only appear on Post Pages).
Go To Blogger.com >> Template >> Edit HTML >> Proceed and Search for the Following coding.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!--Google Adsense Ad Code (Below Post Title)-->
</b:if>

Once you have found the above coding Simply Replace  With your Parsed Google AdSense Code or etc, according to the desire needs.

How To Add Google Adsense or Any Widget "At the End of Posts":

To insert any widget or any advertisements at the end of the post pages do as mentioned below. (Don't worry it will only display on Post Pages).
Go To Blogger.com >> Template >> Edit HTML >> Proceed and Search for the Following coding.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!--Google Adsense Ad Code (At the End of Posts)-->
</b:if>

After finding the above coding, Replace  with the coding of your widget and save the template.

How To Change Post Author URL?

Go To Blogger.com >> Template >> Edit HTML >> Proceed >> in the template coding Search for the Following Link and replace it with your About us Page.

http://www.mybloggerlab.com/2012/05/some-thing-about-author-syed-faizan-ali.html

Unite Black Blogger Template

Template Name: Unite Black

Platform: Blogger / Blogspot

Release Date: July 2012

Author: Sora Templates

Designer: Parallelus

EZ Instructions: How to install blogger templates

License: Creative Commons Attribution 4.0

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.

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:

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

EXTRA SEARCH TAGS (IGNORE!)
blogger templates cloud, blog templates cloud, templates cloud, free premium blogger templates, free quality blogger templates, freemium, download free blogger templates, best blogger templates, top blogger templates, template blog, blogger templates, templates for blogger, templates-blogger, templates for blog, blogspot templates, blog templates, templates for blog, templates para blogspot, blog templates for blogspot, web design, webdesign, website templates, xml, themes, designs, free templates, layouts, tube blogger templates, youtube clone blogger templates, free video blog templates, gag blogger templates, damnlol blogger templates, funny blog templates, responsive blogger templates, blogger template lists, online store blogger templates, shopping cart blogger templates, eCommerce blogger templates, ads ready blog templates, auto slider ready blogger templates, download free blogger templates.

K44 White Blogger Template

Template Name: K44 White

Platform: Blogger / Blogspot

Release Date: October 13, 2013

Author: Urang-Kurai

EZ Instructions: How to install blogger templates

License: Creative Commons Attribution 4.0

TEMPLATE FEATURES

Note: All text below was translated via Google Translator. Some text may not accurate.

K-44 white, its meaning is K44 (serpentine Ampek Puluah Ampek) : D, K44 is the name of the proposal and the suggestion of one of our friends on fb thank you :). it's just a standard template that many of its white color. 1 column on the front page and page 2 column in the post, this is very suitable for photography or enthusiasts who love to post a picture - a picture or photo.

How to wear costume for image / photo
The template is there are 3 kinds of costume for a photo or picture, sorry as usual there is some code that encodes never been anything about her and I saw her, if the template of urang-Kurai last modified slightly publish his template and some have had to sell her, despite her modified somehow I definitely know it's a template of urang-Kurai. so I was forced to encode some scripts, because here I share templates for free and not for sale.

Costum 1

To make custom No. 1 as above, you have to go into the html editor in the post, you can see his picture below

how to make it just add this code in the HTML editor.

<div  class="costum img_style1"> 
    <img  alt="Description of the image or photo" src="url_gambar"/> 
</div>

You can also give information on each photo or picture, this is perfect for the big picture, remember not to image small.

Costum 2

For costume no 2 see his first demo, click the image above

you simply add the following code in the HTML editor post

<div  class="costum img_style2"> 
    <img  alt="Description of the image or photo"  src="url_gambar"/> 
</div>

Costum 3

This kwkwkwk its truth does not mean anything - what is it, but I was inspired by one of the websites for photography, there are pictures of her rada - rada porn in the sensor and must click on the button so it can only see the first picture of her. So if you want to publish a photo or image that is rather porn

Her way is quite easy, you simply add a class named adult in every code above earlier, his example

<div  class="img_style1 costume adult"> 
    <img  alt="Description of the image or photo" src="url_gambar"/> 
</div> 
<div  class="img_style2 costume adult"> 
    <img alt="Description of the image or photo" src="url_gambar"/> 
</div>

Maps / Map

check out his demo, click the image above

how to add the location in any post, please post settings (Post settings) and click the menu with the name of the location (Location), you just enter the name of the area you want in the input that was there, though more clearly seen in the picture below

Contact

Contact her to form you can see incoming messages through your Gmail email each - one :)

Infinite Scroll

Content loads automatically and endlessly as readers scroll down the page.

Threaded comment system

Readers can comment on your posts the blogger using standard threaded comment system.

Exif Data Overlay

Photos and photosets can display a clickable overlay image with exif data.

Grid system

Isotope jQuery Plugin

DCM White Blogger Template

Template Name: DCM White

Platform: Blogger / Blogspot

Release Date: May 1, 2013

Author: Urang-Kurai

EZ Instructions: How to install blogger templates

License: Creative Commons Attribution 4.0

TEMPLATE FEATURES

Note: All text below was translated via Google Translator. It may not accurate.

DCM-WHITE is a template blogspot with a grid system using Isotope and jquery template is a continuation of that template before nyaDCM - DARK, in this template there are some differences from the template before her, this template is perfect for photography enthusiasts or blog with a concept or a photo | View Gallery the other.

Infinite Scroll
Content loads automatically and endlessly as readers scroll down the page.

Threaded comment system
Readers can comment on your posts using the blogger standard threaded comment system.

Exif Data Overlay
Photos and Photosets can display a clickable overlay with image exif data.

Grid system
Isotope jQuery Plugin

25 Pixel Blogger Template

Template Name: 25 Pixel

Platform: Blogger / Blogspot

Release Date: March 7, 2013

Author: Urang-Kurai

EZ Instructions: How to install blogger templates

License: Creative Commons Attribution 4.0

TEMPLATE FEATURES

Note: All text below was translated via Google Translator. Some text may not accurate.

25-pixel is a template blogspot with a grid system using jquery Masonry, this template is perfect for photography enthusiasts or blog with a photo | View Gallery concept or the other

Threaded comment system
Readers can comment on your posts using the blogger standard Threaded comment system.

Social Media Links
Includes icons linking to your other social media pages.

Grid system
Masonry jQuery Plugin

Responsive menu
Responsive menu that helps visitors navigate your site

Sumatran Sikuai Blogger Template

Template Name: Sumatran Sikuai

Platform: Blogger / Blogspot

Release Date: November 11, 2012

Author: Urang-Kurai

EZ Instructions: How to install blogger templates

License: Creative Commons Attribution 4.0

TEMPLATE FEATURES

Note: All text below was translated via Google Translator. It may not accurate.

Yah long already, I do not post the template blogspot.Gak know yesterday evening, arrived - arrived I want bgt takatik blogcepot template, try - try to redesign the template that X10 Masonry Templates . did not know her to asik'an hehehe .. :) . Template that is now possible her appearance somewhat like that of the template Animashaun - me who before his template, this may be because the end - this end I would rather listen to a song - a song that is rather Galau .. (eeiits. ... not that I upset tablets ) , or perhaps because the end - this end I would like make a bright blue shirt .. ('O.. cwuit co ...') , so any that whatever I'm doing so carried away Animashaun .. or its because the virus is coming -because these days I prefer to drink sweet tea ... yah??, Okay let's get serious and get back up and we're back kepembicaraan who discuss the topic of this post .. Template this time I named Sikuai Sumatra , there may be some buddies who do not know what it sikuai .. sikuai is a small island which is located in the area west of Sumatra, with its very beautiful sea and its sand grains that is like white diamonds that glow, and this is sikuai Bla .. Bla .. Bla .. (its complete pal please find out yourself on google: p) in my opinion, is a good template does not have a field widget in the footer, I made it because sebahagian many bloggers like to install a widget - widgetdi his blog, create ads was or what was his name .. hehe .. regards \ m / aja .. :). To my friend who are interested in his other templates please go to the following link template

London Creative Red Blogger Template

Template Name: London Creative Red

Platform: Blogger / Blogspot

Release Date: July 2012

Author: Sora Templates

Designer: Freshface

EZ Instructions: How to install blogger templates

License: Creative Commons Attribution 4.0

TEMPLATE FEATURES

Wordpress Look, Right Sidebar, 2 Columns, Elegant, Featured Content Slider, Fixed width, Dark, Tabbed widget, Top Navigation Menu

Click HERE on how to configure this template

EXTRA SEARCH TAGS (IGNORE!)
blogger templates cloud, blog templates cloud, templates cloud, free premium blogger templates, free quality blogger templates, freemium, download free blogger templates, best blogger templates, top blogger templates, template blog, blogger templates, templates for blogger, templates-blogger, templates for blog, blogspot templates, blog templates, templates for blog, templates para blogspot, blog templates for blogspot, web design, webdesign, website templates, xml, themes, designs, free templates, layouts, tube blogger templates, youtube clone blogger templates, free video blog templates, gag blogger templates, damnlol blogger templates, funny blog templates, responsive blogger templates, blogger template lists, online store blogger templates, shopping cart blogger templates, ecommerce blogger templates, ads ready blog templates, auto slider ready blogger templates, download free blogger templates.

Buzz Purple Blogger Template

Template Name: Buzz Purple

Platform: Blogger / Blogspot

Release Date: July 2012

Author: Sora Templates

EZ Instructions: How to install blogger templates

License: Creative Commons Attribution 4.0

TEMPLATE FEATURES

Wordpress Look, Right Sidebar, 2 Columns, Elegant, Featured Content Slider, Fixed width, Dark, Tabbed widget, Top Navigation Menu

Click HERE on how to configure this template.

EXTRA SEARCH TAGS (IGNORE!)
blogger templates cloud, blog templates cloud, templates cloud, free premium blogger templates, free quality blogger templates, freemium, download free blogger templates, best blogger templates, top blogger templates, template blog, blogger templates, templates for blogger, templates-blogger, templates for blog, blogspot templates, blog templates, templates for blog, templates para blogspot, blog templates for blogspot, web design, webdesign, website templates, xml, themes, designs, free templates, layouts, tube blogger templates, youtube clone blogger templates, free video blog templates, gag blogger templates, damnlol blogger templates, funny blog templates, responsive blogger templates, blogger template lists, online store blogger templates, shopping cart blogger templates, ecommerce blogger templates, ads ready blog templates, auto slider ready blogger templates, download free blogger templates.

LeetPress Blogger Template

Template Name: LeetPress

Platform: Blogger / Blogspot

Release Date: July 2012

Author: Sora Templates

Designer: WpManiac

EZ Instructions: How to install blogger templates

License: Creative Commons Attribution 4.0

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.

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

Template Name: Unite

Platform: Blogger / Blogspot

Release Date: July 2012

Author: Sora Templates

Designer: Parallelus

EZ Instructions: How to install blogger templates

License: Creative Commons Attribution 4.0

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.

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.

London Creative Blogger Template

Template Name: London Creative

Platform: Blogger / Blogspot

Release Date: July 2012

Author: Sora Templates

Designer: FreshFace

EZ Instructions: How to install blogger templates

License: Creative Commons Attribution 4.0

TEMPLATE FEATURES

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

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

EXTRA SEARCH TAGS (IGNORE!)
blogger templates cloud, blog templates cloud, templates cloud, free premium blogger templates, free quality blogger templates, freemium, download free blogger templates, best blogger templates, top blogger templates, template blog, blogger templates, templates for blogger, templates-blogger, templates for blog, blogspot templates, blog templates, templates for blog, templates para blogspot, blog templates for blogspot, web design, webdesign, website templates, xml, themes, designs, free templates, layouts, tube blogger templates, youtube clone blogger templates, free video blog templates, gag blogger templates, damnlol blogger templates, funny blog templates, responsive blogger templates, blogger template lists, online store blogger templates, shopping cart blogger templates, ecommerce blogger templates, ads ready blog templates, auto slider ready blogger templates, download free blogger templates.

Revo Catalogspot eCommerce Blogger Template

Template Name: Revo Catalogspot eCommerce

Platform: Blogger / Blogspot

Release Date: November 9, 2013

Author: Loefa-Cebook

EZ Instructions: How to install blogger templates

License: Creative Commons Attribution 4.0

TEMPLATE FEATURES

Catalogspot Revo Blogger Template, the third version of Catalogspot Shopping cart Blogger Templates loefa dar-cebook, Blogger templates for online stores, online stores with modern style, equipped with a slider from Flexslider JS, scripts menu of Superfish JS, making it look like a template online store professional.

This template is built for those who want to have a simple online store with low cost. With this template you don't need to worry about hosting fees every month, because you are using Blogger, 100% free, unlimited bandwidth, and more.

Features

Checkout by paypal, amazon, and google checkout
Slider using flexslider,
menu using suprfish,
modern online store style,
and more :)

1. Set Up

Installing Template

To install this template its simple.

Unzip download file
Open xml using an HTML editor such as Notepad
Go to Template page blogger, click Edit HTML, and delete all old template code,(make sure all empty)
Then copy all new template code, and paste into EDIT HTML window at Blogger.
At last, click Save template.

2. Shopingcart Setting

After you successfully install this template, you need to change the settings shopping cart.

<script type='text/javascript'>
//<![CDATA[
/*----------------------------
CART SETTING
-----------------------------*/
 
$(function(){
   simpleCart({
       checkout: { 
           type: "PayPal" , 
           email: "Your_Store@yours.com" 
       } 
   });
 
/*----------------------------
SHIPPING RATE SETTING
-----------------------------*/
simpleCart.shipping(function(){
    if( simpleCart.quantity() > 20 ){
         return 0;
     } else {
         return 10;
     }
}); 
});   
//]]> 
</script>

You can find it at the bottom, before the closing body tag from templates </body>

Replace the email address Your_Store@yours.com with your Paypal account email address, and default settings for shipping rate of $10 if purchased less than 20 items, and $0 if more than 20 items

3. Create Post

Once you've logged into Blogger you'll see your Dashboard, showing your list of blogs. Click the orange pencil icon to create a new post:

Next, you'll see the Post Editor. Click HTML button at top left post editor, Start by giving your post a title:

For this template all entries must use the post format, here is the post format script:

<div class="item_image">
<img border="0" class="item_thumb" src="YOUR_IMAGE_URL.jpg" />
<span class="item_price">$00.90</span>
</div>
<div class="item_Description">
Some text for item description
</div>

you need to change YOUR_IMAGE_URL.jpg with your image url that you upload to Blogger, price of the item $00.90, and put an description for your item

When you're done, just click Publish to publish your post.

4. View Cart page

Make this page using static pages Blogger feature,

Blogger Static Pages allows you to create specific pages like About Me, Contact page, Privacy Policy etc. on stand-alone pages that are linked from your blog. The static pages basically are the same as post pages, but there are several things that make them different. One of the differences is that static pages don't appear in the home page, don't have a label, and are not indexed as archive pages.

How to create your blog static page :
1. Beside a specific blog, click the drop-down menu to the right of the gray Post List icon

2. Select Pages.
3. Click the New Page button, then select one of the following option:
Blank page: create a new page.
copy and paste this code into your post editor,

<div class="cart-view left">
<div class="simpleCart_items"></div>
</div>
<div class="cart-info right">
Shipping rate : <span class="simpleCart_shipping"></span>
<br/>
Total : <span class="simpleCart_grandTotal"></span> 
<br/>
<br/>
<br/>
<div class="ck-btn">
<a href="javascript:;" class="simpleCart_checkout">Ready Checkout</a>
</div>
</div>

4. When you're done, just click Publish.

5. Shortcode

Menu Navigation

to customize the menu andaharus go to edit html page, here is the script menu

replace #Page-Url with links to the pages and menu items with your text.

Slider

The following is a script for the slider, you just need to change the image url and text.

slide image size should be 960x400px

EXTRA SEARCH TAGS (IGNORE!)
blogger templates cloud, blog templates cloud, templates cloud, free premium blogger templates, free quality blogger templates, freemium, download free blogger templates, best blogger templates, top blogger templates, template blog, blogger templates, templates for blogger, templates-blogger, templates for blog, blogspot templates, blog templates, templates for blog, templates para blogspot, blog templates for blogspot, web design, webdesign, website templates, xml, themes, designs, free templates, layouts, tube blogger templates, youtube clone blogger templates, free video blog templates, gag blogger templates, damnlol blogger templates, funny blog templates, responsive blogger templates, blogger template lists, online store blogger templates, shopping cart blogger templates, ecommerce blogger templates, ads ready blog templates, auto slider ready blogger templates, download free blogger templates.

Mode HD Clean Blogger Template

Template Name: Mode HD Clean

Platform: Blogger / Blogspot

Release Date: August 12, 2013

Author: Loefa-Cebook

EZ Instructions: How to install blogger templates

License: Creative Commons Attribution 4.0

TEMPLATE FEATURES

Note: All text below was translated by BTC.

Today is special for you who like the clean Blogger template with a minimalist style. Be a template this time the theme is the theme ... what??! ahaha confused me. game? business? portfolio? or personal?! yes ... you can use it whatever you like!

Welcome Box widget

What I mean by "Welcome Box Widget" is a widget HTML / JavaScript to display on the page Homepage blog posts, here is the script:

<p><span>easy to use, customizable,and exclusively designed</span>Premium Blogger Template</p>
<a class='primary-btn' href='#'>Download now for free</a>

This script can directly copy and paste it into the widget titled WELCOME BOX, Do not forget to change the text a if you want. The script can also use the button to switch on the article or blog post.

And the end, thank you for visiting and hopefully Blogger Templates HD mode can be useful.

EXTRA SEARCH TAGS (IGNORE!)
blogger templates cloud, blog templates cloud, templates cloud, free premium blogger templates, free quality blogger templates, freemium, download free blogger templates, best blogger templates, top blogger templates, template blog, blogger templates, templates for blogger, templates-blogger, templates for blog, blogspot templates, blog templates, templates for blog, templates para blogspot, blog templates for blogspot, web design, webdesign, website templates, xml, themes, designs, free templates, layouts, tube blogger templates, youtube clone blogger templates, free video blog templates, gag blogger templates, damnlol blogger templates, funny blog templates, responsive blogger templates, blogger template lists, online store blogger templates, shopping cart blogger templates, eCommerce blogger templates, ads ready blog templates, auto slider ready blogger templates, download free blogger templates.

GoodInc Spot Blogger Template

Template Name: GoodInc Spot

Platform: Blogger / Blogspot

Release Date: August 10, 2013

Author: Loefa-Cebook

EZ Instructions: How to install blogger templates

License: Creative Commons Attribution 4.0

TEMPLATE FEATURES

Note: All text below was translated by BTC.

GoodInc Spot Blogger Template , Blogger Template New Loefa-cebook, this template suitable for blog templates themed games, and personal blogs. GoodInc Spot Blogger Template , It comes with automatic slide taken from one of the existing categories of blogs, as a feature post.

Like described above Slider Spot Blogger Template GoodInc this, taken from your blog posts based on Labels, so to display the slider, you can simply type a label from your blog, titled Featured Posts widget, then save. And thus hopefully Spot Blogger Template GoodInc useful.

EXTRA SEARCH TAGS (IGNORE!)
blogger templates cloud, blog templates cloud, templates cloud, free premium blogger templates, free quality blogger templates, freemium, download free blogger templates, best blogger templates, top blogger templates, template blog, blogger templates, templates for blogger, templates-blogger, templates for blog, blogspot templates, blog templates, templates for blog, templates para blogspot, blog templates for blogspot, web design, webdesign, website templates, xml, themes, designs, free templates, layouts, tube blogger templates, youtube clone blogger templates, free video blog templates, gag blogger templates, damnlol blogger templates, funny blog templates, responsive blogger templates, blogger template lists, online store blogger templates, shopping cart blogger templates, eCommerce blogger templates, ads ready blog templates, auto slider ready blogger templates, download free blogger templates.

Buzz Blogger Template

Template Name: Buzz

Platform: Blogger / Blogspot

Release Date: July 2012

Author: Sora Templates

Designer: ghostpool

EZ Instructions: How to install blogger templates

License: Creative Commons Attribution 4.0

TEMPLATE FEATURES

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

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>

Johny Ganteng Banget Blogger Template

Template Name: Johny Ganteng Banget

Platform: Blogger / Blogspot

Release Date: 2012

Author: Maskolis

EZ Instructions: How to install blogger templates

License: Creative Commons Attribution 4.0

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.

Johny Joss Banget Blogger Template

Template Name: Johny Joss Banget

Platform: Blogger / Blogspot

Release Date: 2012

Author: Maskolis

EZ Instructions: How to install blogger templates

License: Creative Commons Attribution 4.0

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

Rapture Blogger Template

Template Name: Rapture

Platform: Blogger / Blogspot

Release Date: June 2012

Author: Sora Templates

Designer: ChristineWild

EZ Instructions: How to install blogger templates

License: Creative Commons Attribution 4.0

TEMPLATE FEATURES

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

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.

LightBright Blogger Template

Template Name: LightBright

Platform: Blogger / Blogspot

Release Date: June 2012

Author: Sora Templates

Designer: Elegant Themes

EZ Instructions: How to install blogger templates

License: Creative Commons Attribution 4.0

TEMPLATE FEATURES

2 Columns, Right Sidebar, Elegant, Fixed Width, Personal, Black Background, Top Navigation Menu, Page Navigation Widget, Social Bookmarking Bar.

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

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

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

<ul class='nav superfish clearfix'>
 <li><a href='#'>Home</a></li>
 <li><a href='#'>About</a>
  <ul class='children'>
   <li><a href='#'>Contact Us</a></li>

Now replace "#" with your menu item URL.

Configure Page Navigation Widget:
search for:

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

Hi-Tech Blogger Template

Apollo Blogger Template

Unite Black Blogger Template

K44 White Blogger Template

DCM White Blogger Template

25 Pixel Blogger Template

Sumatran Sikuai Blogger Template

London Creative Red Blogger Template

Buzz Purple Blogger Template

LeetPress Blogger Template

Unite Blogger Template

London Creative Blogger Template

Revo Catalogspot eCommerce Blogger Template

Mode HD Clean Blogger Template

GoodInc Spot Blogger Template

Buzz Blogger Template

Johny Ganteng Banget Blogger Template

Johny Joss Banget Blogger Template

Rapture Blogger Template

LightBright Blogger Template

Popular Templates

Our Awesome Authors

Followers

Category