Blogger Blog Templates

Showing posts with label Black and Orange. Show all posts

Sunrise

Posted by Bhavika On Wednesday, March 06, 2013 0 comments

Sunrise is a 3 column template with featured content slider, vibrant color scheme, dropdown menu, right sidebar and 3 column footer.

Lets begin with the dropdown menu, go to Edit Html and look for this code -

<div class='content'>
<ul class='sf-menu' id='superfish-1'>
<li><a href='#'>Events</a></li>
<li><a href='#'>Artists</a></li>
<li><a href='#'>About us</a></li>
<li><a href='#'>Gallery</a>
<ul>
<li><a href='#'>Gallery 1 col</a></li>
<li><a href='#'>Gallery 2 cols</a></li>
<li><a href='#'>Gallery 3 cols</a>
</li>
</ul>
</li>
<li><a href='#'>Our blog</a></li>
<li><a href='#'>Contact</a></li>
<div class='clear'/>
</ul>
</div>

Replace '#' with your category links, change the default categories or labels, you can also add sub-categories under the default 'Gallery', and save the changes. Next is the featured slider, in Edit Html search for this code -

<div class='field-content'><a href='#'><img src='https://lh6.googleusercontent.com/-u_ci4RmWr_E/UMPhhTJJ30I/AAAAAAAAEvE/ryNkmgGJhC0/s340/1.jpg'/></a></div></div>
<div class='views-field views-field-nothing'><span class='field-content'><div class='jcarousel_bg'>
<div class='jcarousel_indent'>
<div class='views-field-title'>Aenean sodales dapibus.</div>
<div class='clearfix'>
<div class='button'><a href='#'>more</a></div>
</div>

Replace '#' with post link, change the image url, add the post title (marked in bold), and follow the same steps for subsequent slides, in each slide there is also a 'More' link to read the entire post. This theme also includes a neat comment form. In case you want to remove or change the word 'Announcements' above the slider, look for this line in Edit Html -
<h2>Announcements</h2>
Similarly, if you want to remove or change the text 'Upcoming Events' in the main column, look for this code -

<h2>Upcoming events</h2>

Download Sunrise template Read More or Download this Blogger Template

Gamecraft, the Gaming Blogger Theme

Posted by Bhavika On Wednesday, August 25, 2010 0 comments

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 Read More or Download this Blogger Template

Remix Zone Blog Skin

Posted by Bhavika On Monday, March 01, 2010 14 comments

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 Read More or Download this Blogger Template

BloggerPress Theme

Posted by Bhavika On Tuesday, January 12, 2010 13 comments

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 Read More or Download this Blogger Template

Pro Black Blogger Theme

Posted by Bhavika On Tuesday, August 11, 2009 7 comments

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 Read More or Download this Blogger Template

City Sleeps Blogger Theme

Posted by Bhavika On Thursday, April 23, 2009 3 comments

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 Read More or Download this Blogger Template

Jeans Blogger Template

Posted by Clyde On Monday, June 09, 2008 38 comments

The Jeans blogger template was created by Infocreek, a unique theme based on denim wear.

Apart from being a well made theme with an innovative concept, the template is feature rich. It has a navigational menu, neat icons, post date stamps, three columns and well defined borders.

The header although would have to be modified to fit an image, the right of the sidebar holds the search button. Just below the header situated towards the right of the page is the navigational menu. The sidebar bostas of a beautiful categories icon, they are also movable, your visitors can arrange the sidebar elements to a certain extent.

At the bottom of the main column the older posts link boasts of a very pleasent design. The footer is seperated from the rest of the template with borders and a different colour.

Download the Jeans Blogger Template Read More or Download this Blogger Template

Chrono Blogger Template

Posted by Clyde On Thursday, May 15, 2008 3 comments

Warning! This is a drop dead gorgeous template created by Templates Novo Blogger an original design and its packed to the brim!

I'm going to run through this template from start to end, after a long time since a template has got me excited enough to do it. The main colours are Black and Orange, the other colours are white and blue. We start off with an orange header with a title in white with a RSS icon on the right hand side of the header with a mirror effect.

Below the header is the navigational menu, where the links are in a deep orange shade on the black navigational bar. They can be easily added from the page elements, now just under that the page breaks up into three columns where you can add page elements from the dashboard once again, which is just amazing.

Then you have the main posts section with a white background, a thin post headline in orange with blue labels under it, the end of the post bears the comments link with the same colour. The top right of the post background bears a folded page design.

The sidebar on the right is divided into two parts, every section header, bars etc has a different gradient of black and some round corners can be seen in places. The footer has another section to add an element and also holds a scroll to the top icon.

The package comes with the icons in them in case you need them, as well as additional instructions in Spanish.

Download the Chrono Blogger Template Read More or Download this Blogger Template

SoSuechtig Blogger Templates

Posted by Clyde On Friday, February 08, 2008 0 comments

Once again a beautiful wordpress template created by SoSuechtig in three different color combinations can be seen below.

The template was ported to blogger by Erica Akira from templates for you. If you take a look at the screen below you will notice that the SoSuechtig blogger skin is quite a sleek three column template.

The SoSuechtig design is extremely modern and boasts of some fine curves and beautiful color gradation. The choice of color combinations are available here to download and its even better that
Jack modified the header of the SoSuechtig template to give us the SoSuechtig Cat Blogger Template that can be seen in the image below.

Thanks to them you now have six variants of the SoSuechtig Blogger Template for free downloads, I do hope you enjoy them.

SoSuechtig Blue Blogger Template

SoSuechtig Black Blogger Template

SoSuechtig Orange Blogger Template

SoSuechtig Cat Blogger Templates (All 3 in One File) Read More or Download this Blogger Template

Blogger Blog Templates

Free blogger templates for your blogspot blog...

Blogger Store

Lightroom Photo Blog Template

Magpress

Sens

Pop Out Social Bookmarking Widget

Sunrise

Gamecraft, the Gaming Blogger Theme

Remix Zone Blog Skin

BloggerPress Theme

Pro Black Blogger Theme

City Sleeps Blogger Theme

Jeans Blogger Template

Chrono Blogger Template

SoSuechtig Blogger Templates

Archive

Recent Templates

Recent Comments

Video Guides