Test Footer

Showing posts with label Blue and White. Show all posts
Showing posts with label Blue and White. Show all posts

Thesis Theme for Blogger

The Thesis Theme is a well known worpress template for the ability to customize it to suit any website. Today we have the thesis theme for blogger ported by New Blogging Tipz.
thesis for blogger
The template like most modern blog themes comes with a slider, luckily its not one thats too heavy but a smaller one similar to the hybrid theme. Apart from that there are two navigation menus that provides you enough of space to display all your categories, pages and links. The thesis for blogger theme comes with social media icons, read more for posts, a bunch of floating icons, adsense ready widgets and placement and a extremely functional footer that can be seen below.
thesis theme blog footerThe footer offers a nice section for the labels, a three column footer and a cross section column after that where you can add what you like.

The perks are not just with the home page, each post has a nicely crafted section that includes an ad with prime position and social icons besides it. The end of the post has an author description widget where you have your pic and bio etc.

To customize the navbar just look for the words, home, label one etc and replace it with your own links, for further customization you can always refer to the author site or post a comment for help.

Download the Thesis Theme for Blogger

People Celebrity Blogger Theme

If you are looking for an entertainment or celebrity template then People blogger theme is apt for you. MJ Bahring has created a blogger version of the celebrity site People.com, its a 4 column theme which includes a photo gallery, featured posts slider, categories with an image display on the home page and much more.
People Celebrity Blogger Theme
Once the blog template is uploaded, you can replace the People logo with yours from Edit Html, search for the url mentioned below -

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1DIL-06Ouw468m3WiFtHRjeKuhT5y9WzODsZo6bq3jpkdqYYEhr7GHcf-RnbJ8tEPI9m9N85CgOgZx5d5ZAkDyixDubGHSzSraE4tRAFvEVSP5ooCeuCfkdm8EI4ItRmvcQW3QD6Uz22O/s1600/peoplelogo.png

Below the menu bar you can display featured posts in a slider, just select the label and change it in the below code from Edit Html, you would require minimum of 6 posts for this to work -

label10 = "Kate Hudson";
Title10 = "Kate Hudson";

People template features a photo gallery with captions, in order to get that working, go to Edit Html and look for this code -
<b:section class='middlecol' id='middlecol' preferred='yes'>
<b:widget id='HTML3' locked='false' title='GALLERY' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
Below this add the following code and change the blog url and also the label (marked in bold) from which the posts need to be pulled out, save the template.

<script language="JavaScript">
imgr = new Array();


imgr[0] = "";
imgr[1] = "";
imgr[2] = "";
imgr[3] = "";
imgr[4] = "";

showRandomImg = true;

tablewidth = 270;
cellspacing = 5;
borderColor = "#fff";
bgTD = "#0b92be";

imgwidth = 270;
imgheight = 300;

fntsize = 14;
acolor = "#FFF";
aBold = true;
icon = " + ";

text = "Komentar";

showPostDate = false;

summaryPost = 0;
summaryFontsize = 12;
summaryColor = "#000";
icon2 = " &rarr; ";

numposts = 3;

home_page = "http://peoplesiteclone.blogspot.com/feeds/posts/default/-/Gallery";

</script>
<script src="http://artist.musikji.net/arthems/recent-categorig.js" type="text/javascript"></script>

Similarly for 'Your category' to display in the right sidebar, you need to add another javascript code given below in Edit Html -

<b:widget id='HTML5' locked='false' title='YOUR Category ...' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>

Insert this code and change the blog url and also the label (marked in bold), save the changes. You can tweak the font size, summary colour etc., in the code to match with your blog.

