Blogger Blog Templates

SimplexMag Blog Template

Posted by Bhavika On Thursday, June 16, 2011 0 comments

Simplex Mag is a 3-column theme created for blogger by Simplex Design. Its a nice theme to use for a magazine or photo blog.

The template features dual navigation bar with a drop-down menu to display various categories and pages. The latest posts display in thumbnail format on the home page and the headline, label and date appears on hovering over the image.

The template includes the pagination script to set the number of posts on each page. Go to Settings->Formatting and insert the maximum number of posts you want to display on the home page to say 6, then go to Design->Edit Html, find this code -

<script type="text/javascript">
var pageNaviConf = {
perPage: 2,
numPages: 2,
firstText: "First",
lastText: "Last",
nextText: "Next",
prevText: "Prev"
}
</script>

Now change perPage value from 2 to 6 or whatever number you choose in the previous step and save the changes. The sidebar has the advertise option to show 125x125 ads from sponsors etc., that can be changed from Design->Page Elements. While the rest of the sidebar content can be customised as per your choice.

SimplexMag comes with a 3 column footer to show different widgets on your blog. Below that is the social bookmarking icons, you can change it from Design->Edit Html and add your account links (text marked in bold) -

<a class="i_rss" href="http://feeds.feedburner.com/Simplex"></a>
<a class="i_twitter" href="http://twitter.com/dinhquanghuy"></a>
<a class="i_facebook" href="http://www.facebook.com/simplexdesignblog"></a>
<a class="i_flicker" href="#"></a>
<a class="top_btn" href="#"></a>

Download the SimplexMag Blog Template Read More or Download this Blogger Template

Shadow Blogger Template

Posted by Bhavika On Tuesday, May 31, 2011 3 comments

Shadow is a 2 column blogger template created by Best Theme. Its features include a huge slider with nice visual effects and dual menu bar.

The first horizontal navigation bar comes with a dropdown menu, below it you can add your blog title and also display an ad on the right. While the second menu bar shows social bookmarking icons linking to your respective account, and also includes an internal search box.

The main slider can be modified from Design--Edit Html, and look for this code -

<div id='slide'>
<img alt='#Title' class='slider_image wp-post-image' height='300' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOBqkp0H4E-jp4ftnFZRcdZhQlMV6cCI5vqwt5bj6hI4EXALOZsJcDT4_Kvxt9pWD9sbpmrl4oaP_ug_lEf2CG6IDc7trLG26BorqP8MHLYCErt4bR6vzCJHMC_hZInCjOCGtBHHmRCAw/s1600/Spiderman%252BWallpaper%252Bphotos%252Bimages%252Bstills%252Bpictures-4-960x300.jpg' title='#Title' width='960'/>
<a href='#Link'/>

<img alt='#Title' class='slider_image wp-post-image' height='300' src='http://2.bp.blogspot.com/-mvVFo9oMj_Q/TZb4NzZuqrI/AAAAAAAAEv4/Bq_ZJpzblF0/s1600/HortonHearsAWho534051_1280_960_1152x864-960x300.jpg' title='#Title' width='960'/>
<a href='#Link'/>

Simply change the image url, add your post links and title and save the changes. To display more slides, copy the above code and repeat the same steps. The image size should be 960x300.

The single sidebar can be utilised for placing sponsor ads, labels, archives etc. The template is available in different versions - Download the Shadow Blogger Template Read More or Download this Blogger Template

Add Post Title to Read More Expandable Link

Posted by Bhavika On Sunday, May 15, 2011 0 comments

Display Post Title next to Read More Link

If you are using Blogger Jump Link or the Read More feature for your posts, then here is a simple customisation tip for you.

You can now add post title next to the 'Read More' text below each post. Go to Design--Edit Html, check on 'Expand widget templates' box and look for the below code -

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

Replace it with the following code -

<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/> <data:post.title/></a>

Save the changes and you will see the post headline appear next to the 'Read More' text. In case you are not using Blogger's default Jump link feature and have incorporated 'Read More' code in Edit Html then replace it with the above code and save.

This simple change gives more weightage and prominence to your post. Feel free to contact us in case of any problem. Read More or Download this Blogger Template

Baby Online Store Blog Theme

Posted by Bhavika On Sunday, May 08, 2011 1 comments

Baby Online Store is a shopping blogger theme created by Ipietoon. Its a 4 column free template with gallery concept, so you can display the product thumbnails on the home page, just ensure you put an image in every post.

The template has a cute header image, you can add your blog title and tagline on the left, while below it is the horizontal menu bar to show the categories. The online shop is a simple display of products, and details would only appear on entering the post.

Baby Online Store also includes a single sidebar on the right and a 4-column footer to add different blogger widgets, about page, etc. Its a simple online shopping theme and can use it if you don't need too many features.

Download the Baby Online Store Blog Theme Read More or Download this Blogger Template

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

Blogger Blog Templates

Free blogger templates for your blogspot blog...

Blogger Store

Lightroom Photo Blog Template

Magpress

Sens

Pop Out Social Bookmarking Widget

SimplexMag Blog Template

Shadow Blogger Template

Add Post Title to Read More Expandable Link

Baby Online Store Blog Theme

Change Post Title Tags for Blogger SEO

Women's Secret Blogger Theme

Personas Photo Blog Template

Archive

Recent Templates

Recent Comments

Video Guides