December 2011

VideoTek Blogger Theme

Posted by Bhavika On Wednesday, December 21, 2011 1 comments

VideoTek is a 2 column template created by Theme Pix and ported to blogger by Deluxe templates. Its a movie-related theme with a featured content slider, social bookmarking icons, pages enabled and an internal search box.

The first menu bar on top is used to display pages, so once you create a page, the link automatically appears on top. The social bookmarking icons next to it can be changed from Edit Html, search for this line, and replace deluxetemplates with your user name -

twitter.com/deluxetemplates

Similarly for facebook, search for -

facebook.com/deluxetemplates

Replace the user name with your facebook id. Now moving on the slider, the code is inserted in Design--Page elements under Featured Posts, click on edit and replace the relevant details in the code, like the image url, link, post headline and description, follow the same steps for all the slides and save -

<div id="s3slider">
<ul id="s3sliderContent">
<li class="s3sliderImage">
<img src="http://3.bp.blogspot.com/_Ax-O2ayi6kU/TSGsLt4NWOI/AAAAAAAABCg/3Uukug-mi0w/s1600/1.jpg" />
<span><strong><a href="POST_LINK#">Blockquote</a></strong>

<p>Sed dignissim mauris nec velit ultrices id euismod orci iaculis. Aliquam ut justo id massa consectetur pellentesque pharetra ullamcorper nisl...</p>
</span>
</li>

The second menu bar above the slider shows labels automatically. The right sidebar will show different blogger widgets - Archives, Popular Posts, categories etc., as per your choice.

Download the VideoTek Blogger Theme

Creatica Blogger Template

Posted by Bhavika On Friday, December 09, 2011 2 comments

Creatica is a nice-looking 3 column blogger template ported from wordpress by Lasantha and originally a creation of Ft Themes. The theme features a full width slider, dual navigation bar, tabbed widget, featured section and social bookmarking icons.

Lets configure the first menu bar, go to Design--Page Elements, click on edit this menu and create a link list like 'Home', 'About', 'Contact' etc., save the changes. For the second menu bar, go to Edit Html and find this code -

<div class='menu-secondary-container'>

<ul class='menus menu-secondary'>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>Business</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>

Replace '#' with your links and change the category names, follow the same step for the next lines of code. You can also add sub-categories and save the changes. To display your own header logo, go to Page Elements and click on edit 'header', the size should be 329x60px.

Moving on to the featured content slider, make images of 930x300 px, access Edit Html and search for this code -

<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='http://3.bp.blogspot.com/-965Vx1uaaeU/Tt7z4WSnImI/AAAAAAAABIo/DqaQnvVzDWc/s1600/1.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 1 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.
</p>
</div>

Make these changes in the above code -
- Replace '#' with your post link
- Add image url here - img src='http://3.bp.blogspot.com/-965Vx1uaaeU/Tt7z4WSnImI/AAAAAAAABIo/DqaQnvVzDWc/s1600/1.jpg
- Add the slide title as mentioned above and put in a description below it.

The main column shows summarised posts with 'Read more' link and labels, comments, date stamp shows below the headline. The right sidebar has the search box and tabbed widget, which can be modified from Edit Html. You can change the name of the tabs if you like.

<a href='#widget-themater_tabs-844379150-id1'>Popular Posts</a></li>
<li><a href='#widget-themater_tabs-844379150-id2'>Archives</a></li>

The left sidebar can be utilised to show more blogger widgets - Recent Posts, Comments, About etc. The download link includes Creatica template with and without the slider.

Download Creatica Blogger Template

Adding Alt Text in Images for SEO

Posted by Bhavika On Thursday, December 08, 2011 1 comments

The newer versions of Blogger and for some the older versions as well, don't offer SEO features by default, you have to manually incorporate it. Like the image alt text that forms an important traffic generator for your blog. Search engines can't read images by itself, it depends on alt text or image description.

Here is how you can add alt text to your images. If this is the image code -

<a href="http://2.bp.blogspot.com/-TADZiK7-x-k/TtbnFClFkZI/AAAAAAAAGSU/8icT7geB2Ew/s1600/lightroom_advanced_photo_blogger_template.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="328" width="400" src="http://2.bp.blogspot.com/-TADZiK7-x-k/TtbnFClFkZI/AAAAAAAAGSU/8icT7geB2Ew/s400/lightroom_advanced_photo_blogger_template.png" alt="Lightroom advanced Photo Blog Template" /></a>

