Changing the title blogs of your site

Anyways, just follow this very simple hack and your done.

1. Go to your blogger Dashboard, click Layout, then Edit HTML
   Find this tag
   
   <title><data:blog.pageTitle/></title>
   
   
2. Replace the whole tag with the following
   
   

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

   
   
   
3. Save your template
   

Important: Make sure you replace the whole Title tag with the code given or else the word Title will show like i do when i first try this hack.

Once you've done this hack you can start seeing Only your Post Title, blog name removed.

This will increase the chance of capturing the search engine's attention, of course with proper use of keyword and you will benefit the extra traffic it brings to your site.

If hope your find this simple hack helpful and Enjoy!

Read More......

MOST POPULAR ARTICLES

May 15, 2008

JavaScript : Most Popular Articles

This script is totally based on number of commentators put up their comments on your site. The more they continue to comment, the higher the post ranking, thus making the article on top of the list.

Here we go, just follow this few simple steps as below:-

1- Go to Dashboard> Layout> Page Elements
2- Click on Add a page element of your sidebar.
3- Chose for Edit Html/Javascript to add (copy and paste) the below script into your sidebar.

<code><script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol style="text-transform:
capitalize;">');
var i;
for (i = 0; i < obj.count ; i  )
{
var href = "'"   obj.value.items[i].link 
"'";var item = "<li>" 
"<a href="   href   ">" 
obj.value.items[i].title   "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.
run?_render=json&_callback=pipeCallback&_
id=1cf38ae68efbe859c4ba1ee239cec099&url=
http%3A%2F%2F<span style="color: rgb(255, 0, 0);">
onlinebiz-my.blogspot.com</span>&
num=10" type="text/javascript"></script></code>

4- Change the red colored portion to your blog name.
5- Place your own title i.e Most Popular Articles
6- Save.

http://www.onlinebiz-my.blogspot.com/

Type rest of the post here

Read More......

Type your summary here

Type rest of the post here

Read More......

Market Your Blog through Leaving Comments

Leaving comments to other blogs is one way of marketing your blog, but doing this is not easy thing to do and takes you more time and effort doing this. Applying this method of driving traffic to your blog is very powerful “you get what you do for”, generally rewarded with more traffic on your blog.

Why this kind of tactic effective?

1. It brings traffic to your blog.

2. It can increase the link popularity of your blog.

3. It attracts online users to your blog.

4. Getting you and your blog noticed by other bloggers.

5. Some blog sites will give you the backlink to your site.

6. Increase your PageRank.

You need to find blogs that are relevant to your blog. Focus on commenting on blogs within you niche or find posts that really interest you that make you want to comment. Leaving comments not relevant to your blog maybe is just a waste of time and other people are saying that this will give a negative effect on their PR.

Each comment you leave has a link back to your blog. All you need to do is spend a few minutes writing 50 words or more and you have link leading people back to your blog. Comments are everywhere and certainly an integral part of the blogging phenomenon. Spending more time on each comment you make so that you add significant value to the conversation.

As you leave comments, you don't have to make it seem as
though you are better or more smart then the author. But just let the readers
know that you have something else important to add to the topic. Express
yourself freely, but write comments in a more courteous and intelligent way.

Most blog that you come across will allow you to leave a URL
that points back to your blog. Make sure before submitting that you put you
blog address, so you will be indexed.

Read More......

CREATE 3 COLUMN BLOGGER TEMPLATE

Article taken from: BloggerBuster

In this tutorial, I'll explain how to create a three column template in
Blogger layouts, using the Minima template as a starting point.

The Minima template is the easiest Blogger
template to customise, as this is the simplest two column template, and
has few parameters regarding margins, padding and the like. Once you
have developed the third column, it will then be easier to alter
font-size, colours and such so leave this until later on. We're going
to concentrate on the actual layout first.

First of all, set your template to Minima (not the stretch template, but any colour will do!), then follow these instructions:

1. Go to Template&gt;Edit HTML, leaving the "Expand widget templates" box unchecked.
2. Now, find this section in the HTML code:
   

   #sidebar-wrapper {
   width: 220px;
   float: right;
   word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
   overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
   }

   
   Copy this entire section, and paste it directly below. We're going to
   change the elements I've highlighted in red to the following:
   

   #left-sidebar-wrapper (this makes the css for this section unique)
   float: left (this will make the new sidebar float to the left of the main column)

   
   This will provide the styling for the new sidebar element which we will create next.
