Rocket

Blogger Store

Created for bloggers who want to start an e-commerce or shopping site, Blogger Store is a professional looking template compatible with Paypal or Google Checkout

Animated shopping cart
Dual dropdown menu bar
Automatic featured content carousel
Grid and list style post view

Lightroom Photo Blog Template

A beautiful photo blog template that displays photos in gallery format and is available in two styles basic and advanced

Switchable background
Attractive theme font
Integrated social media icons
Left sidebar and navigation menu

Magpress

Magazine style theme adapted from wordpress

Featured slider section
Dual menu bar
Tabbed widget
4 column footer

Sens

A simple theme with a clean layout

Full width featured slider
4 column footer
Social widgets integrated

Pop Out Social Bookmarking Widget

A nice-looking pop out social bookmarking widget that allows readers to share their favorite post easily

Neat display
Easy to install

Add pop out social bookmarking widget for blogger

Rocket

Posted by Bhavika On Monday, April 22, 2013

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 -

<section class='slider-wrapper'>
<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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsI7yxvv5dzPQ6XGRvsYvopxKTpINRdN7_uGpBYxpY8jcG5STwl_nn8bieMVhlNzHOv1ETFzVrnwNTnEaf7XfoDtwtFXcxXLBeejOFp1goO2-UI1X4I8TgKX0cknVHCiI4ktbm7cvpTlCA/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCpEXJdP3DNkRwLMKxUSuuGTIuj8BmtF39h-JiIB1XsYHlsDfngvXOQnMlpJmxe0HWDE0TPlVwcy4rtoGESFuwqTtE9yqjiYTYSZMdr9vyYiq1K-dK6eK1_VgbpnHRL7vEZTfX6qPxvL3x/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>

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.

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>
<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'/>

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.

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