Free Blogs Templates Creator

There are multiple blogs with the same templates on the Web. Does that bother you that the same template you are using, can be found elsewhere? If that does, you might find interesting to take a look on the free web-based templates self-designer.

Psycho is an exclusive weblog template designer for the following blogging platforms: Blogger (Classic), Persian Blog, BlogFa. It will help you to make the following:

• Create your ever-wished template in less than 10 minutes!
• Walk on the edges of template design without any HTML knowledge!
• Have W3C valid XHTML template, which will bring a higher ranking in search engines and eventually more hits.
• Fix the browser's incompatibility.
• Accelerate the loading time and style of your page.
• Have CSS-Based template: The page can never be lighter and cleaner than it!
• Always be capable to modify and share your template easily by saving your format in the PsycHodrama!

PsycHo is

• An Open-Source project: You can read and even modify thousand lines of its javascript codes under terms of GPL.
• Absolutely free of charge: You don't need to pay for anything!
• Based on a single DHTML page: No submission or lag it has!
• Working offline: Just get the page and hang the connection up; it works yet!

Notes:

• As PsycHo's generated templates have absolutely no warranty, it's strongly recommended to get a backup of your current template before pasting new code and making any modifications. Actually, it is a generic advice that is suitable for anything you do with your template code.
• PsycHo generates Blogger templates only for the old Blogger, and they are not completely compatible with new Blogger. Fortunately you can still use them on new Blogger! Just tell it (Blogger service) that you wish to use an old (Blogger says classic) template in cost of losing Blogger's new features like labels and etc.
  To do that, in template area of Blogger, instead of pasting the HTML code (output of PsycHo), click on Revert to Classic Template link at the bottom of the box. Then, when you went to the classic menu (where Change the NavBar menu appears), paste the code and click "Save Template Changes".
• FireFox is a recommended browser, while creating your template.

Author: Aideen NasiriShargh

Website: http://psyc.horm.org

Read More

How to Fix Blogger Errors while Uploading New Templates

When you start your blogging adventure, you are so many things to learn, so at the first steps of your blogging career you just use basic templates available on the Blogger website. As time goes, you realize the limitations of the basic offerings and disadvantage that your site interface looks like thousand other basic blogs. There are some limited opportunities to tweak the HTML code of your template, but do you really want to mess with it? If you are not sure, just search online for “Blogger Free Templates” and you get many offerings to choose from. New template loading is easy and does not require any coding experience. If… everything goes smoothly. But if not, you are trapped. In this post, I will present the approach to resolve the typical templates loading errors to the Blogger interface.

Sample of these BX error codes are:

• bx-bliced
  
• bX-ev85ll
  
• bX-39cc9q
  
• bX-y6cz0v
  
• bX-982020

There are the following steps recommended for the problem resolution:

1. First of all, try to upload your new template in the Layout>Edit HTML section of your dashboard. Not all templates have been affected by this issue, so it is advisable to check before attempting to edit your template manually. If you do receive a bX-error code when trying to upload your template, you should proceed to step 2.
   
2. If your new template is an XML file (with the .xml intension), browse to where this is located on your computer and right click the file. Choose to open with Notepad (or your favorite basic text editor). If your template is contained within a text file (for you to copy and paste into the template editor), simply open this with your text editor.
   
3. Search for every instance of b:widget id= in your template, for example:
   
4. • b:widget id=’Header1’
     
   • b:widget id=’Blog1’
     
   • b:widget id=’Label1’
     
   • b:widget id=’HTML1’

Replace each of these IDs with the next number up. For example, Header1 should become Header2; Blog1 should become Blog2, HTML3 should become HTML4 and so on.

4. Once you have changed each and every instance of widget id to a different number, you should save the template under a slightly different file name (to be aware of your altered file). If this is an XML file, be sure to save with the XML extension.
   
5. Now you have made these changes, attempt to upload your file again in the Layout>Edit HTML section of your Blogger dashboard. Now you should not receive the error code and will be able to upload your template.

Note. If after following these steps you are still unable to upload your revised template, it is worthwhile to close your browser and delete all temporary internet files and cookies. Then restart your browser and try to upload again. Clearing all of these temporary files from your browser will ensure you receive a fresh page when editing your template. The reason why the bx-XXXX error occurs when you upload a template is because the Blogger developers changed the way template editor accepts certain third party code. They have seen a lot of data corruption due to ’bad templates’.

