Advertise on your blog: What is AdSense and why AdSense?

Advertise on your blog:

Today i will tell you the basics about google adsense:

Google AdSense is a free, simple way for website publishers of all sizes to earn money by displaying targeted Google ads on their websites.

AdSense (Google AdSense) is an advertising placement service by Google. The program is designed for website publishers who want to display targeted text, video or image advertisements on website pages and earn money when site visitors view or click the ads.

Advertise on your blog

With Blogger, you can make money with your blog by showing AdSense and other ads on your pages.

Note: Advertising on adult blogs is prohibited. Learn more about the Blogger Content Policy and Terms of Service.

Sign up for AdSense to show ads

1. Sign in to Blogger.
2. In the top left, click the Down arrow .
3. Click the blog you want to run ads on.
4. In the left menu, click Earnings.
5. Click Sign up for AdSense. If you don’t see the button, it means your blog might not qualify for AdSense. Check the AdSense eligibility checklist to find out why.
6. Fill out the form with your Google Account or create a new one.

Note: It can take at least 48 hours for your application to be reviewed.

Show ads between your posts

1. Sign in to Blogger.
2. In the top left, click the Down arrow .
3. Click the blog you want to show ads on.
4. In the left menu, click Layout.
5. Depending on your template:
   • In "Blog Posts" under "Page Body," click Edit.
   • In "Blog Posts" under "Main," click Edit.
6. In the window that appears, check the box next to "Show Ads Between Posts."
7. Choose the ad format, colors, and how often the ads should appear.
8. Click Save. 

Show ads in the columns

1. Sign in to Blogger.
2. In the left menu, click Layout.
3. Click Add a Gadget.
4. Select the AdSense gadget and click Add .
5. Configure AdSense and click Save.
6. In the top right, click Save arrangement.

Show ads from other ad services

1. Sign in to Blogger.
2. In the top left, click the Down arrow .
3. Click the blog you want to show ads on.
4. In the left menu, click Layout.
5. In the area where you want to place the ads, click Add a gadget.
6. In the window that appears, under "Basics," find HTML/Javascript and click Add .
7. Enter a title (optional).
8. Copy and paste the code from the ad service website into the content section.
9. Click Save. 

See your Blogger earnings report

1. Sign in to Blogger.
2. Click the blog you want to see a report for.
3. Click Earnings.
4. Click Visit AdSense for details of my earnings.

See the AdSense glossary to learn what each term on your report means.

What to do if AdSense isn’t turning on

1. Sign in to Blogger.
2. In the top left, click the Down arrow .
3. On the Blogger dashboard, click the blog you want to put AdSense ads on.
4. In the left menu, select Layout.
5. Under the AdSense gadget, click Edit.
6. Click Save.
7. Repeat Steps 4 and 5 for every AdSense gadget on your blog.
8. At the bottom of your "Blog Posts" gadget, click Edit.
9. Click Save.
10. In the top right, click Save arrangement.
11. To check that your account is still active, go to AdSense.

Resource https://support.google.com/

• Have more questions?

How to setup Google Analytics for your blog

Google Analytics is a free web analysis and hit-counter service provided by Google. We recommend it if you don’t already have any analysis functionality set up. You can set up an account by going to http://www.google.com/analytics/ and setting up a free account.

Step 1: Sign up for Analytics

1. Sign up for an Analytics account.
2. Find your Analytics tracking ID.

Turorial: Signing up for the first time

