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

Read More

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.

Read More

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. Click Adsense Setup in the Google adsense window
3. 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
4. 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.

5. 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.
6. Ignore Choose Ad channels
7. 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
8. 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.

Read More

Best Table of Contents for your Blogspot Blogs

If you are after the best way of creating a table of contents (TOC) for your blogspot blog, this is probably the one you would use. This was developed by Abu Farhan and provided to all bloggers using the Blogspot flatform. This TOC is simple and easy to use, it is nice and satisfies your need to a put a browsable TOC for your blogspot posts.

The code for this TOC is:

<link rel="stylesheet" href="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css" type="text/css" media="screen" />
<script style="text/javascript" src="http://scriptabufarhan.googlecode.com/svn/trunk/daftarisiv2.js"></script>
<script src="http://deconstructioncode.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Here is how to use this:

1. Create a static page (under Posting)
2. Copy the above code into the text box of your static page and give it a title (such as Table of Contents)
3. Replace this deconstructioncode.blogspot.com with your own blog url.
4. Save.

With this code, you will have a clickable button on your page tab and when it is clicked, your viewers will see something like the following TOC:

Read More

How to disable right click in your blog

The practice of cutting and or copying blog contents and paste them into other blogs or websites without appropriate changes and credit to the original source is regarded as an unethical habit. But, there some people constantly doing this without a feel. This is bad for online presence since there are many other experts who are able to notice this. If you are caught in this practice, it will damage your online presence and credibility. Also, copy and paste takes you nowhere in terms of creativity and good will to learn. If you have to do copy and paste, make a change to that content you copied and give attribute (saying where you get that from).

There is a way for you to prevent your reader stealing your blog or web contents. This is called 'no right click'. The following is the code for that which I got from here.

<SCRIPT language=JavaScript>
<!-- http://www.spacegun.co.uk -->
    var message = "function disabled";
    function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){     alert(message); return false; }
    if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) {     alert(message);     return false; } }
    document.onmousedown = rtclickcheck;
</SCRIPT>

It is so simple to apply. All you need to do is do Add Widget and choose Html/Javascript. Copy that above code  and paste it into your widget (right click is disabled here but you can still copy from your menu - so people can still copy with this code). Save and see the result. When someone is trying to right click on your blog or website, a warning saying "function disabled" will appear. You can change this message as you like.

Read More