Now in this file gives the instruction to the search engines to investigate throughout the sitemap of your blog (created automatically) being able to index our content faster.

You can check this file by entering the following address of your blog:

http://YOURBLOG.blogspot.com/robots.txt

And you will return the following instructions:

User-agent: *
Disallow: /search
Sitemap: http://TUBLOG.blogspot.com/feeds/posts/default?orderby=updated

Read this article in spanish.

Typebased is a very elegant -and free- image design, originally created by WooThemes and now converted for Blogger by BTemplates.

Features

• Color definitions from Blogger’s Dashboard.
• Three principal columns.
• Customizable menu.
• Internal search engine.
• 125×125 advertising banners.
• Widgetized footer.

Download for Blogger

• Demo
• Download (English and Spanish)

Download for Wordpress

• Demo
• Download Theme

Installation

To install your template, please take a look at this installation mini-guide.

Settings

To visualize correctly your template, it’s necessary to take the following steps:

1. Go to “Layout”, and then to “Edit HTML”, from your Blogger Dashboard.
2. To customize the navigation menu, look for the following code:

<li class="page_item"><a href="#">Edit</a></li>

Replace “Edit” with the text of the link and the “#” symbol with the website’s URL. Copy and paste this same line in order to add and edit more options to the menu.

3. To visualize the date correctly, go to “Settings”, and then “Formatting” from your Dashboard. In the section “Date Header Format” take the “22 November 2008″ format.

   

4. Save your template and ENJOY!

Support

This template is distributed without functioning guarantees or support; however, you can visit our forums (sorry, only spanish) where you will surely find the solution for your troube, or publish it if it wasn’t exposed before.

1. Go to your blog, and select the “Layout” tab.
2. Choose the place where you wanna put the comments, and click “Add a Gadget”.
3. Select the “Feed” element, and click “Add to blog”.



4. The next step is to add the feed’s URL, in this case is the one that has the comments of our own blog. This address is like this:

http://YOURBLOG.blogspot.com/feeds/comments/default

Where YOURBLOG is that part of your blog’s address.

5. The next step is to configure:

Title: the title to show on top of comments.
Number of items: in this case it’s the number of comments.
Item date: show comment’s date.
Item sources/authors: show comment’s author.

6. Save the changes and that’s it.

This will be enough to show the last comments. The look will depend of the place you insert them into. With this method you can add any content with feed format, doesn’t matter if it’s not from Blogger.

Read this article in spanish.

Almost every template has an element that, if changed, can modify the way it looks: images. We can find as headers, backgrounds, margins, icons, text, and so on. And can be added to the template in two different ways:

1. As a background: at present time, it’s the most common way to add any image to a template, and it’s usually located in a section or file named CSS.
2. Direct: the image is added directly in the code of the template.

So, the easiest way to modify a template is changing these images, and is not difficult at all.

1. The old image.

First of all, you have to know the name of the image you have to change. To do this, you can save the image, or you can, in firefox, make right-click and go to “See Image”, or “See Background Image”, where you’ll have the full address, and the name of the image.



Something else, you need to know the size of the image in pixels, so you have to right-click on the image and go to “Element Properties”, where you can see the image’s size.



2. The new image.

The only requirement for the new image is that it should be the same size as the original. You can create a new one if you know how to use some image editing program, make changes to the original as a single change of tones or use the cutting of a picture that you already have.

3. Host the new image.

If you have a hosting account, upload the image. If you use a free service (blogger, wordpress) you can use a free hosting like imageshack.us o photobucket.com. In both cases you will need the direct link to the image.

4. Replace the code.

For systems where the css is with the rest of the code of the template, like Blogger, look for the image’s addres from the old name and replace with the new direction of the image.

For systems where the css code is in an external file (like wordpress), go to this file (ends with .css) and make the replacement. If you can’t find the old image’s address, maybe it’s in another css file.

Usually, by changing the background image, and the header is enough to make a big difference, and set the personal touch you wanna give to your blog.

Read this article in spanish.

Then we show you a list of 10 recommendations that can help improve your experience when you type in Blogger:

1. Use the HTML editor.


If you know the basics of HTML, use this editor, wich creates less chaos in code, is more effective using spell checker, makes your articles less heavy and is easier to read by search engines and feed readers.



2. Use the spell checker.

If you have bad spelling, Blogger’s spell checker can avoid many errors (or horrors). If you write a long article, divide it in two or three parts, so you have no problem using the spell ckecker, or use an external software to check it.


3. Don’t use the line break.

By default, whe you hit “Enter” in the editor, it generates a
label to make a line break, which can cause major problems when we introduce javascript, the code of a video or other application. To disable the line break, go to Settings > Formatting, and select “No” in the “Convert line breaks” box. Now the line breaks will be done with the <p> and </p> labels, wich are more appropriate and less trouble maker.



4. Don’t align images on upload, but until they’re on the editor.

