Hafiz Adnan Hussain

Earn Revenue with Google Adsense

Monetize your website/blog with Google Adsense.
Google Adsense is best CPC AD Network pays you 0.05$ to 5$ per click others network usually pay you 0.02$ to 0.10$ to each click Google Adsens pay high rate.
Google Adsense is a good and genuine for earning.www.Google.com earns most of its revenue by allowing other websites to advertise on their search result pages.All this is managed through a program that is called AdWords.

Join Google Adsense if google aprove your site,blog they will post ads on your site,blog

and pay you. If your websites has a good traffic then google will approve your account.

This is an example of Google Ads

Every website owner should at least consider this program. Even of your site is just for information purposes, you can still participate and make decent money with AdSense.

So if you are one of those people that doesn't like the idea of paying for a site, this is an excellent way to earn money.

How much money you can earn with Google AdSense

I read an blog about how to increase AdSense revenue from associate programs here is the analysis frin the article

Let's say you have a goal of earning $50,000 a year from AdSense.Let's take a look.

$50,000÷183 = $274 a day.So your goal is to produce either:

137 pages which earn 1$ per pages a day
274 pages which earn 50 cents per page a day
548 pages which earn 25 cents per page a day

The following are hypothetical cases. To earn $1 a day per page, you need, per page...

400 visitor, 5% click-through rate (CTR) and average 5c payout.
Or 200 visitor 10% CTR and an average 5c payout.
Or 100 visitor,10% CTR,and an average 10c payout.

Let's assume you choose a goal somewhere around the middle, say aiming for 25 visitor per page and want 137 pages earning $1 a day. You'd need 137 x 25 = 3,425 page views a day.

does that sound too tough? If so, you'd better look for more profitable keyword and ways to improve you click through rates.

Let's try a different scenario, You choose more profitable keyword and make your $1 on average per page from, say, 10 visitors. 274 x 10 = 2,740 page views a day, That's unique visitors a day.

Is that tough to achieve in your niche? If so, create two sites, each attracting half that number, 456 unique visitor a day, Can't achieve this click-through rates and payouts? then you'll either need more pages on your sites on more niche sites.

Tips to Increase Google Adsense Revenue

1. Publish high quality unique content ( very Important thing ).

2. Update your blog/site frequently if you update daily it's very good.

3.Try to improve your PR.

4.Try to improve your Alexa Rank by showing alexa toolbar on your site\blog (B\C advertiser notice rank easily).

5.Place ads on top area of your site\blog

6.Place Google Adsense Custom Search box to generate more clicks.

Google Adsense Alternative

I can’t seem to reach the end of the fun stuff you can do with emerging web technologies. Today, I’m going to show you how to do something that—until the last while—has been almost unprecedented: uploading files via AJAX.

Oh, sure, there have been hacks; but if you’re like me, and feel dirty every time you type iframe, you’re going to like this a lot. Join me after the jump!

Why don’t we get the bad news over with?

This doesn’t work in every browser. However, with some progressive enhancement (or whatever the current buzzword is), we’ll have an upload page that will work right back to IE6 (albeit without the AJAXy bits).

Our AJAX upload will work as long as FormData is available; otherwise, the user will get a normal upload.

There are three main components to our project.

The multiple attribute on the file input element.
The FileReader object from the new File API.
The FormData object from XMLHttpRequest2.

We use the multiple attribute to allow the user to select multiple files for upload (multiple file upload will work normally even if FormData isn’t available). As you’ll see, FileReaderallows us to show the user thumbnails of the files they’re uploading (we’ll be expecting images).

None of our three features work in IE9, so all IE users will get a normal upload experience (though I understand support for `FileReader` is available in IE10 Dev Preview 2). FileReaderdoesn’t work in the latest version of Safari (5.1), so they won’t get the thumbnails, but they’ll get the AJAX upload and the confirmation message. Finally, Opera 10.50 has FileReadersupport but not FormData support, so they’ll get thumbnails, but normal uploads.

With that out of the way, let’s get coding!

Step 1: The Markup and Styling

Let’s start with some basic markup and styling. Of course, this isn’t the main part of this tutorial, I won’t treat you like a newbie.

The HTML

view plaincopy to clipboardprint?
>  
<html lang="en">  
<head>  
    <meta charset="UTF-8" />  
    <title>HTML5 File APItitle>  
    <link rel="stylesheet" href="style.css" />  
head>  
<body>  
    <div id="main">  
        <h1>Upload Your Imagesh1>  
        <form method="post" enctype="multipart/form-data"  action="upload.php">  
            <input type="file" name="images" id="images" multiple />  
            <button type="submit" id="btn">Upload Files!button>  
        form>  
  
        <div id="response">div>  
        <ul id="image-list">  
  
        ul>  
    div>  
  
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js">script>  
    <script src="upload.js">script>  
