Thursday, November 26, 2009

How to customize your Google ads placement and position them in a custom Blogger template.

How to customize your Google ads placement and position them in a custom Blogger template.

I assume you have a Google's AdSense account. You also have a Blogger account. You have a custom template where you can place a couple of Google ads. In this tutorial I will show you how to add a Google ad in a customized position.

Let's start with our template. Our template has a customized slot for a 200 x 200 ad. Right now, it doesn't have any ads yet.



And here's the layout.


The idea is to place our ad on the Custom Ad section.

1. Let's login to our Blogger account. My account's name is Lorem Ipsum.

2. Click on Layout.


3. Again, here is our blog's layout.


4. Click on Add a Gadget above the Followers gadget.

5. On the Add a Gadget window, select AdSense.



6. Let's choose a 200 x 200 ad.


7. Here's the updated layout. The AdSense gadget has been added.


Let's reload our blog. Take note the position of the ad. It's below the Blogger badge.


9. We need to extract our ad so that we can place it in a custom position. To do that we need to view our blog's source code. There are two ways to do that. You can right-click on your blog, the click on Page Source or Source. Or go to your toolbar and click on View and then click on Page Source or Source.



Here's the source code window.


Once you have the source code window open. Go and search for the keyword google_ad. You can also look for AdSense. Highlight all codes with the following format:


10. Open a text editor like Notepad for Windows or gedit for Ubuntu. Paste the previous code that we copied.



11. We need to replace two symbols from our code: < and >. First, search and replace all < with &lt;


Second, search and replace all > with &gt;


After replacing those symbols, here's our new code.


12. Let's go back to our dashboard. Click on Layout. Click on Edit HTML.


Here's our template again.


Make sure there's a check mark on the Expand Widget Templates.


We will be placing our ad in the Custom Ad section. So we search for that section. All custom templates have comments on their source code on where to put the ads.

13. Copy and paste the previous code we've replaced just right under the comments. Then click on Save Template


14. Let's reload our blog to see the changes.


Voila! The ad is now in the Custom Ad section. Notice it's above the Blogger badge. Let's check our layout again.


Definitely we have placed our ad in the correct spot.

I hope you find this tutorial helpful. If you have any comments, feel free to post them here.


StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: How to customize your Google ads placement and position them in a custom Blogger template. ~ Twitter FaceBook

Subscribe by reader Subscribe by email Share

31 comments:

  1. Classifieds are perfect for selling just about anything at all.
    Here you can sell and buy anything under the sun including both novel and used products.
    Get more with free advertising at postallads4free.com

    ReplyDelete
  2. If you are looking for a good contextual advertising network, I recommend you check out ExoClick.

    ReplyDelete
  3. Good Post! Thank you so much for sharing this pretty post, it was so good to read and useful to improve my knowledge as updated one, keep blogging.

    core java training in Electronic City

    Hibernate Training in electronic city

    spring training in electronic city

    java j2ee training in electronic city

    ReplyDelete
  4. Nice thoughts with great helping content. I have also been seeking such thoughfull content to learn and appy in the life. We have also created such type of content on our site. You can refer out site for more ideas.
    Happy New Year 2019 Wishes Messages Sms in Bengali
    Merry Christmas 2018 SMS, Wishes, Messages, Greetings in Bengali
    Merry Christmas 2018 Wishes Messages in Marathi,funny christmas text sms

    ReplyDelete
  5. This comment has been removed by the author.

    ReplyDelete
  6. Ani international provide the security solutions for all kind of secruity system and other equipment. We Provides CCTV Camera, Security Camera, Wireless Security, Attendance System, Access Control System, DVR, NVR, Spy Camera, Fire Alarm, Security Alarm, PCI, IP Network Camera, Dome Camera, IR Camera, CCTV, Camera Price, HIKVISION, SCATI, Time Machine
    CCTV Camera in jaipur at Rajasthan
    Home security system in jaipur
    Wireless Home Security System in jaipur
    Realtime attendance machine in jaipur
    CCTV Camera dealer in jaipur
    Hikvision DVR in jaipur at Rajasthan
    security system solutions in jaipur

    ReplyDelete
  7. Thanks for sharing this unique information with us. Your post is really awesome. Your blog is really helpful for me..
    organic oil
    organic oil in jaipur
    organic cold pressed oils
    ayurvedic oil store in jaipur

    ReplyDelete
  8. Thanks for sharing this unique information with us.

    Sketch Maker new version 2019

    ReplyDelete
  9. extremely well written article as . I will be sure to bookmark it and return to read more of your useful information. Thanks for the post. I’ll certainly comeback.
    click here
    click here

    ReplyDelete
  10. This is certainly additionally an exceedingly wonderful offer everyone truly qualified on the lookout with. It's always not likely everyday there is chances read a little something. extremely well written article as click here . I will be sure to and return to read more of your useful information. Thanks for the post. I’ll certainly comeback.
    click here
    click here
    click here
    click here
    click here
    click here
    click here
    click here
    click here
    click here

    ReplyDelete
  11. Thanks For Sharing Your Information Please Keep UpDating Us Time Just Went On Reading The article The Information shared Is Very Helpful
    Datascience Online Training Aws Online Training Python Online Training Devops Online Training

    ReplyDelete