Rocket Blogger Template Html5 CSS3





DemoDownload
Template name : Rocket

Platform: Blogger / Blogspot

Release date : April 2013

Free download blogspot template Html5 CSS3

Designer :  kopasoft

Template features : 3 Columns, Magazine, Featured Content Slider, Fixed Width, Dropdown Menu, Social Widget, Gray Background, Page Navigation Widget.

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='flexslider' id='home-slider'>
     <ul class='slides'>
     <li>
     <article>
     <div class='kp-view'>
     <img src='../slide-1.jpg'/>
     <a class='kp-mask' href='#'/>
     </div> 
     <div class='flex-caption'>
     <h1><a href='#'>Eight Important Factors of ...</a></h1>
     </div> 
     </article>
     </li>
     ..........
Replace:
  • "#" with your featured post URL.
  • "slide-1.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 id='main-menu'>
     <li class='current-menu-item'><a href='#'>Home</a></li>
     <li><a href='#'>Features</a>
      <ul>
       <li><a href='#'>Categories page</a></li>
       <li><a href='#'>Single page</a></li>
     ..........
Replace "#" with your menu item URL.

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

No comments :

No comments :

Post a Comment