body>  
html>  

Pretty basic, eh? We’ve got a form that posts to upload.php, which we’ll look at in a second, and a single input element, of type file. Notice that it has the boolean multiple attribute, which allows the user to select multiple files at once.

That’s really all there is to see here. Let’s move on.

The CSS

view plaincopy to clipboardprint?
body {  
    font: 14px/1.5 helvetica-neue, helvetica, arial, san-serif;  
    padding:10px;  
}  
  
h1 {  
    margin-top:0;  
}  
  
#main {  
    width: 300px;  
    margin:auto;  
    background: #ececec;  
    padding: 20px;  
    border: 1px solid #ccc;  
}  
  
#image-list {  
    list-style:none;  
    margin:0;  
    padding:0;  
}  
#image-list li {  
    background: #fff;  
    border: 1px solid #ccc;  
    text-align:center;  
    padding:20px;  
    margin-bottom:19px;  
}  
#image-list li img {  
    width: 258px;  
    vertical-align: middle;  
    border:1px solid #474747;  
}  

Absolutely no shockers here.

Step 2: The PHP

We need to be able to handle the file uploads on the back end as well, so let’s cover that next.

upload.php

view plaincopy to clipboardprint?
  
foreach ($_FILES["images"]["error"] as $key => $error) {  
    if ($error == UPLOAD_ERR_OK) {  
        $name = $_FILES["images"]["name"][$key];  
        move_uploaded_file( $_FILES["images"]["tmp_name"][$key], "uploads/" . $_FILES['images']['name'][$key]);  
    }  
}  
  
echo "
Successfully Uploaded Images
";  

Bear in mind that these were the first lines of PHP I’d written in easily a year (I’m a Ruby guy). You should probably be doing a bit more for security; however, we’re simply making sure that there are no upload errors. If that’s the case, we use the built-in move_uploaded_file to move it to an uploads folder. Don’t forget to make sure that the folder is writable.

So, right now, we should have a working upload form. You choose an image (multiple, if you want to and your browser lets you), click the “Upload Files!” button, and you get the message “Successfully Uploaded Images.”

Here’s what our mini-project looks like so far:

But, come on, it’s 2011: we want more than that. You’ll notice that we’ve linked up jQuery and an upload.jsfile. Let’s crack that open now.

Step 3: The JavaScript

Let’s not waste time: here we go!