<script language="JavaScript">
imgr = new Array();

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi_XWzqnKXypAuCSFIGKTevQHJvqOmF7cFtF5ghLX6o0mW2fMdKUYuUFlguyLA-UVhR6Kz0snJaZkiz1qXSMfJ3fZDL3oA43OGgFm5Sooqck5JhPaISwZKakSibYwyIVXvlIHceMBszgqQ/s1600-r/no-image.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi_XWzqnKXypAuCSFIGKTevQHJvqOmF7cFtF5ghLX6o0mW2fMdKUYuUFlguyLA-UVhR6Kz0snJaZkiz1qXSMfJ3fZDL3oA43OGgFm5Sooqck5JhPaISwZKakSibYwyIVXvlIHceMBszgqQ/s1600-r/no-image.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi_XWzqnKXypAuCSFIGKTevQHJvqOmF7cFtF5ghLX6o0mW2fMdKUYuUFlguyLA-UVhR6Kz0snJaZkiz1qXSMfJ3fZDL3oA43OGgFm5Sooqck5JhPaISwZKakSibYwyIVXvlIHceMBszgqQ/s1600-r/no-image.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi_XWzqnKXypAuCSFIGKTevQHJvqOmF7cFtF5ghLX6o0mW2fMdKUYuUFlguyLA-UVhR6Kz0snJaZkiz1qXSMfJ3fZDL3oA43OGgFm5Sooqck5JhPaISwZKakSibYwyIVXvlIHceMBszgqQ/s1600-r/no-image.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi_XWzqnKXypAuCSFIGKTevQHJvqOmF7cFtF5ghLX6o0mW2fMdKUYuUFlguyLA-UVhR6Kz0snJaZkiz1qXSMfJ3fZDL3oA43OGgFm5Sooqck5JhPaISwZKakSibYwyIVXvlIHceMBszgqQ/s1600-r/no-image.png";

showRandomImg = true;

tablewidth = 310;
cellspacing = 5;
borderColor = "false";
bgTD = "#fff";

imgwidth = 150;
imgheight = 100;

fntsize = 12;
acolor = "#000";
aBold = true;
icon = " ";

text = "Comment";

showPostDate = false;

summaryPost = 80;
summaryFontsize = 11;
summaryColor = "#000";
icon2 = " &rarr; ";

numposts = 1;

home_page = "http://peoplesiteclone.blogspot.com/feeds/posts/default/-/Hot%20News";

</script>
<script src="http://artist.musikji.net/arthems/recent-categorialbum.js" type="text/javascript"></script>

There are two more javascripts to be inserted in Edit Html in order to get the sidebar working, the code has been given in the download folder under the name 'Installation'.

Download the People Celebrity Blogger Theme

Evander Blogspot Template

Evander is a 2 column blogspot theme designed by Web2Feel and the blogger version is brought to us by BestTheme.
Evander Blogspot Template
The highlights of this template are a nice slider,
social bookmarking icons and recent post thumbnail widget.
The slider images appear on a MAC screen with the headline and a brief post summary. You can activate the slider from Design-Edit Html and look for the below code -

<div id='slidearea'>
<div id='gallerycover'>
<div class='mygallery'>
<ul>
<li>
<a href='#Post url'>
<img alt='' class='slimg' src='http://3.bp.blogspot.com/_MkGBVwDEF84/TJQk-8RNHEI/AAAAAAAAFWU/keGA9OoAyS8/s1600/1.jpg'/>
</a>
</li>

Add your post and image url at relevant spots and save the changes. Below the slider is the horizontal menu bar, you can edit that from Design--Page Elements, edit Link list and post the relevant menu links. The main column is on the right where each post appears in a summarised format with 'Read More' link to the post at the bottom.

This theme comes with social bookmarking icons installed at the top of the right sidebar and below it is the recent posts with thumbnails widget. Change the link from Edit Html, find the below code and replace it with your blog link -

home_page =

&quot;http://www.besttheme.net/&quot;;
</script>

You can also edit the number of post shown there by changing numposts. While for Recent Comments, follow the same steps from Edit Html find the below code and change the url to your blog link -

script src='http://www.besttheme.net/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments'/>

Download the Evander Blogspot Theme

Sevim Blogger Theme

Sevim is a professional looking theme created by Newwpthemes and ported to blogger by Besttheme.
Sevim, professional Blogger Theme
Its a 2 column blogger template with dual menu bars, each above and below the header. Next to the blog logo there is space for a banner ad. One of the features of this theme is the automatic slider that can be used to put up you favorite posts.

Each image is 610x320 px in size and appears with the post title and description. To activate the slider, access your Edit Html and search for this code -