3. Now, you need to find this section further down the page:
   

   &lt;div id='main-wrapper'&gt;

   .
   Immedietly before this section, you should paste the following piece of code:
   

   &lt;div id='left-sidebar-wrapper'&gt;
   &lt;b:section class='sidebar' id='left-sidebar' preferred='yes'/&gt;
   &lt;/div&amp;gt;

   
   Let me explain the elements of this code to help you understand what we've just done:
   
   
   • &lt;div id='left-sidebar-wrapper'&gt; This
     section tells the browser that the left-sidebar element exists here,
     and to look in the css for the appropriate styling for this element.
   • &lt;b:section class='sidebar' id='left-sidebar' preferred='yes'&gt;
     This tells the browser the class of the sidebar element and all other
     elements (widgets) which may be included in this section. The ID of
     this element must be "left-sidebar" in order to make it unique,
     otherwie this would cause problems when viewing. It is preferred so
     that it will feature in the layout, even if no widgets are placed
     within it.
   
   
4. If you preview your template, you will notice that the right
   sidebar will be beneath the main section at the moment. This is because
   the outer-wrapper is still only wide enough to accomodate one sidebar.
   So now we need to expand the oputer wrapper to accomodate this new
   sidebar.
   Find this section in the HTML code:
   

   /* Outer-Wrapper
   ----------------------------------------------- */
   #outer-wrapper {
   width: 660px;
   margin:0 auto;
   padding:10px;
   text-align:left;
   font: $bodyfont;
   }

   We
   need to increase the width of the wrapper by the width of the
   left-sidebar-wrapper, in this case 220px. So, change the value in red
   to 880px.
5. You may also want to change the width of the header-wrapper to 880px so that it spans the new width of your blog:
   

   #header-wrapper {
   width:880px;
   margin:0 auto 10px;
   border:1px solid $bordercolor;
   }

6. At this point, you should save your template. At present, your new
   sidebar will not be seen as there are no widgets contained within it,
   though it will still be present in the markup of the page. Once you
   have saved your template, go to Template&gt;Page elements in your
   Blogger dashboard.
7. Your layouts section should now look something like this:
   
   
   You can now add a page element (or two) to your new left sidebar.
8. But we aren't quite finished yet! If you add anything to this left
   sidebar, you will probably notice that it jams right up to the main
   section, like this:
   This
   is because there is no space defined between the left-sidebar and the
   main section. We need to create this space in the template's HTML.
   To do this, we will add a margin to the left hand side of the main
   posts section. Find the following code in your template's HTML and add
   the code defined in red:
   

   #main-wrapper {
   width: 410px;
   float: left;
   margin-left: 20px;
   word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
   overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
   }

   This
   defines a margin space of 20px between the left-sidebar and the main
   column. You should also ensure you adjust thw width of the
   outer-wrapper from 880px to 900px to ensure the width of your blog is
   enough to accomodate this margin too. Either that, or you could reduce
   the width of your main column/a sidebar by 20px to serve the same
   purpose. Now, your previewed template should look more like this:
   
   
9. Finally, save your template and enjoy your new sidebar!

The
same principles described here can help you create a three column
template from any Blogger template, though you may find that you'll
need to adjust the width, margins and padding for your new sidebar in
order for it to look the way you would like.

Also, you can
configure your new sidebar to float to the right, and have two sidebars
on the right of the main column if you prefer. Simply set the CSS of
your new sidebar to float: right; instead.

Here is a download of
the three column Minima template for reference (or if you prefer to use
a preconfigured template instead!):

Download 3 column Minima template

For more Blogger templates to download, please have a look through the Templates section here at Blogger Buster.

Read More......