Blogger Blog Templates

Change Post Title Tags for Blogger SEO

Posted by Bhavika On Wednesday, April 13, 2011 11 comments

Ideally the post title should appear before the blog name to have better search engine rankings.

Its a simple and important SEO tip that can really improve your blog's chances of showing in search results for the relevant keywords.

However, Blogger shows the blog name first and then the title of your post, which is not SEO-friendly. Even if you have customised your blogger template or using third-party templates you would need to insert this code in your Html.

Go to Design--Edit Html and look for this line of code -

<title><data:blog.pageTitle/></title>

Replace it with this code and save the changes -

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

Now you can check the post title format on top of your browser, it has changed to only the post or page title.

In case you want this format - post title + blog name - then add the below code instead of the one above and save the changes.

post title swap with blog title, seo tip blogger

<b:if cond='data:blog.pageType == "index"'> <title><data:blog.title/></title> <b:else/> <title><data:blog.pageName/> | <data:blog.title/></title> </b:if>

This small SEO tip will definitely improve your search engine rankings. Read More or Download this Blogger Template

Women's Secret Blogger Theme

Posted by Bhavika On Tuesday, April 12, 2011 6 comments

Women's Secret is a 2 column blogger skin designed by Ipietoon. Its a nice template to use for a beauty, lifestyle, fashion, or a personal diary blog.

The template has a simple and clean layout, and features a nice, chic header image where you can add your blog title, and below is the menu bar to show your categories. In the main post area the headline appears in the center along with author name, date stamp and comments and the categories show up at the end of the post.

The single column on the right can be customised to add different blogger widgets. The template also uses a lovely font for the titles. If you like this template
Download the Women's Secret Blogger Theme Read More or Download this Blogger Template

Personas Photo Blog Template

Posted by Bhavika On Saturday, April 02, 2011 6 comments

Personas is an lovely photography theme designed by Dzignine. Its a 4 column template with a nice underwater background image and thumbnail display of posts.

The theme includes a horizontal menu bar on top, followed by the huge header image. While the main post area is in grid format and shows images with headline and number of comments. Each post needs to have an image for the thumbnails to display neatly and the image will be automatically resized.

The 4 column footer space can be used to put up different blogger widgets like Recent posts, Archives etc. Overall, Personas is a suitable theme for a portfolio or photo blog.

Download the Personas Photo Blog Template Read More or Download this Blogger Template

The World and Beyond Blog Template

Posted by Bhavika On Friday, March 04, 2011 3 comments

The World and Beyond is a 2 column nature-based template created for blogger by Ezwpthemes.

The World and Beyond nature blog template

Once you upload this template on your blog, you can change the blog title and tag line, then proceed to adding links in the horizontal menu bar. Go to Design--Page Elements, find the top tabs widget, click edit, add the links and save the changes. The menu bar includes a neat RSS icon for your readers to subscribe to the blog and also a welcome note on the right.

While the main column is in a diary form, and each post has social bookmarking icons at the end along with comments. The single sidebar starts with the search box followed by different blogger widgets like archives, recent posts etc.

This theme can be used for nature, science and discovery blog.

Download The World and Beyond Blog Template Read More or Download this Blogger Template

People Celebrity Blogger Theme

Posted by Bhavika On Saturday, February 19, 2011 2 comments

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.

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/AVvXsEiCw73I0oLlvj4RVPMo8JC_xmeMomjm2QfrXMMgTF_WpNG2avgGjTsSwEJ2xiPl6y9Vemp5RS-erEHGDUiJKgqgH29x7jSolUHlPzLWpU_-utElkD5h0QYSvMUlM8DzPoX5gxdKKwIiaY6g/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'>

<b:if cond='data:title != ""'>
<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 = " → ";

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

