Rocket is a 3 column magazine theme with interesting features - vertical menu bar with drop-down, featured content slider, social media widget and page navigation widget.
To configure the featured slider, search for the below code in Edit Html -
This template has a static menu bar on the left. To modify the links, go to Edit Html and search for this code -
You also need to configure page navigation widget, go to Edit Html and find the below code, change the numbers, the first one is for 'Number of posts in each page' and the second one is for 'Number of buttons will display.'
<section class='slider-wrapper'>Keep the slider images 848px × 412px and change the image urls (marked in bold), replace '#' with the post links, and change the default post titles. The main column shows post snippets and within each post is an author information box and a neat comment system.
<h2 class='widget-title'>Feature news</h2>
<div class='flexslider' id='home-slider'>
<ul class='slides'>
<li>
<article>
<div class='kp-view'>
<img alt='' src='https://lh6.googleusercontent.com/-Pe2X-_i8ksI/UWZl5H0rHNI/AAAAAAAAFXY/OSFmePT_H7c/s848/slide-1.jpg'/>
<a class='kp-mask' href='#'/>
</div>
<div class='flex-caption'>
<h1><a href='#'>Eight Important Factors of Good Web Typography</a></h1>
</div>
</article>
</li>
<li>
<article>
<div class='kp-view'>
<img alt='' src='https://lh5.googleusercontent.com/-45_wEaSwgOI/UWZl5OhsGjI/AAAAAAAAFXc/s3CD4aRf9P0/s848/slide-2.jpg'/>
<a class='kp-mask' href='#'/>
</div>
<div class='flex-caption'>
<h1><a href='#'>We provide awesome Blogger themes</a></h1>
</div>
</article>
This template has a static menu bar on the left. To modify the links, go to Edit Html and search for this code -
<span class='menu-icon'>Menu</span>Replace '#' with category or page links, add sub-sections under 'Features' and save the changes. The right sidebar includes search box, social sharing icons, popular posts and labels widget.
<ul id='main-menu'>
<li class='current-menu-item'><a href='index.html'>Home</a></li>
<li><a href='#'>Features</a>
<ul>
<li><a href='#'>Categories page</a></li>
<li><a href='#'>Single page</a></li>
<li><a href='#'>Search page</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='#'>Categories</a></li>
<li><a href='#'>Single</a></li>
<li><a href='#'>Search</a></li>
<li><a href='#'>Element</a></li>
<li><a href='#'>Typography</a></li>
<li><a href='#'>404</a></li>
<li><a href='#'>Contact</a></li>
</ul>
<div class='divider-menu'><span/></div>
</nav>
<div class='clear'/>
You also need to configure page navigation widget, go to Edit Html and find the below code, change the numbers, the first one is for 'Number of posts in each page' and the second one is for 'Number of buttons will display.'
<script type='text/javascript'>//<
0 Response to "Rocket"
Post a Comment