February 8, 2012

Infomasi Social Media dan Tip Trik Online

How To: Create Page on Blogger Without Ads


Advertisements

If you want to make the ads unit automatically appear on every single post, you often insert adsense code in HTML template. It was not wrong, but if you want to make About page or Contact page, the ads unit will always appear. Then, how to create a Blogger pageon without ads?

We’re just going to play with CSS code. You must create a new div tag ads on each ads unit code in the HTML template. I will give you an example.

Example:
I will put the ads code between div units.

<br />&lt;div class='hide-ads'&amp;gt;<br />&lt;script type="text/javascript"&gt;&lt;!--<br />google_ad_client = "pub-xxxxxxxxxxx";<br />google_ad_host = "pub-xxxxxxxxxxxx";<br />/* 336x280, socialblogr new */<br />google_ad_slot = "3279156146";<br />google_ad_width = 336;<br />google_ad_height = 280;<br />//--&gt;<br />&lt;/script&gt;<br />&lt;script type="text/javascript"<br />src="http://pagead2.googlesyndication.com/pagead/show_ads.js"&gt;<br />&lt;/script&gt;<br />&lt;/div&gt;<br />

OK, now create a post with the following options:

  1. Set the post date into past month. So, your post will not appear as a newest post. 

    screenshot6 How To: Create Page on Blogger Without Ads
  2. Set the CSS style for the ads to become invisible units by entering the CSS code into your post.
    <br />&lt;style&gt;<br />.hide-ads {display: none!important;visibility: hidden!important;}<br />&lt;/style&gt;<br />

This trick also can be used to hide some element in your blog. You can check the result at my Contact page. icon razz How To: Create Page on Blogger Without Ads
Happy hacking.. icon biggrin How To: Create Page on Blogger Without Ads

Related posts:

  1. How To : Create a Creative Facebook Profile Page
  2. How To : Add Breadcrumb to Blogger/Blogspot
  3. How To : Add Topsy Retweet Button to Blogger
  4. How To : Add Facebook Like Button to Blogger Post
  5. How To : Show Disqus Comments Count on Blogger
Ngonoo - Technology & Social Media Updates
Post comment as twitter logo facebook logo
Sort: Newest | Oldest