This way you avoid “fighting” with the image-text alignment and you can change it any time from the editor.


5. Don’t use large images if it’s not necessary.

When uploading a picture on Blogger use “Image Size: Medium” to avoid warpping your template and keep a good image size and quality.


6. Save drafts continuously.

Even when Blogger automatically saves drafts, it’s better not to rely. The safest way is to be clicking the “Save Now” button every major breakthrough.



7. Avoid changing edit mode repeatedly.

Changing between “Compose” and “Edit HTML” repeatedly brings chaos in the code of the article, so try to work in a single mode.


8. Use preview.

Before posting an entry, use the preview to read and detect errors in spelling or grammar, and finding the best location for the images. Read your article as many times as you need to find it coherent and understandable.


9. Use a Post Template

If you repeat any code in all your posts, for example, to use the hack for “read more” or to put a message at the end of them, use the Post Template. Go to Settings > Formatting and you’ll find it at the end. You’ll save valuable time in each entry.


10. Use shortcuts.
    • Ctrl + B = bold
    • Ctrl + I = italic
    • Ctrl + L = blockquote (HTML mode only)
    • Ctrl + Z = undo
    • Ctrl + Y = re
    • Ctrl + Shift + A = link
    • Ctrl + Shift + P = Preview
    • Ctrl + D = save draft
    • Ctrl + S = publish entry

Blogger has some commands to make faster to publish and format, these are:

These recommendations have saved me some problems on blogger but are just that, recommendations. If you have one, feel free to leave it in the comments.

Read this article in spanish.

The surveys have been added as an element of the page, and let’s you add large numbers of options and set the closing date for the survey. To create one do the following:

• Go to your Blogger account.
• Go to “Layout”.
• Add a page element anywhere you want to show the survey.
• Select the “Poll” element.



• Add the question, the options and the closing date for the survey.



• Save the changes and it’s done.

These improvements are quite important and it’s really nice to know Google is getting back to work with Blogger.

Read this article in spanish.

One of the most neglected parts in Blogger are precisely the metatags, because they don’t think the proper indexing of your page is important enough. Well, in this article we’ll show you how to place the most important in the home and in the pages of the labels.

1. Go to “Layout”, and then to “Edit HTML”.



2. Search for the following code:

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

3. Under this code will be conditions to show the metatags in their own pages, according to the following code scheme:

<!-- Home Metatags -->
<b:if cond='data:blog.pageType == "index"'>
<meta content='here the keywords, separated by commmas' name='keywords'/>
<meta content='description of the general website content' name='description'/>
</b:if>

<!-- Labels Pages Metatags -->
<b:if cond='"http://label-address" == data:blog.url'>
<meta content='here the words taht describe this label' name='keywords'/>
<meta content='description of the content of this label' name='description'/>
</b:if>

As you can see, there is a code for the home and one for labels and will be repeated for each label you want to describe their contents.

Read this article in spanish.

Right now they’re testing a new interface with a diferent design. Here you can see the difference between both of them.

This is the normal layout:

And this is the new layout they’re testing:

Click here to try Blogger in Draft. And to know a little bit more about it, or just comment they way it works, go to their blog.

1. Go to “Layout” tab.



2. Add a “HTML/Javascript” element in the section you wanna have the button.
3. Set the title as “Add us”, or any text you want for the button. You can leave it blank too, it will add some default text.
4. Paste the following code in the “Content” field:

<form action="http://beta.blogger.com/add-widget" method="post" target="_blank">
<input value="" name="widget.title" type="hidden" />
<textarea style="display: none;" name="widget.content">
<!-- Link's code -->
<a href="http://YOURBLOG.blogspot.com">YOUR BLOG</a>

</textarea>
<input value="Add YOURBLOG to you Blogroll" name="go" type="submit">
<input type="hidden" name="infoUrl" value="http://btemplates.com/blog/create-a-widge…k-to-your-blogcreate-a-widget-to-add-a-link-to-your-blog"/>
</form>

Here you have to make some changes:

http://YOURBLOG.blogspot.com – Your blog’s address.
YOUR BLOG – Your blog’s name or an image’s code. It willl be shown in the Blogroll of the one who’s adding you.
Add YOURBLOG to the Blogroll – The message you wanna show on the button.

This code work for another CMS or webs, but it only can be added by Blogger’s users.

5. Save the changes an it’s done.

Read this article in spanish.

2. Look for this line of code:

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

3. Replace it with the following code:

<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
  <h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
    <b:if cond='data:label.count &gt; 2'>
    <li>
      <b:if cond='data:blog.url == data:label.url'>
        <data:label.name/>
      <b:else/>
        <a expr:href='data:label.url'>
          <data:label.name/>
        </a>
      </b:if>
      (<data:label.count/>)
    </li>
   </b:if>
</b:loop>
</ul>
  <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

4. In the first line highlighted in red, you decide the minimum number of posts a label needs to have in order to be displayed in your Labels’ widget/gadget.