Saturday, August 21, 2010

How to display Google adsense in you blog sidebars with generated code

This post is about how to display Google adsense in your blog sidebars using your own code generated in Google Adsense Setup. You can also display Google adsense authomatically which is much easier to do.

To display Google adsense with your own code, you need to have the already generated Google adsense code. Please see this post on how to generate Google adsense code.

The first thing to remember in displaying Google adsense with your own code generated in Google Adsense Setup, you have to make sure that the adsense type code you generated matches perfectly with the sidebar where you want to display the ads. The most important one here is the size of the sidebar is suitable with the adsense type which you have generated for. If, for example, your siderbar width is 160px then you have to select an ads suitable for this size when your generating your code. Otherwise, if the two don't match, you will end up with a weird adsense display.

To display your generated  Google adsense code in your blog sidebars, follow below steps:
  1. Log in to your Blogger dashboard and select the blog on which you want to display the Google adsense.
  2. Click Design and Page Elements.



  3. Click Add a Gadget anywhere you want Google adsense to display. Please be sure about the size of sidebar you selected.


  4. Select Html/Javascript.
  5. Copy your code and parse that code. You can use Blogcrowds to parse your code
  6. Copy the parsed code and paste it into content box of Html/Javascript widget
  7. Click Save and Preview

How to display Google adsense in you blog sidebars authomatically

Many bloggers prefer to display Google adsense in siderbars of their blogs. This is a great way of Google adsense display, but you have to be sure that you implement a proper technique for that. There 2 ways to display Google adsense in your blog sidebars. First is using the Google authomatic code (the simplest technique) and, second is using the Google adsense code you generated yourself.

Using Google Authomatic Code

This is the simplest technique to display Google adsense in your blog sidebars
  1. Log in to your Blogger dashboard and select the blog on which you want to display the Google adsense.
  2. Click Design and Page Elements.
  3. Click Add a Gadget anywhere you want Google adsense to display. Please be sure about the size of sidebar you selected.
  4. Select Adsense and then Configure Adsense window appears. Here, you don't need to do much configuration as it is done authomatically. This includes your adsense colors which will match the color of your blog template you are using.
  5. Click Save and Preview

The Google adsense will appear straightaway showing ads that match your blog keywords.

How to create your google adsense code

Google adsense is the most popular technique for getting revenues from your blogs or sites. If you want to display Google adsense in your online contents, such as in your blogs, first thing you need is to have a Google adsense account.You will need this account to create a Google adsense code which later you can put into your blogs to display the Google adsense.

Assuming you have your Google Adsense account, follow the following steps to create your Google Adsense code:

  1. Log in to your Google account and then click Google Adsense under Your Product
  2.  
  3. Click Adsense Setup in the Google adsense window
  4. You will have choices which adsense you would like to generate code for. Here we use Adsense for Contents as an example. So click Adsense for Contents
  5. Adsense for Contents wizard appears and for easy creation, select Single Page. 5. Under Choose Ad Type, you can select Text ad only in the Ad unit box. This is an example.
  6. Choose Ad Format and Colors - you can choose  160x600 Wide Skycrapper in Format box. You can ignore Color, Font, Corner Style dan More options for this time. You can always come back later to adjust all these according to your preferences.
  7. Ignore Choose Ad channels
  8. In the Save and Get Code, add the name for that adsense in the Ad unit name box, before you click Submit and Get Code
  9. Right click in the adsense code box you've just generated, click Copy and paste it into notepad for later use.
Now you have got your Google adsense code for use later.

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More