After you have logged in to your Google account, click on the “Sign up” link on the analytics page (http://www.google.com/analytics/).

Adding a new domain name to an existing analytics account

After logging in to your analytics account, click the “Admin” link in the upper right corner.

Add a new account or a new property to an existing account.  Which you choose depends on how you want your analytics account organized.

Adding a new account

Adding a property to an existing account

Finding your tracking code

Whether you are signing up for the first time, adding an account or adding a property to an account, you will now set up your new tracking ID.  First select “Web Site.”

Then select your tracking method.  Because of the increased options the “Universal Analytics” provides, we recommend selecting this option.

Set up your web “property.”  Your website name can be whatever you want.  Obviously the url should be one you own.

If you are setting up a new account, you will name that as well.  If you are setting up just a new property then you won’t see this option.

Finding your tracking ID

Click “Get Tracking ID”

Accept the the terms of service.

Copy the entire tracking code.

Finding your tracking ID for a site that is already in your Analytics account

• Go to the “Admin” area of your Analytics account.
• From the “Property” dropdown, select “Tracking Info” then “Tracking Code.”

Clicking this link will take you to the screenshot above where you can copy the tracking code.

Enter your tracking code

Go to “ProPhoto” > “Customize” > “Site Settings” > “Analytics” and paste the entire tracking code in the box for Google Analytics.

Activating your tracking code:

When using the “Universal Analytics” option, it can take up to a couple of days before Google reports that it is receiving data. So before you determine that you did not set it up correctly, wait a few days.

After a few days, go back to your “Admin” area of Google Analytics dashboard at http://www.google.com/analytics/.  For your chose property return to the “Tracking Code” screen, as described above, and look for the “Receiving Data” message, indicating that your site is successfully linked with Google Analytics.

Note: ProPhoto will not count your own views of your blog when you are logged in, so the numbers reported by GA are not artificially inflated by your own views of your blog.

Step 2: Add Analytics tracking to your Google blog

The google blogs have already build in blog analitycs but if you need more there are 2 ways to install Google analytics in Blogger Platform. Either utilizing the whole JavaScript Code, or by using the "Tracking ID".

ID Method

1. Sign in to Blogger.
2. Click the blog you want to analyze.
3. In the left menu, click Settings  Other.
4. Under “Google Analytics,” type the Analytics tracking ID. It should use this format: UA-XXXXX-XX.
5. In the top right corner, click Save settings.

It can take up to 24 hours for data to show up in Analytics.

Analytics Code Method:
Add the following code in your Template right above the </body> tag. Remember: Don't forget to insert your tracking ID in the coding. Replace UA-XXXXX-Y with your tracking ID. Once every thing is done, Save the template.

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXX-Y']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

Resource 
http://www.prophoto.com/support/google-analytics/
http://www.mybloggerlab.com/2013/02/how-to-install-google-analytics-in-blogger.html
https://www.google.gr/search?q=Get+Tracking+ID

Storing Javascript/CSS Files With Google Drive

Storing Javascript/CSS Files With Google Drive

Storing Blogger CSS and JavaScript files with Google Drive will help to eliminate any of the problems mentioned above and reduce the clutter among your services. Taking this method can increase your site speed, increase the opportunities for a successful SEO campaign, and make your life so much easier.

Google Drive provides ample amount of space to store large files, and offers collaboration services so that you can work among different team members on the same project. Some of the files that you upload into the cloud services can remain unpublished and stay within the private site, whereas other files like blog posts can be published or stored to the public site.

Another beneficial feature of storing all your Blogger files on Google Drive is that it is highly secure. Google comes with the backing of one of the leading companies in the technical world so that you can be sure your content is safe from hackers and those looking to compromise your site.

This guide will provide you with step-by-step instructions on how to setup your Blogger site using Google Drive. It's completely free to take advantage of this strategy, and will provide you with a solid platform from which to build your blog.

Step 1. Prepare the CSS/JavaScript Files

·         First, we need to create the file that we need to host. To host a CSS file, open the Notepad and paste the CSS code (if it is enclosed within the <style> and </style> tags, remove them). 

·         In the Notepad menu, select 'File' > 'Save as' and type the file name with the .css extension just like I did with mycssfile.css - see the screenshot below.

·         In the same window, choose "All files" in the "Save as type" option and set the Character Encoding to UTF-8. 

·         If you want to host a JavaScript file, add the .js extension (instead of .css) at the end of your file name (remove the <script>...</script> tags if you see them). Click "Save" and navigate to the location where you want to save the file. 

Step 2. Upload Your File on Google Drive

·         Access https://drive.google.com and log in with your Gmail account. After you logged in, click on the 'Create' button and add a new separate folder to upload your JavaScript and CSS files.

·         Open the newly created folder, and click on the Upload button with the upward arrow to choose the files that you need to upload.

·         Now, navigate to the location where you saved the files, select them (to select multiple files, press and hold down the Ctrl key on your keyboard and then click on them) and press the Open button.

·         After the files have been successfully uploaded, right click on the file names (to select all your files in the folder, click on the checkbox) and select 'Share':

·         In the 'Sharing settings' window, click on the 'Change' link and choose the 'Public on the web' option. Press 'Save' and copy the link(s) of your uploaded file(s) from the 'Links to share' box highlighted in blue, then paste it into a Notepad to use it later.

Step 3. How to Add an External CSS/JavaScript file to Blogger

Before you can use the links, you must replace 'https://drive.google.com/file/d' to 'https://googledrive.com/host' and remove '/edit?usp=sharing' in the link.

For example, the link to mycssfile.css that I copied looks like this:

https://drive.google.com/file/d/0B4n9GL3eVuV-TkphMkc3SFR2Slk/edit?usp=sharing

Notice the part in blue after the "/file/d/" part. That is the file ID which is used to access it via the new hosting service. It should start with the following URL:

https://googledrive.com/host/

Add the file ID like this (remove the '/edit?usp=sharing' part):

https://googledrive.com/host/0B4n9GL3eVuV-TkphMkc3SFR2Slk

Now log into your Blogger account, select your blog and go to Template > Edit HTML. Click anywhere inside the code area and press the CTRL + F keys to open the search box:

If you want to add a CSS file, type the following tag inside the search box and hit Enter to find it:

<head>

Just BELOW the <head> tag, add this line:

<link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0B4n9GL3eVuV-TkphMkc3SFR2Slk" />

And replace https://googledrive.com/host/0B4n9GL3eVuV-TkphMkc3SFR2Slk with the link of your CSS file:

If you want to add a Javascript file, search for the following tag:

</body>

And add this line just ABOVE it:

<script src='https://googledrive.com/host/0B4n9GL3eVuV-eVYwLXBrTlZrVDg' type='text/javascript'></script>

Replace the line in blue with your URL:

Finally, press the 'Save template' button to save the changes. And you're done!

In Conclusion

Once you have successfully saved all your file folders and closed out of the drive. Open your site in a browser and make sure that all the changes have completed successfully.

Next time you want to edit any of the information or move internal files, all you have to do is open up the Google Drive folder on your account and make the modifications from that location. Those files will then automatically sync to the online folder and make updates to your site. This works the same if you want to change the appearance by modifying the CSS code to extend the header, footer, or make customizations.

As you can see, changing your file storage out so that is CSS and JavaScript is stored on your Google Drive account is easy to do and only takes a few minutes. After you make the change, you can begin benefiting from faster loading speeds, higher SEO rankings, and overall a more convenient platform to work from to increase the efficiency of your work.

Resource http://helplogger.blogspot

How to Host JavaScript or CSS Files on Google Drive

Many bloggers use a custom template for their blog and a custom template sometimes requires an external JavaScript file, but sadly we can't host the JavaScript or CSS file on Blogger because Blogger only allows us to upload images and videos.

Previously, most bloggers would use Google Code (http://code.google.com/hosting) to host these files because Google Code's project hosting feature is very simple to use and free. But since Google announced that they are deprecating almost all download options for Project hosting on Google Code, we have to switch to Google Drive as recommended by Google itself.

Starting today, existing projects that do not have any downloads and all new projects will not have the ability to create downloads. Existing projects with downloads will see no visible changes until January 14, 2014 and will no longer have the ability to create new downloads starting on January 15, 2014. All existing downloads in these projects will continue to be accessible for the foreseeable future.

If your project is using downloads to host and distribute files and has a need to periodically create new downloads, we recommend you move your downloads to an alternate service like Google Drive before January 15, 2014. Google

Actually it is not so hard to use Google Drive, just create a folder, upload the JavaScript file (or any other file like images, videos, documents including PDFs and Microsoft Office files) and then change the file's sharing settings from "private" to "public on the web", or simply change the folder's sharing settings from "private" to "public on the web" and all files inside that folder will have the same sharing permissions, but the tricky part is getting the proper direct link for the JavaScript or CSS files, so we can use it on the blogger template. Please follow the steps below to host your JavaScript or CSS file using Google Drive:

Method 1

With this method you can get the proper link with the file name:
https://googledrive.com/host/folder-id/filename

Example:
https://googledrive.com/host/0B47Pdqj--olfUENkNGhtX3lSN0U/example.js
https://googledrive.com/host/0B47Pdqj--olfUENkNGhtX3lSN0U/example.css

How to add an external JavaScript to a web page (blogger template)?
<script type='text/javascript' src='https://googledrive.com/host/folder-id/filename.js'></script>

How to add an external CSS to a web page (blogger template)?
<link href='https://googledrive.com/host/folder-id/filename.css' rel='stylesheet' type='text/css'>

Step 1:
Login to your Google Drive account > Click Create > Select Folder

Step 2:
Type a name for the folder and click Create button

Step 3:
Select the folder and then click the Share button

Step 4:
Click Change...

Step 5:
Change the sharing settings from "Private" to "Public on the web" > Click Save > Click Done

Step 6:
Now click on the folder's name to go into it

Step 7:
Click the Upload button > Select Files...

Step 8:
Select file > Click Open

Step 9:
The item will have the same sharing permissions as the selected folder.... Click Upload and share

Step 10:
Copy the string characters after #folders/

Step 11:
Open a new browser tab > paste that string (folder id) into the address bar after
https://googledrive.com/host/ 
Example: https://googledrive.com/host/0B47Pdqj--olfUENkNGhtX3lSN0U

Step 12:
To get the direct link to the file, right click on example.js > Select Copy Link Location (Firefox)

Method 2

With this method you can get the proper link without the file name:
https://googledrive.com/host/file-id

Example: 
https://googledrive.com/host/0B47Pdqj--olfcUNkV3o3SjdoVGM
https://googledrive.com/host/0B47Pdqj--olfVVg3MFgxVlpqd0k

How to add an external JavaScript to a web page (blogger template)?
<script type='text/javascript' src='https://googledrive.com/host/file-id'></script>

How to add an external CSS to a web page (blogger template)?
<link href='https://googledrive.com/host/file-id' rel='stylesheet' type='text/css'>

Step 1:
Login to your Google Drive account > Click Create > Select Folder

Step 2:
Type a name for the folder and click the Create button

Step 3:
Click on the folder's name to go into it

Step 4:
Click the Upload button > Select Files...

Step 5:
Select file > Click Open

Step 6:
Select the checkbox to select the file > Click the Share button

Step 7:
Click Change...

Step 8:
Change the sharing settings from "Private" to "Public on the web" > Click Save

Step 9:
Copy the link > paste in Notepad

Example:  

https://docs.google.com/file/d/0B47Pdqj--olfVVg3MFgxVlpqd0k/edit?usp=sharing
File ID: 0B47Pdqj--olfVVg3MFgxVlpqd0k

Paste the file id after: https://googledrive.com/host/

Direct link to the file:
https://googledrive.com/host/0B47Pdqj--olfcUNkV3o3SjdoVGM

Another article you might be interested in: How to Host a Website on Google Drive
If you found this article helpful, then please share it with someone else by using the buttons below. Thank you!

Read more: http://www.komku.org

Host CSS, HTML or JavaScript Files in Blogger Using Google Drive 

Number of websites available which you can use to upload your CSS, HTML or JavaScript files. Bloggers and webmasters prefers to add their entire StyleSheet coding in single file. But, blogger has not this kind of feature to upload CSS and JavaScript files. Recently one of our readers asked us how he can host files on blogger? Good news, Google Drive has ability to host your CSS, JavaScript and HTML Files for FREE. In this short tutorial, we will show you How to Host CSS Files with Google Drive in Blogger?

Advantages Of Google Drive

• Google Drive Service is Free, Secured and Safe.
• Google Drive Provides 5 GB Storage With Unlimited Bandwidth.
• Create and Host Many Kinds Of Spreadsheets and Presentations.

Also See - Capture and Share Screenshots Easily With Dropbox

How to Host CSS Files with Google Drive in Blogger.

Step#1: Copy CSS Code From Blogger Template

Go to Blogger Dashboard » Template » Edit HTML and search for the <b:skin><![CDATA[ tag. Now, you will see a full CSS coding, copy this coding till the ]]></b:skin> tag. See screenshot below:

Step#2: Make a style.css File

Remove the entire CSS code from your blogger template after copying it and paste the coding in a new notepad. Now save the document and name the file to style.css (the extension of the file should be in .css).

Step#3: Host Your CSS File On Google Drive:

Go to Google Drive and login into your Gmail Account. Create a new folder. Click on “Create” button and from the drop down list select “Folder”. Now name the folder to anything that you like such as HostingFiles, my files and etc. In the end, press "Create" to conclude.  

Click on the new folder. Now, choose the upload icon present on the left side of create button. Select “File”.

In this step select the style.css file that you created few moments ago. Press the open button.

When you will click on open button then you will see a small upload wizard on the right side of your screen. It will take some time.

Press the “Share” button. Make this file public. Press change, and select “public on the web”. Now, click on Save button.

Step#4: Getting a Proper Hosting Link

Right click on the uploaded file and select “Share”. Copy the whole URL present in the text area under “Link to share”. See screenshots:

Now, we will modify hosting link. In link to share section it would somewhat looks like this https://docs.google.com/file/d/your-upload-file-code/.

Replace that link to this format https://googledrive.com/host/your-upload-file-code.

Note:
Make sure “your-upload-file-code” remains the same before and after the changes are made. For Example, if the link of my file is 

https://docs.google.com/file/d/0B66hLK2d2x4VVl9SaXNvb2dPRVU/ so I will change it to 

https://googledrive.com/host/0B66hLK2d2x4VVl9SaXNvb2dPRVU.

Step#5: Adding Google Drive Hosted CSS file in Blogger
Again, go to Blogger » Template » Edit HTML. Now search for the starting <head> tag and just above it paste the following code.

<link href='https://googledrive.com/host/your-uploaded-file-code' rel='stylesheet'/>

Please replace https://googledrive.com/host/your-uploaded-file-code with your own Google drive hosting link

If you want to give your suggestion or you want to ask anything related to this tutorial then please leave a comment below.

Resource http://www.blogsdaddy.com