How to Embed Ad Code Anywhere in Your Blogger Template
Have you ever tried to insert javascript ad code directly into your Blogger Template and it just wouldn’t work? Ok, everyone in the room can put their hands down now. This has always been a huge problem for blog authors using Google Blogger looking to monetize their site since almost all ad code contains javascript.
So why is this so darn difficult to do? The problem in the past was that Blogger users wanted more control over where and how frequently their block of ad code (usually AdSense) appeared. The Blogger Team listened to their customers and created an easy to use feature that allows you to setup AdSense in your individual posts with a simple checkbox selection.
Typical Blogger Error Messages
That’s great for most people but the places where you can insert widgets are rather limited and not as flexible as you’d like. So what if you want to put AdSense, AdBrite, Chitika or any other sort of javascript-related code elsewhere on your blog without having to use a widget? The answer in the past would be, “It’s just not easy”.
You would paste the Google AdSense, AdBrite, Chitika or any other javascript ad code into your xml Blogger template only do get an error like:
“Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. XML error message: The processing instruction target matching “[xX][mM][lL]” is not allowed.”
or another really cryptic error message like:
“Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. XML error message: The content of elements must consist of well-formed character data or markup.“.
In fact, more recently the Blogger xml parser seems to allow javascript code in your template without displaying an error message at all. You think all is well only to discover when you view your blog that nothing actually gets displayed. Grrr.
Using the Blogger Ad Code Converter
So how can I get around this and easily use ad code or any javascript inside my xml Blogger template? Introducing, the Blogger Ad Code Converter by eBlog Templates. This simple tool will take any block of javascript or html code and replace the characters that Google Blogger ignores with the correct ones. Here’s a real life example. Say I want to put a Google AdSense 468 x 60 banner ad into the header of my blog but there’s no widget to use. You’d have to manually go into AdSense and create a new ad unit to get the code. Here’s the result:
<script type="text/javascript"><!--
google_ad_client = "pub-6044026340890176";
/* 468x60, created 3/17/08 */
google_ad_slot = "3105157606";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="https://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
Now if you just pasted that ad unit code directly into your Blogger header you’d get an error or it just wouldn’t work. Most people would think Blogger was broken or wonder if it’s something they did when in fact it’s neither. The new Blogger uses xml which is much more strict and requires certain reserved characters like > < or & to be converted into xhtml entities. Here’s what your ad code needs to look like in order to work properly:
<script type="text/javascript"><!--
google_ad_client = "pub-6044026340890176";
/* 468x60, created 3/17/08 */
google_ad_slot = "3105157606";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="https://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
This only took me a few seconds to convert since I used the free and easy Blogger Ad Code Converter. There are actually posts out there that explain how to do this manually but who wants to take the time searching and replacing each character when you can convert unlimited sized ad code blocks with only one click?
After you’ve converted your ad code, paste it into your template and it should now work. Obviously before you make any changes to your Blogger template, it’s a good idea to back it up. You never know when you might make a mistake or revert to a previous version. Once you’ve done that, give the Blogger Ad Code Converter a try for free!
What Other Code Can it Convert?
Actually this tool is quite powerful and can be used for encoding any HTML or javascript into XHTML entities. Some popular javascript ad codes that are converted are AdSense, Text Link Ads, AdBrite, LinkWorth, Chitika, Amazon, and more. Another good use is if you need to post a large block of HTML or javascript code into your blog post you can just use this tool.
Technically, it does so by replacing the reserved HTML characters with their XHTML equivalents. It’s basically a simple HTML Encoder that automatically replaces all HTML special characters like <, >, & into entities <, >, &.
Please note: If you are using this tool to convert Google AdSense code you don’t need to worry about breaking the AdSense program policies. This tools is just encoding reserved HTML characters into usable XHTML entities for xml Blogger. When you paste the code into your blog, save it, and then view the source code for the page, you’ll notice your AdSense code is displaying as it was originally written. This modification will not alter the functionality of the code at all, and ensures that it will be displayed within Blogger correctly.
Ready to super charge your blog? Check out our professional premium blogger templates or make money by joining our blog affiliate program!
If you like this post then please consider subscribing to our eBlog Templates RSS feed. You can also subscribe by email and have new templates and articles sent directly to your inbox.
Trackbacks
- Blogger Ad Code Converter | H_acktivis_T on September 5, 2008
90 Responses to “How to Embed Ad Code Anywhere in Your Blogger Template”
Blogger Sponsors
- Get Paid to Write Reviews on Your Blog
- Yaro Starak's 10 Great Blog Traffic Tips
- Create Cool Images With a Wet Floor Effect Maker
- Why Most Bloggers Are Stuck - Reporters vs Experts
- Google Friend Connect - New Social Network
- Mashable's "70 Fresh & Modern Blogger Templates" List
- Free Blogger Training Videos
- Improve Your Google Rankings in One Easy Step
- "What Blog Template Should I Make Next?" Contest Results
- Top 5 Free Blog Header Image Websites
- Improve Your Blog in 31 Days – Guaranteed
- Build a Better Online Business with WordPress
- Become a Blogger Just Reopened – 5 Days Only!
- Roadmap to Become a Better Blogger
- Free Image Hosting – Photobucket
- How to Install Google Analytics on Blogger
- Improve Your Google Rankings in One Easy Step
- 50 Excellent Blog Footers
- Free Instant Blog Logos
- Create Cool Images With a Wet Floor Effect Maker
- Amal: "Seeking reliable SOP Writing help for your Higher Studies?..." Blogger Ad Code Converter (852 comments)
- Amal: "Seeking reliable SOP Writing help for your Higher Studies?..." Blogger Ad Code Converter (852 comments)
- Rahul: "Struggling with deadlines in UK assignments? This UK..." Blogger Ad Code Converter (852 comments)
- Jerin John: "Jerin John is a Google-certified SEO expert Kerala..." Blogger Ad Code Converter (852 comments)
- faris: "are you Looking for SOP writing services ? We are..." Blogger Ad Code Converter (852 comments)
- Careers Brac Net: "BRAC Career Opportunity careers.brac.net" Blogger Ad Code Converter (852 comments)
- Lyrics: "It was a useful document. Thank you." Blog Videos (66 comments)
- Birthday: "Hello. It worked great for me, thank you." Blogger Ad Code Converter (852 comments)
- paus88: "situs slot yang sangat gacor yang pernah ada di Asia..." Blogger Ad Code Converter (852 comments)
- paus88: "paus88 is the most exciting slot site that has ever..." Blogger Ad Code Converter (852 comments)
Amal commented on 
Rahul commented on 
Jerin John commented on 
faris commented on
wow… interesting article
I must try to apply to my blogs..
thank for useful article
thanks for useful article and information 😀 how to post ads middle of the article?
Damn good info.It was very helpful.
That’s a good idea but I don’t think you can. Did you try pasting the ad code directly into your blog post? You’ll need to paste it in using the html editor.
Excelent
The subjects of this blog are of great quality
Paulo Araujo
rio de janeiro – Brazil
One of the most informative blogger tutorials I’ve come across so far. Thank you.
Definitely not working for me either…
@jim, what is not working for you? What error message do you get?
same here, no results when i click convert ad code i tried it 20 times already! 😥 😥
please fix this i really really need this are any other websites offering the same
i have put to my blog at http://siputurbo.blogspot.com it seem not really happen and i`m still why…because i`m use adbrite adv,when i`m convert code and then paste it….it have display but have a word written google adsense,actually i`m use adbrite…you can see in my blog at that add….anyone can help me??or this normal?? 🙁
hii
this site is wonderfull… i have took something. thnx a lot.
excelent, but i don’t do 😛
Excellent tool! Moreover..it’s free!!
You r doing an wonderful job buddy!! 😉
will it work if I paste the adsense code in the post body after converting it here? That would be really nice to show ads end of the posts!!
thx for help David 😀
Thanks a million. 💡 I’m only sorry I did’nt read this article before the 3 hours 😡 I spent trying to figure out what the heck was going on why my ads were not being displayed. 🙄 Thanks and thanks again 😀
I like this tools!
😉
http://www.varietyarticle.com
thanks, i trying it
Hi, I tried using this AdConverter on a new blog that I have created for my job. So, when I pasted the converted template onto my new blog template, this message pops up. “Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Reference is not allowed in prolog.” I do not have any problems with my personal blog that I have been using for quite sometime. Only this new one that I have created.
Desperate help needed. 😥
gosh…. you safe me… thanks a lots 😉
What an brilliant idea. I should try this, thx dude.
This first time I Comment,,
Thx a lot,,
Really a very good article which is most required by the blogger users.
Hi David,
I’m getting hard time here. Please help me. I have a new blog setup at http://costometic.blogspot.com/ and I can’t figure out ‘where’ to paste the Amazon Code.
I have two Amazon codes that I need to insert in my HTML file –
1. Amazon Contextual Links
2. Amazon Crousel Widget
The problem is that I don’t understand where should I pate the converted code in the XML html file. In beginning, I see all the CSS stuff and thereafter, it shows the XML elements. I have tried pasting the code in just after the tag, I have tried pasting it in middle, I have tried pasting it at the bottom just before tag, I have tried pasting it just above tag. But the Amazon Contextual Links simply wont show up.
Apart from this, I have no idea how to show the Amazon Crousel Widget after each post. I see this is nothing like WordPress Blog I have setup on http://www.costometic.com
It was easy handling WordPress since it has all the PHP coding. But Blogspot has XML coding and I’m going nuts.
I really need your help on this subject.
I appreciate your help.
Regards,
Suzan.
😯 😯 😯 😯 😯 😯
HELLO FRIENDS MEET WORLD’S FINEST MATRIMONIAL WEBSITE
http://www.speedmarry.com multilanguage and 100% free website
meet me on http://www.speedmarry.com
thankyou,hello ❗
hello hello world’s finest matrimonial website http://www.speedmarry.com
wow
i love it
Am here to help you out on a problem when you are. What kind of loan do you want i will give it to you. If you need it just contact me on mr.juancompayltd@gmail.com.
Thanks
My regards
Mr Juan
i’m using the converter but it’s not working..the error still come out 😥
Got it!
Someone needs to take care of these spammers. And that speedmarry faggot and the Loan guy, understand this, we are NOT GOING TO VISIT you stupid sites and we are NOT GOING TO SEND you email for loans. It clearly shows that both of you suck and need to get a life. You spamming cunts.
i tried ur template it is very good it is working fine
but i failed how to add adsense any where in the template. i still trying……………..
FREE Link directory
http://linkswebs.co.cc
Yes.. after i change my template from here, many problem about message :
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. XML error message: The processing instruction target matching “[xX][mM][lL]” is not allowed.
until now i cant put code from google webmaster tool. but now ill check with your tool.
its very nice information
wow success.. thks a lot
Thanks a lot! Really itz very very helpful…. I was madly looking for it.
Thumbs Up for YOU !!!
Hi,
If you have really hard time figuring it out, you can have someone do all the work for you at a cheap price. Try posting a free project for outsourcing at: iAmAnArtist.com
you can get freelance programmers to design and create xml / blogger templates for you.
thanks!
Thanks you very much, I learned some insights.
More Power
Good article about template hacking. Nice, really nice. Thanks for this help..
Thanks for tips but i still have a problem on my blog
http://blo-temp.blogspot.com/
thank you for the great info.
i got an error using js in blogger.
but with your converter it ease my pain.
i’ll use your converter next time.
cheers to you.
Really nice article I had to go through some googling back then when I start blogging so I can add adsense on my blog. In case anyone is interested I have written an article that describe how to add two ad units anywhere in the blogger post body. You can find it here
wow this is what i was looking for my new template! I was struggling with those adsense errors!
I found your deep knowledge in posts, I congratulate in your efforts.
I have something to specify–
When I checked the page source view of non-Blogger site the adsense code looks like this-
And that of Blogger sites it is as follows:
The difference I felt is in non blogger site the ad code contains detailed color and width formats and with padding statements.
If the non blogger ads code put in blogger post it will work fine.
So the question is – Is non blogger site altering the adsense code or are they getting the code directly from adsense?
And one more thing Adsense clearly specifies the ad should not be placed inside a float box or frames etc.
The technics you explained in this pot can I use it to show ads inside the post?
Sorry I am putting my comment again correctly:
I found your deep knowledge in posts, I congratulate in your efforts.
I have something to specify–
When I checked the page source view of non-Blogger site the adsense code looks like this-
”
”
And that of Blogger sites it is as follows:
”
”
The difference I felt is in non blogger site the ad code contains detailed color and width formats and with padding statements.
If the non blogger ads code put in blogger post it will work fine.
So the question is – Is non blogger site altering the adsense code or are they getting the code directly from adsense?
And one more thing Adsense clearly specifies the ad should not be placed inside a float box or frames etc.
The technics you explained in this pot can I use it to show ads inside the post?
nice…..
no one to answer, is it a deserted page or what?
gooooooooooood information..