Search
Clear search
Close search
Google apps
Main menu
9/30/12
Original Poster
paparandy

How do I ad a simple banner ad code to my blog page?

I have an affiliate account with a banner ad that I want to display on my blog. I looked all around the layout page and just can not find a way to add it. Can anyone tell me how to add an html code for a simple banner ad?
Community content may not be verified or up-to-date.
All Replies (9)
Peter McC
9/30/12
Peter McC
1. Normally you would add the code to a "HTML/JavaScript" gadget
3. Click > Add a Gadget
4. Under > Basics > select > HTML/JavaScript
5. Paste the code in there > then > save
6. Then drag the gadget where it fits best
pravin--
9/30/12
pravin--
Where you want to put the ad? If you want to insert it in to the left or right sidebar, you can easily go to blogger dashboard >> layout >> click on add widget and then select add HTML or Scrip option. and paste the ad code there.
If you want to put the code in to post body just like my on www.toptrix.net you have to edit the template html.
 
reply .
9/30/12
Original Poster
paparandy
Peter, Thanks for the help!
It doesn't seem to work.
I can add the html, as you describe, but the only thing that shows up on my blog it the title I enter and nothing else.
check it out here, the new gadget is above my "Who am I" and titled Go Daddy..
http://randallejackson.blogspot.com/
 
I read the link to the blogger help but I just can not figure it out. Just don't know what I am missing.
 
Again, Thanks Much!
Randy
9/30/12
Original Poster
paparandy
Hi Pravin,
As you can read, I am still having difficulty with the basics of adding my code for my banner ad, but you got my attention on the insertion of the code into the actual posts. I love it.
 
I have looked at the html of my page and have a little understanding of what I see (very little, but I have written some html in older webpages (10 years ago or so)). Anyway, I can not find the location to insert something into the post area, as you have done. could you give me some pointers on finding the correct location.
 
I see where the definitions are, the variables and what I thought was most of the basics but, where the text for the post is entered eludes me??
 
On my other problem, I see the following html in my page,
<b:section-contents id='sidebar-right-1'>
<b:widget id='HTML1' locked='false' title='Go Daddy' type='HTML'/>
<b:widget id='Profile1' locked='false' title='Who Am I?' type='Profile'/>
 
and as you can see, the widget id title "go Daddy" is there but only the title words show on my page, not the actual banner ad.
 
Any thoughts to help me?
Thanks again,
Randy
pravin--
9/30/12
pravin--
Hi, here are simple steps:
1. copy your banner code and convert the code by using this tools : http://www.eblogtemplates.com/blogger-ad-code-converter/
 
2. copy the converted code and then go to blogger dashboard >> template >> edit html and click on edit HTML.
 
WARNING: DOWNLOAD YOU TEMPLATE AND BACKUP SO IF YOU GO ANY WRONG YOU CAN GET ORIGINAL BACK.
 
3. TiCk the option 'expand widget template'.
 
4. Now if you want to display ad just bellow your post title and start of post body, find this
 
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
 
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
 
and then insert the banner code bellow this code.
 
5. If you want to display the banner code only if the post is viewed fully and not on the home page, do this..
 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 
/////your converted banner code here/////
 
</b:if>
 
you have to insert these two tags before and after your banner code.
you are done. then.
10/1/12
Original Poster
paparandy
Hi Pravin,
Well, I converted mu code, just fine,
So first I copied the code into the widget, but as you might guess, only the code appeared on the page.
PK, so I looked over the html, as you suggested but do not find anything i can pin down to the point you are describing and I covered every section.
 
Can I copy my html and email it to you directly, and could you cut out the relevant part and send it back, so I can then find it and get this done...
 
I hate to post all that code in this forum..
 
Maybe if I am successful at one, I can then do more
 
grrrrrrrrrrrr
 
Thanks
Randy
 
10/1/12
Original Poster
paparandy
Thanks Peter, as you might see in my reply to Pravin, I habe not been successful yet. I do appreciate your help!
I tried the method you suggested several times, just to make sure I didn't mess it up. no dice
So I tried Previns method and used the code conversion tool, converted it successfully and then even tried to enter the code in the widget html. no dice as the result was the bare code being displayed on the page.
 
I still lost..
 
Randy
 
Peter McC
10/1/12
Peter McC
If the code is going in a sidebar gadget could you paste the code here please so we can work out whats best.
pravin--
10/1/12
pravin--
Hi,
Excellent blog!
Not to the point.
If you are going to insert the ad banner code in to the sidebar or any other place by putting the code into widget (dashboard >> layout >> insert widget) this way, you dont need to convert the code, put the code directly.
 
The code need to be converted only if you are putting it in to the blogger template by editing HTML code. in this case also, some times you dont have to convert it. you first try to insert it without converting, if you get the error, you have to convert it.
 
Second thing, you must find the code in to your template. I have personally visited the blog i have find out the code. it is there.
 
if you didnt find it, search for the line
 
<div class='post-header'>
 
remove spaces before and after the code while searching. I can help you more if you want. you can also completely backup the html code and send the file to me. I will try to help you for sure. also send the ad banner code with it.
Were these replies helpful?
How can we improve them?
 

Badges

Some community members might have badges that indicate their identity or level of participation in a community.

 
Expert - Google Employee — Googler guides and community managers
 
Expert - Community Specialist — Google partners who share their expertise
 
Expert - Top Contributor — Some of the most knowledgeable and active forum participants
 
Expert - Top Contributor (Mentor) — Experienced Top Contributors who provide help and advice to Rising Stars, help forum newbies, and anyone interested in learning more about the Top Contributor Program
 
Expert - Top Contributor (Alumni) — Past Top Contributors
 
Expert - Rising Star — Up-and-comers who are newer to the forums and/or developing their product knowledge
Community content may not be verified or up-to-date.

Levels

Member levels indicate a user's level of participation in a forum. The greater the participation, the higher the level. Everyone starts at level 1 and can rise to level 10. These activities can increase your level in a forum:

  • Post an answer.
  • Having your answer selected as the best answer.
  • Having your post rated as helpful.
  • Vote up a post.
  • Correctly mark a topic or post as abuse.

Having a post marked and removed as abuse will slow a user's advance in levels.

View profile in forum?

To view this member's profile, you need to leave the current Help page.

Report abuse in forum?

This comment originated in the Google Product Forum. To report abuse, you need to leave the current Help page.

Reply in forum?

This comment originated in the Google Product Forum. To reply, you need to leave the current Help page.

//www.google.com/tools/feedback/metric/report
74