FreshDream Blogger Template

3-column SEO Optimized Blogger Template - FreshDream.

FreshDream is a 3-column Blogger template for personal blogs and article publishing websites. This template is a perfect choice for those who want to make a elegant and fresh looking blog. This simple yet beautiful interface is designed by our team with focus is on user-experience and usability. The theme is highly SEO optimized, and the websites using this template has experienced increase in traffic and pageviews. Template Features: Wordpress Look, 3 Columns, Right Sidebar and Left Sidebar,  Featured Content Slider,  Top Navigation Menu, SEO ready,  Awesome Fonts and thumbnails

Demo 2

Download

FreshDream Core Features

• Lightweight fresh and clean looking interface with grey background.
• Related posts widgets with Thumbnails and Hover effect.
• Highly SEO Optimized.
• Lightweight Top navigation Menu with CSS3 +HTML Dropdown Menu.
• Clean Looking threaded comments.
• Advertisements banner ready - Perfect for Adsense users, right sidebar for Square ad, left sidebar for Skyscraper ad
• Simple User Friendly Search Box.
• Numbered Pagination using CSS.
• Custom Widgets (Facebook Likebox, Recent Comment)
• Social Share Counter Widget.
• Auto Blog Post summarize And “Read More” Button.
• Social Media Buttons integrated below each post.
• Cool Image Slider for Blogger Posts.

Theme Customization

Configure Dropdown Menu:

Login to blogger dashboard --> Template--> Edit HTML. Find and scroll down to where you see the codes below: Input your menu item by replacing the YOUR_URL with your Content URL and YOUR DESC with the title of the content below.

<div id='cssmenu'> ...... ...... <li> <a expr:href='YOUR_URL'>YOUR DESC</a> </li>

Configure Content Slider:

Login to blogger dashboard --> Layout--> Add a Gadget. Add a HTML/Javascript widget above the Blog Posts and add the below code. Replace the URL with the content URL, IMAGE_URL  with the source path of the image file and TITLE with the content title.

 <script src="http://dimpost.googlecode.com/files/js-image-slider.js" 
 type="text/javascript"></script>
 <div id="sliderFrame">
 <div id="slider">
 <a href="URL_1"><img src="IMAGE_URL_1" alt="TITLE_1" /></a>
 <a href="URL_2"><img src="IMAGE_URL_2" alt="TITLE_2" /></a>
 <a href="URL_3"><img src="IMAGE_URL_3" alt="TITLE_3" /></a>
 <a href="URL_4"><img src="IMAGE_URL_4" alt="TITLE_4" /></a>
 </div></div>

If you face any problems during installation, or find any bugs and errors, please use the comment section to report them, I would be glad to help you. Please also provide your feedback about the template, the improvements that can be made.