Gamecraft, the Gaming Blogger Theme

After a long time we have a gaming template. Gamecraft is designed by Jinsona Theme and brought to blogger by Cahayabiru.com.

Its a 3-column theme which consists an automatic slider, a scroll bar adjacent to it, dual navigation bar and tabber. Let's start with the menu bars, each above and below the header. The first one features a drop-down menu, so you can include all your sections. To activate that, go to Design--Page Elements, click on Edit 'categorymenu' and add the below code -

<li><a href="PARENT-LINK-ADDRESS">PARENT TITLE</a>
<ul class="children">
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>

<li><a href="SUB-PARENT-LINK-ADDRESS">SUB PARENT TITLE</a>
<ul class="children">
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>

</ul></li></ul>
</li>

<li><a href="PARENT-LINK-ADDRESS">PARENT TITLE</a>
<ul class="children">
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
<li><a href="CHILDREN-LINK-ADDRESS">CHILDREN TITLE</a></li>
</ul></li>

Repeat the code marked in bold in case you want to add more categories.

To add links in the second menu bar, go to Design--Page Elements, click on Edit 'frontmenu' and add the following code -

<li><a href='top-menu-link-address-here' title='hover-top-menu'>YOUR-TOP-TITLE</a></li>
<li><a href='top-menu-link-address-here' title='hover-top-menu'>YOUR-TOP-TITLE</a></li>
<li><a href='top-menu-link-address-here' title='hover-top-menu'>YOUR-TOP-TITLE</a></li>

Place the relevant links and save the changes. For the main slider, go to Design--Page Elements, click on Edit 'big picture slidearea', add the following code with your links -

<div id="feature-1" class="videoid"><a href="YOUR-POST-LINK"><span class="shade"></span></a><img class="slidim" src="IMAGE-LOCATION-HERE" width="630" height="280" alt="" /></div>
<div id="feature-2" class="videoid"><a href="YOUR-POST-LINK"><span class="shade"></span></a><img class="slidim" src="IMAGE-LOCATION-HERE" width="630" height="280" alt="" /></div>
<div id="feature-3" class="videoid"><a href="YOUR-POST-LINK"><span class="shade"></span></a><img class="slidim" src="IMAGE-LOCATION-HERE" width="630" height="280" alt="" /></div>
<div id="feature-4" class="videoid"><a href="YOUR-POST-LINK"><span class="shade"></span></a><img class="slidim" src="IMAGE-LOCATION-HERE" width="630" height="280" alt="" /></div>
<div id="feature-5" class="videoid"><a href="YOUR-POST-LINK"><span class="shade"></span></a><img class="slidim" src="IMAGE-LOCATION-HERE" width="630" height="280" alt="" /></div>

For the mini automatic slider with images and post description on the right, you need to add another code in Design--Page Elements, edit 'Small picture right tab' -

<li><a class="listab rounded" href="#feature-1"><img class="boximage" src="YOUR-IMAGE-URL" width="100" height="70" alt="" /><h3> TITLE-HERE</h3><p> SHORT-DESCRIPTION-HERE. ... </p></a></li>
<li><a class="listab rounded" href="#feature-2"><img class="boximage" src="YOUR-IMAGE-URL" width="100" height="70" alt="" /><h3> TITLE-HERE</h3><p> SHORT-DESCRIPTION-HERE. ... </p></a></li>
<li><a class="listab rounded" href="#feature-3"><img class="boximage" src="YOUR-IMAGE-URL" width="100" height="70" alt="" /><h3> TITLE-HERE</h3><p> SHORT-DESCRIPTION-HERE. ... </p></a></li>
<li><a class="listab rounded" href="#feature-4"><img class="boximage" src="YOUR-IMAGE-URL" width="100" height="70" alt="" /><h3> TITLE-HERE</h3><p> SHORT-DESCRIPTION-HERE. ... </p></a></li>
<li><a class="listab rounded" href="#feature-5"><img class="boximage" src="YOUR-IMAGE-URL" width="100" height="70" alt="" /><h3> TITLE-HERE</h3><p> SHORT-DESCRIPTION-HERE. ... </p></a></li>

Fill in your links at relevant spots and save the changes. While in the main post area, post details like author, date, comments appear at the end of the post. The sidebar includes a tabber that can be customised. Access Design--Edit Html and search for 'EDIT-ME' and add the links you want to display in the tabber, like Recent Posts, Comments ets.

Gamecraft has a decent layout with nice features, although it can take time to load due to the number of images and javascripts. Another gaming theme you might be interested in is Gamezine Template.