<li class='s3sliderImage'>
<a href='#PUT YOUR LINKS TO THE POSTS HERE'><img alt='Imagen 2' src='IMAGE URL'/></a>
<span>
<a class='featured-title block' href='#PUT YOUR LINKS TO THE POSTS HERE' rel='bookmark' title='PUT YOUR POST TITLE HERE'>PUT YOUR POST TITLE HERE</a><br/>
PUT SOME DESCRIPTION OF YOUR POST HERE
</span>
</li>

Add your links at the places mentioned in the code, and repeat the steps for more slides. In the main post area, details such as time stamp and author comes below the headline and labels are at the end of the post. Like most templates, this one too has Read More integrated in it.

The single side column includes social bookmarking icons - Twitter, Facebook, Digg etc. - internal search box, ad space and a featured video section to upload your favorite videos. The remaining space can be used for additional blogger widgets.

Download the Sevim Blogger Theme

Another Undersea World Blogger Skin

EZWPthemes has designed an interesting and cute theme called Another Undersea World, and its been brought to blogger by Theme Craft. Another Undersea World Blogger Skin
Its a 2 column template that is well-designed with an attractive header image. You can add your blog title at the top, next to it on the left is the RSS subscribe button and on the right is the internal search box. There is also a welcome note where you can add a message for your readers. This template header is slightly different as compared to other themes, because Recent Posts and Comments will appear right on top. To activate that you need to go to 'Layout' and under the 'Page Element' mode, click on 'Edit' of the 'Recent Posts' and paste the code below in the gadget -

<script style="text/javascript" src="http://www.raycreationsindia.com/blogger-template/edensgarden/recent-post.js"></script><script style="text/javascript">var numposts = 5;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = false;</script><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

Similarly for Recent Comments, follow the above steps and place the code below in the gadget and save the changes -

<script style="text/javascript" src="http://www.raycreationsindia.com/blogger-template/edensgarden/recent-comment.js"></script><script style="text/javascript">var numcomments = 3;var showcommentdate = false;var showposttitle = false;var numchars = 30;</script><script src="/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

The menu bar is placed at the bottom of the header. While in the main column the headline is on top and at the end of the post there are various icons, for labels, a nice time stamp, comments, and also social bookmarking icons, like Digg, Stumbleupon, Twitter etc.

To change the timestamp and avoid the undefined error, watch our video guide on Undefined Error and Embedded Comment Form Fix. The sidebar is a bit narrow, but good enough to add some regular blogger widgets.

Download the Another Undersea World Blogger Template

Blue Mania Blogger Template

Blue Mania is a 2 column theme converted to blogger by TeknoMobi, and originally designed by SkinPress. Blue Mania Blogger Template
Blue Mania is a pleasant theme comprising shades of blue and a simple layout. Right at the top is the navigation bar with the drop down menu, so you can also add sub-categories to it. To access it, go to Edit Html and look for the following code and add the relevant links. Test 1 is the sub-category, so you can add the page url and title there.
<div id='mainmenu'>
<ul>
<li class='first current_page_item'><a alt='home' expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li class='page_item page-item-2'><a href='#' title='About'>About</a>
<ul>
<li class='page_item page-item-36'><a href='#' title='test1'>Test1</a></li>
The search box is also included in the menu bar on the extreme right. The blog title comes below the menu bar, followed by the featured post section, that facilitates you to add a short summary and a 125x125 image of your top posts. The RSS subscribe option is also included next to the featured section.

You can access it from Edit Html, search for the below code and make the necessary changes -

<div id='board'>
<div id='board_left'>
<div id='board_items'>
<div id='board_body'>
<h2>Featured Posts</h2>
<div id='board_carusel'>
<div class='belt'>
<div class='board_item'>
<!-- board_item -->
<p><img alt='IMG ALT' src='IMAGE URL'/><strong><a href='POST URL'>Post title</a></strong> SUMMARY....</p>
<p class='more'><a href='POST URL'>Readmore</a></p>

While in the main column author, labels, date stamp and comments appear below the headline, and the number of comments come in a small bubble box. The template is integrated with the expandable post or Read More feature. While the sidebar has space dedicated to ads and sponsors, 125x125 ads can be used. Below that you can add blogger gadgets of your choice.

Download the Blue Mania Blogger Template

Girly Nature Blogger Template