<b:if cond='data:title != ""'>
<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/AVvXsEj-PF2lxRlXeRF9316taguQMhokxo9_mO9H8X0Hr2S45TOl-GgwL55UH7Bj26j6N_KMf70MD9ZpEF4XcJLeEMX0kf3AZXMtChDq9ZoyjiUucAbX4ynzGLlDKgGS4cJ6ttG1Tiv91f_6peg6/s1600-r/no-image.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-PF2lxRlXeRF9316taguQMhokxo9_mO9H8X0Hr2S45TOl-GgwL55UH7Bj26j6N_KMf70MD9ZpEF4XcJLeEMX0kf3AZXMtChDq9ZoyjiUucAbX4ynzGLlDKgGS4cJ6ttG1Tiv91f_6peg6/s1600-r/no-image.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-PF2lxRlXeRF9316taguQMhokxo9_mO9H8X0Hr2S45TOl-GgwL55UH7Bj26j6N_KMf70MD9ZpEF4XcJLeEMX0kf3AZXMtChDq9ZoyjiUucAbX4ynzGLlDKgGS4cJ6ttG1Tiv91f_6peg6/s1600-r/no-image.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-PF2lxRlXeRF9316taguQMhokxo9_mO9H8X0Hr2S45TOl-GgwL55UH7Bj26j6N_KMf70MD9ZpEF4XcJLeEMX0kf3AZXMtChDq9ZoyjiUucAbX4ynzGLlDKgGS4cJ6ttG1Tiv91f_6peg6/s1600-r/no-image.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-PF2lxRlXeRF9316taguQMhokxo9_mO9H8X0Hr2S45TOl-GgwL55UH7Bj26j6N_KMf70MD9ZpEF4XcJLeEMX0kf3AZXMtChDq9ZoyjiUucAbX4ynzGLlDKgGS4cJ6ttG1Tiv91f_6peg6/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 = " → ";

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

Fotofolio Blogger Template

Posted by Bhavika On Friday, January 21, 2011 3 comments

Fotofolio is a 2 column wordpress theme brought to blogger by Wordpress to Blogger. The photo blog theme has a simple, clean layout with white and grey colour scheme.

The home page displays the main image and thumbnail versions of other photos. Adjacent to that you can insert a brief description about your blog or a welcome message for the readers. Go to Design--Edit Html, look for the below code, and simply add your text below this line of code-

On entering the main post the image displays along side the post title, description, author and date stamp. In order to post images, its necessary to add the following code and insert the relevant links -

<div class="pic"><a rel="http://put-image-url-here" href="http://put-post-url-here"><img src="http://put-image-url-here" /></a>Put image description here</div>

Fotofolio also includes a 3 column footer where you can insert your categories, archives and various blogger widgets. Overall, its a decent theme to use for photo blog, however, the navigation bar is missing, so you can make use of the footer column.

Download the Fotofolio Blogger Theme Read More or Download this Blogger Template

Improving Blogger SEO with Valid Meta Content

Posted by Clyde On Wednesday, January 12, 2011 9 comments

meta content description shown on search engine

Most of us would have already heard of meta descriptions and keywords and the role they play in helping search engines appropriately describe your site.

Well even if you haven't take a look at a screen shot of the description of our site on google, the part circled is the meta description. You have the power to control what a person sees when they come across your site on a search engine. Wouldn't you want to put in some text there to attract every person who sees it.

Anyone would, except that with blogger there seems to be a problem, with the default easy method, as shown by Blogger Tricks.

By only putting

<meta content='Your Blog Description Here' name='description'/>
<meta content='Your Blog Keywords Here' name='keywords'/>
<meta content='Your Name Here' name='author'/>

after

<b:include data='blog' name='all-head-content'/>

it applies the meta keywords and tags to the entire blog and not just the home page, this will interfere with your SEO for all the posts on your blog as it will stuff this description and keywords for each post thus having a negative effect on your blog instead of a positive one.

So instead of choosing to use this method or if you have already used the above method there is a simple fix, all you need to do is add a little snippet of code that will make the meta content only display for the home page or index page for the search engines.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Your Blog Description Here' name='description'/>
<meta content='Your Blog Keywords Here' name='keywords'/>
<meta content='Your Name Here' name='author'/>
</b:if>

The solution to this was brought to us by Blogger Stop, we just implemented it on Blogger Blog Templates and have shared it with you as well. We previously did have meta tags as well, using the older method it worked fine on this blog which has related content on each page.

But on a blog with a variety of content we had to remove the meta content, but thanks to this method we have made our blogs more SEO friendly. 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

Change Post Title Tags for Blogger SEO

Women's Secret Blogger Theme

Personas Photo Blog Template

The World and Beyond Blog Template

People Celebrity Blogger Theme

Fotofolio Blogger Template

Improving Blogger SEO with Valid Meta Content

Archive

Recent Templates

Recent Comments

Video Guides