Insert alt at the end of the code and add your image description. This will also help to generate image traffic if you manage to include the right keywords in image alt and at the same time the reader should understand the image content. The text doesn't need to be very long or spammy.

Also while saving or uploading an image ensure that you have renamed the image with the keywords and not just saved it as 'IMG 45672.jpg', this is an effective SEO tip to attract Google image traffic.

In case you are linking the image to another site or content on your blog, then you can add title text after alt, title text would be a short description of the link or the image. Please note that Google uses title text only if the image includes a link.

Magazine Blogger Template for Women

Posted by Bhavika On Tuesday, December 06, 2011 16 comments

Template Women is a magazine style theme created by Templates Novo Blogger. Its a 3 column template with a slider, summarised display of latest posts by categories on the home page and a 3 column footer.

To modify the slider, click on Design-Edit Html and look for the below code -

<div id='s3slider'>
<ul id='s3sliderContent'>
<li class='s3sliderImage'>
<a href='COLOQUE AQUI O LINK DO POST'><img src='COLOQUE AQUI O LINK DA IMAGEM'/></a>
<span>COLOQUE AQUI A LEGENDA<br/>
</span>
</li>

Add your post url here - 'COLOQUE AQUI O LINK DO POST'
image url here - 'COLOQUE AQUI O LINK DA IMAGEM' and post description in this line - 'COLOQUE AQUI A LEGENDA'. Similarly, follow the same steps for rest of the slides and save the changes. The image size should be 610px (width) and 310px (height).

In this template, the main column displays in a different style, latest posts from selected labels appear in a summarized format. To get this working, go to Design--Edit Html and search for this code -

imgr = new Array();
imgr[0] = "http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif";
showRandomImg = true;
aBold = true;
summaryPost = 60; // numero de caracteres do resumo
summaryTitle = 25; //numero de caracteres do titulo
numposts = 3; // numero de resumos por categoria

var contarlabels = 0;
labelname = new Array("Desfiles","Gastronomia","Moda","Beleza");
labeltitle = new Array("Desfiles","Gastronomia","Moda","Beleza");

Add the image url in the link marked in italics, that will appear when there are no pictures in the post. While add the labels (marked in bold) of your choice which you want to show up on the home page.

Also search for this code in Edit Html and add your blog url (marked in bold).

salida + = '<div class="featured">';
salida + = '<h3>' + labeltitle [contarlabels] + '</ h3>';
salida salidainner + =;
salida + = '<b> <a href=" http://templatefeminina.blogspot.com /search/label/' labelname[contarlabels] + + More'?max-results=10">' + LabelName [contarlabels] + '</ a> </ b>';
salida + = '</ div>';
document.write (salida);
contarlabels + +;
}

Replace all the links which are marked in bold with your blog url and add the labels you've selected as well. It will appear in the same order on the home page as the code.

<script src='http://templatefeminina.blogspot.com/feeds/posts/default/-/Desfiles?max-results=3&orderby=published&alt=json-in-script&callback=showrecentposts'/>

<script src='http://templatefeminina.blogspot.com/feeds/posts/default/-/Gastronomia?max-results=3&orderby=published&alt=json-in-script&callback=showrecentposts'/>

<script src='http://templatefeminina.blogspot.com/feeds/posts/default/-/Moda?max-results=3&orderby=published&alt=json-in-script&callback=showrecentposts'/>

<script src='http://templatefeminina.blogspot.com/feeds/posts/default/-/Beleza?max-results=3&orderby=published&alt=json-in-script&callback=showrecentposts'/>

You can change the number of posts per label as well, in the above code change - max-results=3. While the sidebar includes the normal features like archives, tag cloud, search box etc. This theme also has a 3 column footer space to add more blogger widgets.

Download the Women Magazine 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

VideoTek Blogger Theme

Creatica Blogger Template

Adding Alt Text in Images for SEO

Magazine Blogger Template for Women

Archive

Recent Templates

Recent Comments

Video Guides