Girly Nature is developed by Template Lite and brought to blogger by Deluxe Templates. Girly Nature Blogger Template
The 3 column template has a sparkling header with the blue sky, bubbles, origami work and flowery design in the footer. The blog title and description appears on the same background. While the main column starts with the date stamp and other post details like author, timestamp, comments and labels are placed in a box at the bottom of the post.

The sidebar is interesting starting with the RSS icon, it has a nice mirror effect and below that is the search option perfectly shown with a picture of binoculars. After this you can add blogger widgets of your choice and each category comes in a dialogue box.

Overall Girly Nature is a decent theme that can be used for a personal or nature blog.

Download the Girly Nature Blogger Template

Night Sky Blogger Theme

Night Sky is a beautiful blogger theme created by Ray Creations. They create more visually appealing templates, but they aren't feature-rich. Night Sky Blogger Theme
The 2 column template has a lovely header, although the rest of the layout is quite simple. The plants, stars and the clouds make up for an attractive image where you can add your blog title and a short description. There is a thin strip for the menu bar right at the top to display your categories.

The main column is quite broad, starting with the headline and date, while below that comes in the author name and comments. The rounded sidebar, which also has a white background, can be used to add the About the blog section, followed by labels, archives etc. The template ends also with a nice footer image. Night Sky theme can be used for a nature or a personal blog.

Download the Night Sky Blogger Template

Mobipress Blogger Template

Mobipress is a professional-looking template, originally created by Jinsona Design and converted to blogger by Cahaya Biru. Mobipress Blogger Template
Its a 3-column template equipped with a nice header and two menu bars, one above and below the header. The title of the blog appears on the left above the header, adjacent to that a search box has been integrated in the layout along with the 'Subscribe to News' option. Below that is the blog image and good amount of space is provided to insert a welcome message for your readers. The welcome note can be added from Layout-Page Elements, click edit on text widget called 'welcome to my site.

You can set up both the menus by following the below steps.

For menu above the header, Go to Edit HTML, search for this code -

<li><a href='#'>Title Here</a></li>
<li><a href='#'>Title Here</a></li>

Change '#' symbol with your targeted url, and replace the word 'Title Here' with your own title.

For the menu below the header, Go to Edit HTML, search for this code -

<li><a href='PARENT-LINK-ADDRESS'>PARENT TITLE</a>
<li><a href='PARENT-LINK-ADDRESS'>PARENT TITLE</a>

Replace PARENT-LINK-ADDRESS with your own link and put in your title for PARENT-TITLE.

While in the main column each post appears in white boxes with the Read More feature enabled, that gives it a neat look, and the author, datestamp and comments appear in pink boxes below the headline.

Mobipress template also has twitter incorporated in it, so you can simply add your twitter id in edit html and your twitter updates will appear in the sidebar. The side bar divides into two columns, that helps you to add more blogger widgets of your choice. This template is suitable for a business, mobiles, computers and technology blog.

Download the Mobipress Blogger Template

Dreamy Blogger Template

I am always happy to come across a new designer or porter for blogger templates. Today we are introducing Dante Araujo a designer who has quite a few original blogger templates, lets take a look at his Dreamy Blogger Skin.
Dreamy Blogger Template
Well this template has very pleasant colours, pastel shades and mini posts on the homepage. Well it automatically picks up the first image makes it a thumbnail and displays it on your home page.

The template starts off with the blog title and description on the left, a couple of links on the right along with a search bar. The main container starts with a rounded navigation menu, then you have the mini posts with the headline, labels and comment number.

There is a sidebar on the right that has a simplistic design, over all this template has a good design and does well for a two column template!

Download the Dreamy Blogger Template

Gamezine in White for Blogger

We earlier had put up the Gamezine template for blogspot that was converted by Cahaya Biru and designed for wordpress by Jinsona. Today's Gamezine Lite and White theme is a rework on the blogger Gamezine template by Cahaya.
Gamezine in White and Lite
The template structure, layout and elements like the sliders, gliders for featured posts are exactly the same as the original gamezine theme. Nothing has changed except the color of the template.

In the previous version the template had a black background, while this one has a white background for all the elements and that's how it gets its name.

Although I prefer black backgrounds as they save energy as well as are easier on the eye in terms of longer duration there have been many requests for this template. Do remember to upload the scripts onto your own site or hosting.

Download the Gamezine White Blogger Template