Now, with these advices, I know exactly what to do, when error pops-up. Before, if that happened, I just switched back, choosing the basic template from Blogger database, ensured that the basic template works, and than tried again to load a new template. In most cases, that worked, but sometimes I needed to repeat the procedure twice. Now I can understand, why the problem could be resolved by these actions.

Read More

Removing Newer and Older Post Links in Blogger Blog

If you are using Blogger as blogging platform, you might be used to some of the built-in features, that you consider hard coded, but can be changed with slight template code modification. One of the hacks, presented in this publication, addresses a seemingly minor issue on the page - two links “Older Posts” and “Newer Posts” on the bottom of the page.

For those, who prefer their blog to be maximally close to the static webpages, these links not just unnecessary, but are plainly irritating. There is a way to remove them once and forever. And that is quite easy to do, even for not very experienced users. Note, that this hack will also remove “home” link from the bottom of the blog page.

Open Layout Tab in your blog profile page, choose Edit HTML, and search your code in your blog template for the following text:
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}


Now replace that code with the following code:

#blog-pager-newer-link {
display: none;
}
#blog-pager-older-link {
display: none;
}
#blog-pager {
display: none;
}


Save the template and you are done. I hope that was indeed an easy and straightforward one.

Additional Reading:

http://bloggeruniversity.blogspot.com/
http://tipsforwebsite.blogspot.com/2008/09/how-to-remove-post-and-post-link-on.html

Read More

How to Remove NavBar in Blogger

There might be multiple reasons, why would you like removing Blogger Navbar from the top of your page:

• This bar highlights that you are part of the Blogger community, and you might not want emphasizing that.
  
• The bar might not fit well to your template design.
  
• Blogger has started random advertisement above the Navbar and this has taken valuable space on you blog page.

Due to the simple fact the fact that the Blogger TOS (Terms of Service) do not specify that keeping Navbar on the blog is a mandatory feature of the Blogger account holder, you have no legal or ethical restrictions on the Navbar removal.

Fortunately, removing the Navbar is a quite easy task, and it can be done in different ways.
1. Go to your blogger Dashboard and select Layout.
2. Click Edit HTML.


Method 1

Find the following record in the template layout
<b:skin><![CDATA[/*
Paste this simple code
#navbar-iframe { display: none !important; }


Method 2 (By Aditya)
Look for <b:skin> and paste the following after that:
/* By Aditya http://the-lastword.blogspot.com/ ----------------------------------------------- */ div.navbar { opacity:0.0; display:none; }


Method 3 (By Praveen)

Look for <b:skin> and paste the following after that:

/* By Apnerve http://www.apnerve.blogspot.com ----------------------------------------------- */ #navbar #Navbar1 iframe { display:none; visibility:none; }



Method 4
Just add the following lines anywhere in your Blogger template [enclosed by <style> tags] and the blogger banner will be gone forever.
#navbar-iframe { height:0px; visibility:hidden; display:none; }


Additional Reading:
http://blogger-tricks.blogspot.com/2008/10/hide-new-blogger-xml-navbar.html
http://www.cyberspirits.net/2008/06/hiding-navbar-in-blogger-how-to-hide-navbar-in-blogger/
http://www.jaystech.com/2008/08/how-to-hide-blogger-navbar-in-old-new.html
http://labnol.blogspot.com/2007/01/how-to-hide-blogger-navbar-in-new.html

Read More

Improving Blog Placement Optimizing Title

In one of my previous publications, I have presented a way to swap parts of the blog post title the way that the post name will go before the blog name, as it is setup by default in the Blogger templates. There are multiple advantages of this simple transformation, both from aesthetical and Search Engines Optimization point of views. Your posts will be less competitive in respect to each other for a descent space on the search page for the particular search items. It is always good to have your main keywords (introduced in your Post title) of a specific blog post at the start rather than placing your blog title at the start. The situation improvement is even more significant, if the blog post title is very long. The method offered was tested, and its works on my Blogger blog posts.

This time, I want to present one more way to reach the same, or almost the same outcome (the only difference is a separation sign between blog post title and blog title). However, there is always good to have a choice. This time, credit goes to BloggerTricks blog.

Let’s make the process more visual.

Before the trick:

After the trick:

How to change:

As usual, Sign in to Blogger » Layout » Edit html and find this line in the current blog template:
<title><data:blog.title/></title>

Now, replace that line with the following code:

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

Save the Changes.
The method has been also tested on this blog, and it worked for me.

Read More

Blogger Buster: 125 Excellent Blogger Templates

Blogger Buster: 125 More Excellent Blogger Templates (The Best Yet!)

Read More