Download the Gamecraft Gaming Blogger Theme

Remix Zone Blog Skin

Remix Zone is a 3 column theme created by Simplywp and ported to blogger by Anshul. The theme has a simple and neat design that can be used for personal or photo blog.

The blog title appears on top with a one-line description and on the right are the RSS and Twitter icons, so you can keep your readers updated with the latest posts and events. To activate Twitter icon, go to Edit Html, search for the code below and add your twitter id.

http://www.twitter.com/YOUR-TWITTER-USERNAME

The horizontal menu bar can be used to place the default links - Home, About, Contact, and can be accessed from Edit Html, search for the following code and add the relevant links -
<img src="IMAGE-LINK-HERE" />
<h2><a href='POST-URL' rel='bookmark' class='feature-title'>POST TITLE</a></h2>

Remix Zone allows you to display your five featured posts on top with an image and headline below it. You can add the images and links from Layout-Page Elements and click edit for each widget and don't give any title to the widget.

In the main column the post details like date stamp, labels and comments appear below the headline. While in the two sidebars on the right, each heading comes in a orange box, and you can add blogger widgets of your choice.

Download the Remix Zone Blog Skin

BloggerPress Theme

Insight has designed some really unique blogger templates. This one is Bloggerpress, a 2 column magazine style theme with a neat layout.

Blogger Press starts with the menu bar on top where you can display your 'Home', 'About', 'Contact' links etc. The header space has been used for the blog title, tagline, search box on the right, and a slider to highlight relevant posts. The image size for the slider should be 150 x 100px. Go to Layout--Edit Html and search for the following code -

<div class = 'panel' id = 'panel_1'>

Then you need to add your post link and image url in the code mentioned below -

<div class='panel' id='panel_1'>
<div class='inside'>
<ul class='gallery'>
<li> <a href=' POST LINK'> <img alt='Image 1'src=' IMAGE URL'/> </ a> </ li>
<li> <a href=' POST LINK'> <img alt='Image 2'src=' IMAGE URL'/> </ a> </ li>
<li> <a href=' POST LINK'> <img alt='Image 3'src=' IMAGE URL'/> </ a> </ li>
<li> <a href=' POST LINK'> <img alt='Image 4'src=' IMAGE URL'/> </ a> </ li>
</ ul>
</ div>
</ div>

Below it the latest post is highlighted in a horizontal box, with the headline, summary, automatic image and the read more link. While the remaining posts are displayed in a vertical box format that includes the image, short summary of the post and read more link.

The sidebar starts with the About Me section, and you can insert additional blogger widgets that goes well with your theme. Bloggerpress also has a 3-column footer space to include more features. Overall its a nice template, more like a wordpress theme packed with features.

Download the Bloggerpress Template

Pro Black Blogger Theme

Pro Black is a cool blogger template created by Template Lite and converted to this platform by Falcon Hive.
Pro Black template has a neat color scheme of black and orange, that makes the overall layout attractive. The 2 column template has a search box on top and to its right is the navigation menu. Below that is the header which consists of a creative RSS subscribe button, that looks like a drop in the ocean.

The main column appears on a black background and has orange boxes to place the headline and date stamp, outside of the box comes the author name. While your labels and comments will appear at the end of the post.

The sidebar is quite simple, you can include your preferred blogger widgets or the regular ones like Archives, labels etc. Pro Black is suited for a personal, nature or a tech blog.

Download the Pro Black Blogger Theme

City Sleeps Blogger Theme

We have a new city-based blogger theme designed by Pocket from Blog Bulk. City Sleeps template is Pocket's original creation which is available in 2 and 3 columns.

The orange background with the city skyline as the header image and above that is the headline and blog description, gives a nice look to the theme. The main column is on a black background, with the headline and date stamp on top along with a comment icon on the right, and below the post is comments, author name and labels. City Sleeps template has an embedded comment form where author comments will be highlighted.
The second column is a wide one on top and then you have two smaller ones. The wide one can be used for about section or to have subscribe too feed options, followed by the remaining blog content. This template also has 3 columns in the footer section, so you can experiment with the placement of your content.

City Sleeps 2 Column
While the 2 column version has the same look and design, except there is a single sidebar and 3 columns in the footer.

If you have a city blog like how we do or planning to start one, City Sleeps theme is a decent option to choose, simple and clean layout.

Download the City Sleeps 3 column Blogger Theme

Download the City Sleeps 2 column Blogger Theme