Project 10 Blogger Template

Template name : Project 10

Author :  www.soratemplates.com

Designer :  www.orange-themes.com

Template features : Wordpress Look, 3 Columns, 4 Columns Footer, Right Sidebar, Fashion, Featured Content Slider, Fixed Width, Gray Background, Social Widget, Page Navigation Widget.

Note: You must publish at least 5 posts and your blog must be in public mode (everyone can see it), if not, you will be redirect to this site, we're really sorry for caused you this trouble.

Configure Featured Content Slider:

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

• <div id='layerslider' style='width: 748px; height: 300px;'>
   <div class='ls-layer' rel='slidedelay: 5000'>
   <img class='ls-bg' src='/image.jpg'/>
   ..........

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='menu' id='menu-top-menu'>
   <li><a href='#'><i style='font-family:Ropa Sans;'><span>Homepage</span></i></a></li>
   <li><a href='#'><i style='font-family:Ropa Sans;'><span>Blog</span></i></a></li>
   ..........

Just replace "#" with your menu item URL.

Configure Social Widget:

Search for:

• <div class='left-social-icons'>
   <a class='social-facebook' href='#' target='_blank'><span/></a>
   <a class='social-twitter' href='#' target='_blank'><span/></a>
   ..........

Replace "#" with your Social Account URL.

Configure Page Navigation Widget:

search for:

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

Read more

Eclipse Blogger Template

Template name : Eclipse

Author :  www.soratemplates.com

Designer :  www.devilcantburn.com

Template features : 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>
   ..........

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='main_menu' id='menu-menu-1'>
   <li><a href='#'><span class='gfont'>Home</span> <span class='subline'>&#8592; 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>
   ..........

Replace "#" with your menu item URL.

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

Replace "#" with your Social Account URL.

Read more

VideoBox Blogger Template

Template name : VideoBox

Author :  www.soratemplates.com

Template features : 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>
   ..........

Replace:

• "#" 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>
   ..........

Replace "#" with your menu item URL.

Configure Page Navigation Widget:

search for:

• var posts=9, // Number of posts in each page
      num=2, // Number of buttons will display

Read more