Business Talk Blogger Template

When we put up the Reflection template I spoke about how blogger lacks business templates and that this is refreshing business theme. Today we have another business template from Falcon Hive who has ported Ezwpthemes Business talk template for wordpress.
Business talk blogger template
This template has quite a few features, it starts off with a business like header image, the blog title finds itself on the right hand side with a place for description below it. Then there is a tab navigation menu that does not have an effect for the page selected but a hover on. The sidebar stretches up into the header showcasing an RSS icon with a handwritten subscribe to feed.

Below that is a cross column section that is divided into three parts, one for Recent post, one for Recent comments and one is a post it that you can have a welcome note for your visitors.

There is a neat stitching like border that can be seen here and on the date as well. The posts don't have an author stamp but have labels on the right hand side below the headline. The end of the post has social bookmarking icons and a hand written comments icon on the bottom right.

The sidebar has a slight flaw with the search icon but apart from that is a basic sidebar with no extra ordinary features.

Download the Business Talk Blogger Template

Bmagazine Premium Blogger Template

Magazine templates always fascinate me, today's template makes me filled with joy, a premium magazine template built for blogger and not ported from wordpress like the Zinmag series. The Bmagazine premium blogger template has been built by a fellow countryman Nitesh Kothari.
Bmagazine premium blogger template
Its a difficult template to describe and by far the most feature rich template that I have come across for blogger. Nitesh has done a massive job, he also uses this template for his own website.

A small section above the blog title makes way for a date display, a single line to update your visitor list, a RSS subscribe for comments and post, a neat bunch of Home, About, Contact etc links with nice icons.

Next comes the blog title with space for a big leader board advertisement to fit in there on the right. We then come to a multi level drop down, possible to have category - sub category - sub sub category - sub sub sub category, although it does take a little while to load.

The next section is divided into three columns, a popular post widget with a rss link again, an about me section with a lovely hover on image effect, the third one is a subscribe to this blog section.

Under this in the main column you have two more sections where you can add widgets and then the posts start complete with a read more function, though theres no link leading to the full post forcing users to click on the headline, which some may not know.

The social bookmark icons are integrated at the top rather than the bottom, though there is a neat comments icon. Under the headline is the author and post stamp at the bottom of the mini post are the labels.

The sidebar starts off with three ad boxes, has a single column section and then splits into two unequal sections. Then we come to the footer once again is feature rich.
Bmagazine premium template footer
A three column footer for the bmagazine template, but what makes it unique is the follow me twitter icon and the up and down scroll bar on the left hand side. This makes this one of the most impressive templates we have come across till date! Kudos to Nikhil!

Download the Bmagazine Premium Blogger Template

Magazeen Blogger Template

The Magazeen Blogspot theme pushes a two column template beyound the normal, the template was designed for wordpress by We Function, distributed on Smashingmagazine and most importantly converted to Blogger by Zona Cerebral.
Magazeen Blogger Template
Its rare to have a two column template that can display a lot of your content, so when you come across a template called Magazeen, you automatically expect it to feature a lot of content but does this template live upto its name? In short not really a Magazine template, but definetly worth trying out on a blog that does not feature too much content!

Don't get me wrong the template definely is cooler than most two columns, not just because of its jazzy design theres something more to it than just that. But lets start off from the begining, the header holds the blog title, the description is above it while a search bar is embedded on the right in it.

Under that is a navigation menu that spans the width of the page and also has a hover on effect. On the right of the menu is a tiny RSS icon, under the navigation bar is a beautiful thumbnail display of your featured posts. This display spans the width of the blog as well that can feature over eight of your favorite posts, with a mouse hover there is a shadow effect as well as the headline of the post is displayed over it.

The post section features a huge portion for comments, hopefully you have a lot of commentators on your blog, or a huge icon like this one with a 0 in it will be quite ridiculous. The big headline is above it and on the right hand side of it is the Author and Time Stamp.

Under the post area, there is a thin line dividing it from the read more link that is placed on the left and the labels are on the right. The sidebar is fairly normal and apart from that the next interesting part in the template is the footer that is divided into two sections. One section that holds the categories has a beautiful hover on change, the other side can be used to hold any widget you like as well.

Download the Magazeen Blogger Template