Place Adsense ads Below Comment In Blogger
Adsense ads as always needs some great placements to earn some great income. Trying out various position has always been evident among the Bloggers who are eager and enthusiastic to earn from Adsense program.
Today, we will discuss on how to install Adsense ads below the comment link or comment box for Blogger.
We had already discussed on how to implement the Adsense ads below the post title for Blogger. Let's get into the steps to implement the ads below the comment link or comment box straight away.
Before going on with the below procedure, you need to remove the white space below the post section or form. The previous post on removing gap below the Comment form was to make things easy for us to implement Adsense below the comment box. Once removed, follow the procedure shown here.
Goal 1: Ads Below 0 Comments Link as shown below:
Steps to follow:
Under Adsense Account:
STEP 1. Get your Adsense ad from your Adsense account.
STEP 2. Parse the Adsense ad using Adsense converter.
STEP 3. Copy the parsed Adsense ad code and keep it in note pad.
Under Blogger Dashboard:
STEP 4. Go to Templates > Edit HTML > Expand Widget Templates
STEP 5. Search a similar code as shown below:
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
Just below that code paste your Adsense ad code(Parse code).
STEP 6. Final code should look like the one show below:
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if><!-- YOUR ADSENSE PARSED CODE HERE -->
REPLACE the above shown blue text with your Adsense code.
Goal 2: Adsense Ad below "Post Comment" and "Preview" buttons:
Steps to follow:
Under Adsense Account:
STEP 1. Get your Adsense ad from your Adsense account.
STEP 2. Parse the Adsense ad using Adsense converter.
STEP 3. Copy the parsed Adsense ad code and keep it in note pad.
Under Blogger Dashboard:
STEP 4. Go to Templates > Edit HTML > Expand Widget Templates
STEP 5. Search(Ctrl+F) for the code as shown below:
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
Two results pop up, choose the second code.
Immediately after the above code you will find a code starting with <iframe allowtransparency='true'
Just at the end of the ending tag of <iframe> tag place your parsed Adsense ad code.
In my Template, the final code looked as shown below:
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
<!-- YOUR ADSENSE AD CODE HERE -->
Replace the above show Blue text to your Adsense parsed ad code.
Preview your blog before saying, once perfect save the template and enjoy.
Note: The above code may vary if your template is a customized template/ready made template from other designers.
Hope you enjoyed this tutorial on how to place Adsense ad below your comment box or comment link.
Today, we will discuss on how to install Adsense ads below the comment link or comment box for Blogger.
We had already discussed on how to implement the Adsense ads below the post title for Blogger. Let's get into the steps to implement the ads below the comment link or comment box straight away.
Before going on with the below procedure, you need to remove the white space below the post section or form. The previous post on removing gap below the Comment form was to make things easy for us to implement Adsense below the comment box. Once removed, follow the procedure shown here.
Goal 1: Ads Below 0 Comments Link as shown below:
Under Adsense Account:
STEP 1. Get your Adsense ad from your Adsense account.
STEP 2. Parse the Adsense ad using Adsense converter.
STEP 3. Copy the parsed Adsense ad code and keep it in note pad.
Under Blogger Dashboard:
STEP 4. Go to Templates > Edit HTML > Expand Widget Templates
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
Just below that code paste your Adsense ad code(Parse code).
STEP 6. Final code should look like the one show below:
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if><!-- YOUR ADSENSE PARSED CODE HERE -->
REPLACE the above shown blue text with your Adsense code.
Goal 2: Adsense Ad below "Post Comment" and "Preview" buttons:
Steps to follow:
Under Adsense Account:
STEP 1. Get your Adsense ad from your Adsense account.
STEP 2. Parse the Adsense ad using Adsense converter.
STEP 3. Copy the parsed Adsense ad code and keep it in note pad.
Under Blogger Dashboard:
STEP 4. Go to Templates > Edit HTML > Expand Widget Templates
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
Two results pop up, choose the second code.
Immediately after the above code you will find a code starting with <iframe allowtransparency='true'
Just at the end of the ending tag of <iframe> tag place your parsed Adsense ad code.
In my Template, the final code looked as shown below:
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
<!-- YOUR ADSENSE AD CODE HERE -->
Replace the above show Blue text to your Adsense parsed ad code.
Preview your blog before saying, once perfect save the template and enjoy.
Note: The above code may vary if your template is a customized template/ready made template from other designers.
Hope you enjoyed this tutorial on how to place Adsense ad below your comment box or comment link.
Related Articles:
-
সবাই কেমন আছেন ? আশা করি ভাল । আমিও ভাল আছি । আজ আমি আপনাদের জানাবো Alcatel মোব... Read Full Story » -
Google adsense is the best advertisement program in world which provides maximum earnings on... Read Full Story » -
২১ oDesk এর Tutorial share করব। আসা করি নতুনদের অনেক হেল্প হবে।তাহলে সুরু করা জা... Read Full Story » -
DLL Incorporation is a Delhi based IT company which provides all kind of Google Adsense... Read Full Story »
Comments
