How to Display Elements (Ads) Only On (Or Only Not At) Individual Single Post Item View
Blogger.com, a popular free blog publishing service from Google, has a extremely easy to use and convenient template system that allows users to design the blog user interface presentations by selecting a theme and then drag and drop various page elements such as poll, newsreel, video bar, feed, label, logo, AdSense, HTML/JavaScript and more to align them according to users’ preference on blog layout. However, it also comes with serious limitations, such as when you want to make certain elements (i.e. Google AdSense ad unit) to appear and show when visitors visit single post item individually, or just want to shown the widget component block on homepage, archive and label or category pages.
Blogger.com allows users to manually the XML-based template HTML, thus allows a hack which enables users to manually edit the HTML code to achieve the aim to display and show certain widgets or part of webpages on individual post page view only. However, you have need to have a basic HTML knowledge to modify the HTML code of Blogger’s template, which as editable by clicking on Template tab (or Layout of the blog you want to change if at Dashboard), and then click on Edit HTML.
The trick is show a widget in single post item view only is to add the following two lines of code to the top and bottom of the code block respectively:
<b:if cond='data:blog.pageType == "item"'>
</b:if>
The above lines will add in a condition which value is negative is the blog is not showing individual post content page. Thus anything that are wrapped inside it won’t be shown on homepage, label or category pages, or archive pages. For example, while wrapping the AdSense ads manually beside the post content, you can make the ads displayed only when individual posts are viewed by adding above 2 lines to the code, so that it will has the following structure:
<b:if cond='data:blog.pageType == "item"'>
Parsed Google AdSense Ad Code (guide to parse the HTML code of AdSense JavaScript with escape character)
</b:if>
To display the page elements or ad units on every pages except individual post content view pages, wrap the following lines of code instead:
<b:if cond='data:blog.pageType != "item"'>
</b:if>
The above statements make use of conditional statements similar to IF, ELSE, END IF in most programming languages. The Blogger XML support these three conditional statements too. Two already been used above, with the third one ELSE is <b:else>. You can make use of <b:else> to instruct Blogger template to display this widget (e.g. AdBrite ads) on all pages except single post pages, and show another widget (e.g. AdSense ads) on individual post pages.
Other than ads code or JavaScripts that are manually inserted into Blogger HTML, the above trick can be applied to widget based page elements that are added to the layout. But you need to study carefully the HTML code to identify which blocks of code is the element in order to add in above codes to wrap on top and bottom around them.
Share and contribute or get technical support and help at My Digital Life Forums.
Related Articles
- Move Blogger Inline Ads Between Posts to Inside Within Post Position
- How to Wrap AdSense Ads Around and Inline Beside Blogger Post Content
- Place AdSense Ad Unit In Various Positions Inside Within Blogger Post Contents
- Retrieve and Get WordPress Post ID Outside the Loop as PHP Variable
- Change to ads about Feature in Google Adsense Ads
- Video Ads Support in Google Adwords and Adsense
- Adding Extra More Fields to WordPress Write/Edit Post/Page Right Column
- Trick to Add AdSense, AdBrite and Other JavaScript Ad Code Directly to Blogger HTML Template
- Paginating or Split WordPress Post or Page with NextPage in WordPress Not Working
- Add and Insert to Put Google AdSense Ads Units Between Blog Posts in Blogger.com
Entries (RSS)
October 3rd, 2007 01:17
[...] Note that you can also make the ads appear only on single post view. [...]
November 5th, 2007 02:20
Thanks. That helped.
January 2nd, 2008 16:45
Do u have any idea how the same thing can be done using the classic template in blogger?
The if condition to check for?
January 13th, 2008 01:32
I used
(if(in_category(CATID))
{
}
Works great
April 11th, 2008 01:29
I’ve tried but code is automatically set to:
test display
My aim is to display “test display” only on homepage.
May 6th, 2008 22:19
Hi,
I like to play with html, and location of adsense on my blogs. I chanced upon your post and implemented the code to appear on a single post. Then I got a new template and I had to start all over again.So now I have bookmarked your post, for future reference. Great post.
May 30th, 2008 02:30
this is what i looking for. thanks for help.
August 16th, 2008 23:54
Thanks a lot..this trick is very useful to me..
September 7th, 2008 21:20
This is an extremely well article and whatever saying here in intact while going to real time basis. My appreciations to giving such terrific information and the well written style. Nice work.
I have placed ad sense by following the instructions given here and it is working fantastic without a second involvement.
Many thanks from my end.
Sherin from Investinternals