Dreamweaver CS4, templates and coding for ads

ECoughlin · 05-26-2009, 12:13 PM

I am new at website design. I'm using a pre-made Dreamweaver CS4 2 column fixed template and I am trying to add adsense code in one of my page's templates. I've tried to paste it in the body part and it looks ok but it messes up a form that I have put in my sidebar. Also, it leaves a big gap of white space on the right which I tried to fix by putting the ad code in a table but that doesn't work either. Should I be using an elastic template instead?

I've looked at adsense help on this but it was no help. :-(

Ideally, I'd like to have an editable region in the template that I can just plug in the code, not necessarily adsense.

Here's the home page, if it helps you visualize what I am talking about.
index

Thanks for any help.

Eunice

articlemaster · 05-26-2009, 01:27 PM

i Have visited the link..
the template is very simple and whatz so worng with that...
Just decrease the font size... u will get lot more space and put the ad at the bottom..

I could only locate the space at bottom..
is there any where u want to place the ads???

Richard Whyte · 05-26-2009, 06:18 PM

ECoughlin

The reason you are having this problem is that the template you are using is based upon CSS. If you have no idea how CSS works, then you are going to run into design issues.

I suggest you have a look at W3Schools Online Web Tutorials and start to learn the basics of CSS (Cascading Style Sheets). Any developer worth a bean is now using CSS and NOT tables.

If you look at "Code" view for your page in CS4, you will see that a sectuion that starts with:

<style type="text/css">

This is all the commands that are used in CSS to format your page. What you will need to do is define a new box (div) and then place your Adsense code inside of this. With the box defined, then you can use CSS to place it anyplace on the page that you want to.

CSS is very powerful for this type of thing.

Have a Great Day!

ECoughlin · 05-26-2009, 06:52 PM

Thanks, that helps. I took a class for CS3 and learned a bit about CSS but not alot. I forgot about the W3schools tutorials. I'll check those out.

pdjsolutions · 05-28-2009, 06:07 AM

If you still need help,

I can help you out with integrating the adsense code into your webpage.
I am a experienced web designer and have experiece with CSS and have used Dreamweaver for over 4 years.

Regards,
PDJSolutions

ECoughlin · 05-28-2009, 08:38 AM

Thanks, I'll keep your offer in mind. I think I'm just going to use text links instead of ads for right now.

I attended a Fireworks class yesterday and the instructor confirmed what has already been said here...templates are very CSS heavy and not easy.

One of the video tutorials on the Adobe site said that these templates were the best option if I needed to get something up fast and so that's why I did it this way.

I need to get this site up as quick as possible. Many of the pages are already indexed on Google and on page one for their keywords so I don't want to lose out on that. So I'm just going to finish with the template, move on and come back to it later when I have time to do another redesign. <sigh>

Eunice

05-26-2009, 12:13 PM	#1
ECoughlin HyperActive Warrior Join Date: Oct 2008 Location: Florida Posts: 129 Thanks: 33 Thanked 5 Times in 5 Posts Social Networking	Dreamweaver CS4, templates and coding for ads I am new at website design. I'm using a pre-made Dreamweaver CS4 2 column fixed template and I am trying to add adsense code in one of my page's templates. I've tried to paste it in the body part and it looks ok but it messes up a form that I have put in my sidebar. Also, it leaves a big gap of white space on the right which I tried to fix by putting the ad code in a table but that doesn't work either. Should I be using an elastic template instead? I've looked at adsense help on this but it was no help. :-( Ideally, I'd like to have an editable region in the template that I can just plug in the code, not necessarily adsense. Here's the home page, if it helps you visualize what I am talking about. index Thanks for any help. Eunice
	Hey, my name is Eunice. I've been an Internet Marketer since 2005. If you want to, you can connect with me on Facebook and Twitter. :-)

05-26-2009, 01:27 PM	#2
articlemaster Active Warrior Join Date: Apr 2009 Posts: 87 Thanks: 3 Thanked 3 Times in 3 Posts	Re: Dreamweaver CS4, templates and coding for ads i Have visited the link.. the template is very simple and whatz so worng with that... Just decrease the font size... u will get lot more space and put the ad at the bottom.. I could only locate the space at bottom.. is there any where u want to place the ads???
	Submit Articles

05-26-2009, 06:18 PM	#3
Richard Whyte HyperActive Warrior Join Date: Dec 2008 Posts: 319 Thanks: 12 Thanked 51 Times in 44 Posts Social Networking Contact Info	Re: Dreamweaver CS4, templates and coding for ads ECoughlin The reason you are having this problem is that the template you are using is based upon CSS. If you have no idea how CSS works, then you are going to run into design issues. I suggest you have a look at W3Schools Online Web Tutorials and start to learn the basics of CSS (Cascading Style Sheets). Any developer worth a bean is now using CSS and NOT tables. If you look at "Code" view for your page in CS4, you will see that a sectuion that starts with: <style type="text/css"> This is all the commands that are used in CSS to format your page. What you will need to do is define a new box (div) and then place your Adsense code inside of this. With the box defined, then you can use CSS to place it anyplace on the page that you want to. CSS is very powerful for this type of thing. Have a Great Day!
	Richard Whyte - Website Design, Search Engine Optimization and Online Marketing - WebYabber.com, Read my Blog - richard-whyte.com, Easy Sales Page Creator - Power Sales Page Creator

05-26-2009, 06:52 PM	#4
ECoughlin HyperActive Warrior Join Date: Oct 2008 Location: Florida Posts: 129 Thanks: 33 Thanked 5 Times in 5 Posts Social Networking	Re: Dreamweaver CS4, templates and coding for ads Thanks, that helps. I took a class for CS3 and learned a bit about CSS but not alot. I forgot about the W3schools tutorials. I'll check those out.
	Hey, my name is Eunice. I've been an Internet Marketer since 2005. If you want to, you can connect with me on Facebook and Twitter. :-)

05-28-2009, 06:07 AM	#5
pdjsolutions Coding Expert !! :D War Room Member Join Date: May 2009 Location: India Posts: 178 Thanks: 14 Thanked 15 Times in 12 Posts Contact Info	Re: Dreamweaver CS4, templates and coding for ads If you still need help, I can help you out with integrating the adsense code into your webpage. I am a experienced web designer and have experiece with CSS and have used Dreamweaver for over 4 years. Regards, PDJSolutions

05-28-2009, 08:38 AM	#6
ECoughlin HyperActive Warrior Join Date: Oct 2008 Location: Florida Posts: 129 Thanks: 33 Thanked 5 Times in 5 Posts Social Networking	Re: Dreamweaver CS4, templates and coding for ads Thanks, I'll keep your offer in mind. I think I'm just going to use text links instead of ads for right now. I attended a Fireworks class yesterday and the instructor confirmed what has already been said here...templates are very CSS heavy and not easy. One of the video tutorials on the Adobe site said that these templates were the best option if I needed to get something up fast and so that's why I did it this way. I need to get this site up as quick as possible. Many of the pages are already indexed on Google and on page one for their keywords so I don't want to lose out on that. So I'm just going to finish with the template, move on and come back to it later when I have time to do another redesign. <sigh> Eunice
	Hey, my name is Eunice. I've been an Internet Marketer since 2005. If you want to, you can connect with me on Facebook and Twitter. :-)