Project 10

Love this
28
  • Layout
  • 2 Columns with Left Sidebar
  • Colors
  • Project 10 template color schemes:
About this template
  • Date Released:   Sep, 2012
  • Designer:   Sora Templates
  • Price:   FREE
License
  • Creative Commons Attribution: You are free to use for personal/commercial use. But, you must attribute the work to the author. Should not remove credit links.
Statistics
  • Downloads:   4072
  • Demo views:   5113
  • 28 people love this template
Shortlist this Blogger template
Lovely Template Editor's Choice award winning template
Design Features
  • Slide Show
  • Project 10 template has slide show (slider) in home page. Show your featured content in an easy to use slider
  • Post Thumbnails
  • Show a thumbnail image (small image) for every post using this template
  • Good Typography
  • Project 10 template has beautiful Typography (font styles). Your website will look beautiful and readable
  • Custom web fonts
  • Project 10 template uses Web fonts like Google Fonts. Improve your website typography by using custom fonts
Customization Features
  • HTML Menu
  • Navigation menu for this template is customizable in HTML. Edit the HTML to add your menu links
  • Widget Ready
  • Project 10 template comes with many widgetized area. Add your widgets easily using this template
  • Footer Widgets
  • Project 10 template comes with footer widgets. Use your footer area effectively for engaging your users
More Features
  • SEO Ready
  • Project 10 template is optimized for Search engines like Google. This template helps your website to rank higher in search engines
  • Ad Ready
  • Use this template to show Banner advertisement or Google ads easily. Make money using your site
  • RSS Buttons
  • Project 10 template comes with RSS Buttons. Let your user follow you using your RSS feed
  • Social Buttons
  • This template comes with social buttons like facebook, twitter etc., Let your users share your content easily
  • Search box
  • Project 10 template has search box in it. Search box helps your user to find the content easily on your site
  • Pagination
  • Pagination links helps users to navigate easily to your older posts. Users can click easy to use buttons to go to Page 2, Page 3 etc.,

Posts per Page

This template is set to display 5 posts in each page. By default, new Blogger blog shows 7 posts per page. You should change this in Settings -- Posts and Comments. Then, update Show at most box with number 5 and Save. If you want to show 7 posts in each page then you should change the following code in template. Open the Project 10 template.xml file in notepad and find following code. Update posts=5 to posts=7 or any other number that you want.

var posts=5,
num=2,
previous="«",
next="»";

Configure Featured Content Slider

Project 10 template is using more advanced Slider for Parralex effect. But, you cannot have each slide with a link or text. You should have multiple images to achieve the same effect as the demo. Each slider in the slidehow has following code,

<div class='ls-layer' rel='slidedelay: 5000'>
<img class='ls-bg' src='http://2.bp.blogspot.com/-KhvMKODDeEE/UTNSd0I0a3I/AAAAAAAABBk/cmUGBneGjV8/s1600/1339670779image-30.jpg'/>
<img class='ls-s2' rel=' slidedirection: left; slideoutdirection: right; durationin: 1000; durationout: 1000; delayin: 100; delayout: 100; easingin: easeOutQuint; easingout: ;' src='http://3.bp.blogspot.com/-829n5_AIAPA/UTNShz3yymI/AAAAAAAABDY/ajBUWBo5L0k/s1600/image-3.png'/>
<img class='ls-s3' rel=' slidedirection: left; slideoutdirection: bottom; durationin: 1000; durationout: 1000; delayin: 300; delayout: 200; easingin: easeInSine; easingout: easeInQuad;' src='http://3.bp.blogspot.com/-kpFxOu0njAA/UTNSiBNQ-pI/AAAAAAAABDk/42Tqa49Hn9c/s1600/image-4.png'/>
<img class='ls-s4' rel=' slidedirection: left; slideoutdirection: top; durationin: 1000; durationout: 1000; delayin: 400; delayout: 200; easingin: easeOutQuint; easingout: swing;' src='http://1.bp.blogspot.com/-GMzDxa42av0/UTNSiE80XmI/AAAAAAAABDg/gv57qXZd-kA/s1600/image-5.png'/>
</div>

You should know some coding to update this. If you are not able to understand this then just remove all images in the above DIV except for ls-bg image. Like this,

<div class='ls-layer' rel='slidedelay: 5000'>
<img class='ls-bg' src='http://2.bp.blogspot.com/-KhvMKODDeEE/UTNSd0I0a3I/AAAAAAAABBk/cmUGBneGjV8/s1600/1339670779image-30.jpg'/>
</div>

This will show just photo slideshow in this slider. Do not forget to update the image src in the above code. Like this, you can have multiple images.

Note: If you do not want this complicated slider then put following code just above the </head> to remove this slider

<style>
.panel-shadow {
display: none;
}
</style>

Configure Dropdown Menu

Open the Project 10 template.xml file in notepad and find following code. Update the Text and links with your navigation links

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

Configure Contact Us widget

Go to Layout -- Click Edit on Contact Us widget. Paste the following code in the content box. Update the phone number, email and address with your details

<span class="footer-contact-icon footer-contact-phone">+371 2 83 48 272</span>
<span class="footer-contact-icon footer-contact-mail">info@project10.com</span>
<span class="footer-contact-icon footer-contact-map">235 Regent Street, London, W1B 2EL</span>

Configure About Us widget

Go to Layout -- Click Edit on About us widget. Paste the following code in the content box. Update the About us text and social links with your info.

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas mattis nisi felis, vel ullamcorper dolor. Integer iaculis nisi id nisl porta vestibulum.</p>
<a href="#" class="footer-social-icon foot-icon-facebook" target="_blank"><img src="http://project10.orange-themes.com/wp-content/themes/project10-theme/images/footer-icon-facebook.png" /></a>
<a href="#" class="footer-social-icon foot-icon-twitter" target="_blank"><img src="http://project10.orange-themes.com/wp-content/themes/project10-theme/images/footer-icon-twitter.png" /></a>
<a href="#" class="footer-social-icon foot-icon-digg" target="_blank"><img src="http://project10.orange-themes.com/wp-content/themes/project10-theme/images/footer-icon-digg.png" /></a>
<a href="#" class="footer-social-icon foot-icon-google" target="_blank"><img src="http://project10.orange-themes.com/wp-content/themes/project10-theme/images/footer-icon-google.png" /></a>
<a href="#" class="footer-social-icon foot-icon-rss" target="_blank"><img src="http://project10.orange-themes.com/wp-content/themes/project10-theme/images/footer-icon-rss.png" /></a>

Configure Flickr Photos widget

This is one of the many exclusive feature when you download this template from lovelytemplates.com. Go to Layout -- Click Edit on Flickr Photos widget. Paste the following Flickr widget code in the content box. Update the user=8710861@N07 with your Flickr user account.

<div class='flickr_wrap'>
<script src='http://www.flickr.com/badge_code_v2.gne?count=12&amp;display=latest&amp;size=s&amp;layout=x&amp;source=user&amp;user=8710861@N07' type='text/javascript'/>
</div></script></div>

Meta Description

Project 10 template is Search Engine Optimized by Lovely templates. We are using Search preferences options for meta description. Go to settings -- Search Preferences and enter a description for your site. This description will come as meta description for your home page. Helpful for Search engines. Also, you can add meta descriptions for every page you create in blogger. This template is completely optimized for SEO by Lovelytemplates.com.

Layout for Project 10 Blogger Template

Leave a Reply

Your email address will not be published.

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>