Friday, August 19, 2016

Rocket Blogger Template

rocket+templat
Rocket Template

  • Template Name :- Rocket Blogger Template.
  • Author :- Sorat Templates.
  • Designer :-Kopasoft.
  • Release Date :- April 2013.
  • Features :- 3 Columns, Magazine, Featured Content Slider, Fixed Width, Dropdown Menu, Social Widget, Gray Background, Page Navigation Widget.
It is little bit of modified version of Rocket Blogger template with sticky navbar.

; background-repeat: initial initial; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 8px; position: relative;">DEMO


Configure Dropdown menu:-

  • Go to Blogger dashboard >> Template >> Edit HTML. Now scroll down following code and replace it with your links.

<nav class='main-nav'>
 <span class='menu-icon'>Menu</span>
 <ul id='main-menu'>
   <li class='current-menu-item'><a href='/'>    Home</a></li>
 <li><a href='/search/label/Tricks'>Tricks</a>
 <ul>
 <li><a href='/search/label/Android'>Android</a></li>
 <li><a href='/search/label/Internet'>Internet</a></li>
 <li><a href='/search/label/Computer'>Windows</a></li>
 <li><a href='#'>Element page</a></li>
 <li><a href='#'>Typography page</a></li>
 <li><a href='#'>404 page</a></li>
 <li><a href='#'>Contact page</a></li>
 </ul>
 </li>
 <li><a href=''>Programming</a>
 <ul>
 <li><a href='/search/label/C'>C Coding</a></li>
 <li><a href='/search/label/C%20Plus%20Plus'>C++ Coding</a></li>
 <li><a href='#'>Visual Basic</a></li>
 <li><a href='#'>Element page</a></li>
 <li><a href='#'>Typography page</a></li>
 <li><a href='#'>404 page</a></li>
 <li><a href='#'>Contact page</a></li>
 </ul>
 </li>
 <li><a href='/search/label/blogging%20tips'>Blogging Tips</a></li>
 <li><a href='/search/label/NepaliBand'>Nepali Music</a></li>
 <li><a href='/search/label/Earn%20money'>Earning Tips</a></li>
 <li><a href='#'>Blogger Template</a></li>
   <li><a href='/p/about-me.html'>About</a></li>
 <li><a href='/p/contact-form-contact-us-to-contact-us.html'>Contact</a></li>
   <li><a href='/p/forum.html'>Discuss</a></li>
 </ul>
 <div class='divider-menu'><span/></div>
</nav>
<div class='clear'/>
</div>
</div>

0 comments:

Post a Comment