view plaincopy to clipboardprint?
(function () {  
    var input = document.getElementById("images"),  
        formdata = false;  
  
    if (window.FormData) {  
        formdata = new FormData();  
        document.getElementById("btn").style.display = "none";  
    }  
  
}();  

Here’s what we start with. We create two variables: input is our file input element; formdata will be used to send the images to the server if the browser supports that. We initialize it to false and then check to see if the browser supports FormData; If it does, we create a new FormData object. Also, if we can submit the images with AJAX, we don’t need the “Upload Images!” button, so we can hide it. Why don’t we need it? Well, we’re going to auto-magically upload the images immediately after the user selects them.

The rest of the JavaScript will go inside your anonymous self-invoking function. We next create a little helper function that will show the images once the browser has them:

view plaincopy to clipboardprint?
function showUploadedItem (source) {  
    var list = document.getElementById("image-list"),  
        li   = document.createElement("li"),  
        img  = document.createElement("img");  
    img.src = source;  
    li.appendChild(img);  
    list.appendChild(li);  
}  

The function takes one parameter: the image source (we’ll see how we get that soon). Then, we simply find the list in our markup and create a list item and image. We set the image source to the source we received, put the image in the list item, and put the list item in the list. Voila!

Next, we have to actually take the images, display them, and upload them. As we’ve said, we’ll do this when the onchange event is fired on the input element.

view plaincopy to clipboardprint?
if (input.addEventListener) {  
    input.addEventListener("change", function (evt) {  
        var i = 0, len = this.files.length, img, reader, file;  
  
        document.getElementById("response").innerHTML = "Uploading . . ."  
  
        for ( ; i < len; i++ ) {  
            file = this.files[i];  
  
            if (!!file.type.match(/image.*/)) {  
  
            }  
        }  
  
    }, false);  
}  

We don’t have to worry about IE’s proprietary event model, because IE9+ supports the standard addEventListener function.

There’s more, but let’s start with this. First off, we don’t have to worry about IE’s proprietary event model, because IE9+ supports the standard addEventListener function (and IE9 and down don’t support our new features).

So, what do we want to do when the user has selected files? First, we create a few variables. The only important one right now is len = this.files.length. The files that the user has selected will be accessible from the object this.files. Right now, we’re only concerned with the length property, so we can loop over the files …

… which is exactly what we’re doing next. Inside our loop, we set the current file to file for ease of access. Next thing we do is confirm that the file is an image. We can do this by comparing the type property with a regular expression. We’re looking for a type that starts with “image” and is followed by anything. (The double-bang in front just converts the result to a boolean.)

So, what do we do if we have an image on our hands?

view plaincopy to clipboardprint?
if ( window.FileReader ) {  
    reader = new FileReader();  
    reader.onloadend = function (e) {  
        showUploadedItem(e.target.result);  
    };  
    reader.readAsDataURL(file);  
}  
if (formdata) {  
    formdata.append("images[]", file);  
}  

We check to see if the browser supports creating FileReader objects. If it does, we’ll create one.

Here’s how we use a FileReader object: We’re going to pass our file object to thereader.readAsDataURL method. This creates a data url for the uploaded image. It doesn’t work the way you might expect, though. The data url isn’t passed back from the function. Instead, the data url will be part of an event object.

With that in mind, we’ll need to register a function on the reader.onloadend event. This function takes an event object, by which we get the data url: it’s at e.target.result (yes, e.target is the reader object, but I had issues when using reader in place of e.target inside this function). We’re just going to pass this data url to our showUploadedItem function (which we wrote above).

Next, we check for the formdata object. Remember, if the browser supports FormData, formdata will be aFormData object; otherwise, it will be false. So, if we have a FormData object, we’re going to call theappend method. The purpose of a FormData object is to hold values that you’re submitting via a form; so, the append method simply takes a key and a value. In our case, our key is images[]; by adding the square-brackets to the end, we make sure each time we append another value, we’re actually appending it to that array, instead of overwriting the image property.

We’re almost done. In our for loop, we’ve displayed each of the images for the user and added them to theformdata object. Now, we just need to upload the images. Outside the for loop, here’s the last piece of our puzzle:

view plaincopy to clipboardprint?
if (formdata) {  
    $.ajax({  
        url: "upload.php",  
        type: "POST",  
        data: formdata,  
        processData: false,  
        contentType: false,  
        success: function (res) {  
            document.getElementById("response").innerHTML = res;  
        }  
    });  
}  

Again, we have to make sure we have FormData support; if we don’t, the “Upload Files!” button will be visible, and that’s how the user will upload the photos. However, if we have FormData support, we’ll take care of uploading via AJAX. We’re using jQuery to handle all the oddities of AJAX across browsers.

You’re probably familiar with jQuery’s $.ajax method: you pass it an options object. The url, type, andsuccess properties should be obvious. The data property is our formdata object. Notice thoseprocessData and contentType properties. According to jQuery’s documentation, processData is trueby default, and will process and transform the data into a query string. We don’t want to do that, so we set this to false. We’re also setting contentType to false to make sure that data gets to the server as we expect it to.

And that’s it. Now, when the user loads the page, they see this:

And after they select the images, they’ll see this:

And the images have been uploaded:

That’s a Wrap!

Uploading files via AJAX is pretty cool, and it’s great that these new technologies support that without the need for lengthy hacks. If you’ve got any questions about what we’ve done here, hit those comments! Thank you so much for reading!

Hafiz Adnan Hussain

Friday, June 13, 2014

Watch Live Fifa WorldCup 2014 in Brazil Free.

Sunday, June 16, 2013

Online Fashion Website

Saturday, August 11, 2012

Earn Revenue Online

Wednesday, August 1, 2012

What are the top 20 medal winning countries at the Beijing Olympics

Top 10 Countries With Highest Olympics Gold Medals

Monday, July 9, 2012

Uploading Files with AJAX

Step 1: The Markup and Styling

The HTML

The CSS

Step 2: The PHP

upload.php

Successfully Uploaded Images

Step 3: The JavaScript

That’s a Wrap!

All Tag List

Blog Archive

Pages

Followers

Recent Posts

Hafiz Adnan Hussain

Friday, June 13, 2014

Watch Live Fifa WorldCup 2014 in Brazil Free.

Sunday, June 16, 2013

Online Fashion Website

Saturday, August 11, 2012

Earn Revenue Online

Wednesday, August 1, 2012

What are the top 20 medal winning countries at the Beijing Olympics

Top 10 Countries With Highest Olympics Gold Medals

Monday, July 9, 2012

Uploading Files with AJAX

Step 1: The Markup and Styling

The HTML

The CSS

Step 2: The PHP

upload.php

Successfully Uploaded Images

Step 3: The JavaScript

That’s a Wrap!

Social Profiles

All Tag List

Blog Archive

Pages

Followers

Recent Posts