Inserting Adsense Codes in FTP Blogger Template

Having trouble inserting Adsense codes in your FTP Blogger template? Do you want to insert your Adsense codes before or after the Blogger Title? Between the Blogger Post Title and Blogger Post Body? In the Blogger Sidebar? Or in the Blogger Footer? Don’t worry, you will learn how easy to insert Adsense codes in your FTP Blogger template in just few minutes.

Knowing the Parts of a Blogger Page

Here are the parts of a blogger page and its Blogger template code:

Number - Blogger Page Part - Blogger Template Code
1 - Blogger Title - <$BlogTitle$>
2 - Blogger Description - <$BlogDescription$>
3 - Blogger Post Title - <$BlogItemTitle$>
4 - Google Ads after Blogger Post Title - Adsense code
5 - Blogger Post Body - <$BlogItemBody$>
6 - Bogger Sidebar - <div id=”sidebar”></div>
7 - Blogger Footer - <div id=”footer”></div>
8 - Text-wrapped Google Ads - Adsense code

To edit the layout of your FTP Blogger, sign in to your Blogger account and click Template of your FTP Blog. Before editing, copy the full template, paste and save it to a Notepad or to your favorite HTML editor. That will be your template backup in case your edited blog template does not work properly. Another thing, you preview your blog first after inserting Adsense codes to see if it is displayed correctly.

Inserting Adsense Codes Before FTP Blogger Title

Insert Adsense code after <div id=”header”> and before <h1 id=”blog-title”> like this:

<div id=”header”>

Cut and paste your Adsense Code Here

<h1 id=”blog-title”>

Inserting Adsense Codes After FTP Blogger Post Title Before Post Body

Insert Adsense code after </BlogItemTitle> before <div class=”post-body”> like this:

</BlogItemTitle>

Cut and paste your Adsense Code Here

<div class=”post-body”>

Text-Wrapping Adsense Codes Inside FTP Blogger Post Body

First, setup the Adsense codes inside a floating div, as follows:

<div style=”float:left; widht:auto; height:auto;”>

Cut and paste your Adsense Code Here

</div>

Then, insert the above codes after <div class=”post-body”><div> before <$BlogItemBody$> like this:

<div class=”post-body”><div>

<div style=”float:left; widht:auto; height:auto;”>
Cut and paste your Adsense Code Here
</div>

<$BlogItemBody$>

Inserting Adsense Codes in FTP Blogger Sidebar

Insert Adsense code between <div id=”sidebar”><div id=”sidebar2″> and </div></div><!– End #sidebar –> like this:

<div id=”sidebar”><div id=”sidebar2″>

Cut and paste your Adsense Code Here

</div></div><!– End #sidebar –>

Inserting Adsense Codes in FTP Blogger Footer

Insert Adsense code between </BlogItemTitle> and <div class=”post-body”> like this:

<div id=”footer”><hr />

Cut and paste your Adsense Code Here

</div><!– End #footer –>

That’s how easy inserting Adsense Codes in your FTP Blogger template. Remember, before saving and republishing your template, preview your blog first to see if it is being displayed the way you want it. I hope this will help you make money with Google Adsense.

If you enjoyed this post, make sure you subscribe to my RSS feed!

Bookmark this post to »
More options »