How to add customised wigget or code after a particular post on home page of a blogger website
On a blogger website's home page, there will be a list of latest posts on the blog and on clicking on each posts title, will lead to the correspoding post.
Suppose you want to add an Adsense code or any other widget after the second (2nd) post on the Home page. Here is the steps for doing so:
Go to your blog admin
YOUR BLOGGER BLOG > ADMIN > Template > Edit HTML
This will open your template in Edit Mode
Find the following code "b:loop values='data:posts' var='post'"
here starts the looping of your blogger posts. Here is the place where we will be adding the hack code for placing the customized code.
Our task is to place an Adcode or anything after the second post in the listing. For that have to place an additional attribute "index" in the above blogger element. Do it like this:
here "i" becomes the blogger variable which stores the post index in the looping. It value will be from 0,1,2,3.....
Now find the end of this loop element, for this find the occurence of "</b:loop >"
Now to find the 2nd post do like this:
Note: you have to put the index checking code just before the </b:loop > tag
<b:if cond='data:blog.url == data:blog.homepageUrl'> checks whether the loaded page is Home page
<b:if cond='data:i == 1'> checks for the postion of the post
since the index starts at "0" the second post will have the index 1.
After this Save template and load your Home page.
It is always recommended to go through Google Adsense Ad placement Policy FAQ page before adding changes to your Google ad display. Remember, Google is very strict in Ad policies.
On a blogger website's home page, there will be a list of latest posts on the blog and on clicking on each posts title, will lead to the correspoding post.
Suppose you want to add an Adsense code or any other widget after the second (2nd) post on the Home page. Here is the steps for doing so:
Go to your blog admin
YOUR BLOGGER BLOG > ADMIN > Template > Edit HTML
This will open your template in Edit Mode
Find the following code "b:loop values='data:posts' var='post'"
<b:loop values='data:posts' var='post'>
here starts the looping of your blogger posts. Here is the place where we will be adding the hack code for placing the customized code.
Our task is to place an Adcode or anything after the second post in the listing. For that have to place an additional attribute "index" in the above blogger element. Do it like this:
<b:loop values='data:posts' var='post' index='i' >
here "i" becomes the blogger variable which stores the post index in the looping. It value will be from 0,1,2,3.....
Now find the end of this loop element, for this find the occurence of "</b:loop >"
<b:loop values='data:posts' var='post' index='i' >
-------
-------
Looping code comes here
-------
-------
</b:loop >
-------
-------
Looping code comes here
-------
-------
</b:loop >
Now to find the 2nd post do like this:
<b:loop values='data:posts' var='post' index='i' >
-------
-------
Looping code comes here
-------
-------
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:i == 1'>
-------
-------
Put here your Adsense code or any other customised code
-------
-------
</b:if>
</b:if>
</b:loop >
-------
-------
Looping code comes here
-------
-------
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:i == 1'>
-------
-------
Put here your Adsense code or any other customised code
-------
-------
</b:if>
</b:if>
</b:loop >
Note: you have to put the index checking code just before the </b:loop > tag
<b:if cond='data:blog.url == data:blog.homepageUrl'> checks whether the loaded page is Home page
<b:if cond='data:i == 1'> checks for the postion of the post
since the index starts at "0" the second post will have the index 1.
After this Save template and load your Home page.
It is always recommended to go through Google Adsense Ad placement Policy FAQ page before adding changes to your Google ad display. Remember, Google is very strict in Ad policies.
