WAHM Forums

Hi there,in messing with changing the adsense spot in my blog template, I somehow moved my content down a few more paragraphs than I would like it. There's a huge space there. Anyone know how I might be able to fix that? It's messing up some other stuff I'd like to do, like put a right sidebar in. Here's the blog addy: http://sahmsnwahms.blogspot.com


Thanks for any input! smileys/smiley1.gif


Caneel

The only thing I saw in a quick look was 2 extra paragraph tags below where the sidebar script starts.


Look for this in the script <!-- Begin #sidebar -->
<p>
<p>


Then remove the 2 <p> tags, that should fix it.

Thanks for the tip, Harold! I did remove the two <p> marks and it is remaining the same. I'm going to look at someone else's that is very similar to mine and compare the code. I don't know why I didn't think of that first! Thank you so much for your help!


Caneel

The extra paragraph tags were the first thing I thought of, too, but they seem to apply to the div that holds that first adsense block.


When you add the code in that particular place, you're effectively bumping down the main text beside it. To fix this, you want to cut down on the amount of blank space (padding) that's defined by the CSS style for the main area...


To make less space at the top of your main content, try replacing


#main {
width:450px;
float:right;
padding:50px 0 20px;
font-size:85%;
}
#main2 {
background:url("http://www.blogblog.com/dots/bg_dots2.gif") -100px -100px;
padding:20px 10px 15px;
}


with


#main {
width:450px;
float:right;
padding:0px 0 20px;
font-size:85%;
}
#main2 {
background:url("http://www.blogblog.com/dots/bg_dots2.gif") -100px -100px;
padding:0px 10px 15px;
}


and that should do it. I tried it on a copy of your template and it worked for me on IE6, anyway.


Also, there's an extra --> showing up at the bottom of left sidebar because your 2nd adsense script is placed inside the "comment" marks that hide the placeholder paragraph text. To fix, take out that stray --> under the adsense code, and also the following that comes before the code:
<!--


<p>This is a paragraph of text that could go in the sidebar.


Sorry I didn't answer when you posted this question on the Blogger board a day or so ago - I know you want to get it working so you can get yourblog set up with aright-hand sidebar too - but I was on a tight deadline for a good client...


Anyhoo, let me know how this works, ok?


smileys/smiley1.gifJen/domestika (http://domestikgoddess.blogspot.com)

Jen, You are awesome! Thank you so much! I think it's fixed now! Do you think that extra <!--


<p>This is a paragraph of text that could go in the sidebar.


could be messing things up? I had thought about taking that out, but I am SO NEW to all this (that's probably obvious!) I didn't want to take it out so that if in the future I wanted to add something to the sidebar I'd know where to do it! If you think it could be messing stuff up, though, I'll do it!


Everything seems to be fixed (except something in my profile that I've changed and in the edit page it doesn't show anymore but it does in the published version -- the [URL] stuff around my web addy! I was trying to figure out how to make my website addy clickable and somehow it seems to be stuck there.


Now I can try the right sidebar thing! You all are so great. I admire all your knowledge in html (I can follow it a little) and CSS (I have NO idea!).


Thanks again!


Caneel

No, the paragraph stuff just made a stray little --> appear at the bottom of your sidebar, didn't affect the main content at all. But you might as well tidy up, while you're in there!


Don't know if this answers your other question, about your profile page, but don't forget that the code like[ URL ]we use on the forums is not the same thing as HTML.


In HTML - just FYI, and I do apologize if I'm telling you something you already know inside-out inyour sleep!-you make something into a "clickable link" by enclosing your chunk of text (or image)with anchor tags, so the code looks something like this:


<a href="http://domestikgoddess.blogspot.com">My Blog (http://domestikgoddess.blogspot.com)</a>


In this case, "My Blog" is the text to be a clickable link, and the URL (web address) I want it to link to is http://domestikgoddess.blogspot.com- the URL has to be put between double-quotes and the "http://" part must be included, very important!


And if you want a link to open a page in a new browser window, just add target="_blank" to your tag, like this: <a href=http://domestikgoddess.blogspot.com target="_blank">My Blog</a>


Thanks for the sweet compliment, by the way, Caneel -- but I'm no techie just a stay-at-home writingmom too.Just picked up a bit of knowledge here and there online,as I like to figure out how things work! smileys/smiley2.gif


Anyone who wants to learn about HTML (pretty darned useful, as I think you're discovering!) try HTMLDog.com. This is a really comprehensive tutorial site that starts out with an excellent absoltuely-bare-bones-basic HTML Beginner's Guide (http://www.htmldog.com/guides/htmlbeginner/)which is all you really need to put together a basic website, and goes right through to some pretty advanced CSS stuff.


Jen


p.s. smileys/smiley20.gifBy the way, that was a really good idea you had, to View Source and compare your own code with the source code from another blog that uses the same basic template. That's the absolute best way to learn!Edited by: domestika

Everything seems to be fixed (except something in my profile that I've changed and in the edit page it doesn't show anymore but it does in the published version -- the [URL] stuff around my web addy! I was trying to figure out how to make my website addy clickable and somehow it seems to be stuck there.


Good for you! Yep, I just had a peek and you're looking good except for that [URL] stuff. And what I just posted above, about making clickable links, should take care of that tiny little glitch.


Gotta go make a big family Sunday brunch now... time for Web-wrangler Jen to put her Domestika hat back on! smileys/smiley36.gif

FYI google ads on the left work a lot better. I just did a clients site that way and her revenue increased greatly.



culinaryspot.com (http://www.culinaryspot.com)

Thanks for the info everyone! Jen, I'll try out your suggestion for making the link. I'm not real proficient in html, just know enough to get by on occasion! I tried the <> before I saw your post and saw it wasn't working. I'm sure everything will be great with your suggestion!


JCS100, thanks for the tip! I'm going to keep on on the top left but wanted to put one in the right sidebar maybe, but I need some right sidebar stuff.


Well I'll be working on all this soon. I'm kind of bummed b/c I had some nasty and hateful things posted as comments on my blog yesterday by who knows who and now that option is having to be removed so hopefully my readers won't be too bothered by it! Ugh...

Caneel, I'm so sorry to hear you got a nasty comment. There's no need for that kind of unpleasantness in the world. Maybe this will help to brighten your day:


To fix your clickable link, just change


<p id="description">Welcome to the SAHMs n WAHMs Blog, where you never know what you'll read (it could be humorous, insightful, uplifting or crazy -- or all of the above!) but it will probably be related to parenting on some level. Enjoy!
http://sahmsnwahms.com</p>


<!-- Begin #profile-container -->


<div id="profile-container"> <h2 class="sidebar-title">About Me</h2> <dl class="profile-datablock"> <dd class="profile-data"> <strong>Name:</strong>Caneel </dd> </dl> <p class="profile-textblock"> Thanks for visiting! Read more about me at my SAHMs n WAHMs website!
http://sahmsnwahms.com </p> <p class="profile-link"> <a href="http://www.blogger.com/profile/14439036">View my complete profile</a> </p> </div>


<!-- End #profile -->


to


<p id="description">Welcome to the SAHMs n WAHMs Blog, where you never know what you'll read (it could be humorous, insightful, uplifting or crazy -- or all of the above!) but it will probably be related to parenting on some level. Enjoy! <a href="http://sahmsnwahms.com">
http://sahmsnwahms.com</a></p>


<!-- Begin #profile-container -->


<div id="profile-container"> <h2 class="sidebar-title">About Me</h2> <dl class="profile-datablock"> <dd class="profile-data"> <strong>Name:</strong>Caneel </dd> </dl> <p class="profile-textblock"> Thanks for visiting! Read more about me at my SAHMs n WAHMs website!
<a href="http://sahmsnwahms.com">
http://sahmsnwahms.com</a></p> <p class="profile-link"> <a href="http://www.blogger.com/profile/14439036">View my complete profile</a> </p> </div>


<!-- End #profile -->


I've put the changes in bold to help you see them better.


Don't let the b******ds get you down!


smileys/smiley1.gif

THANK YOU! You have no idea how much you've helped me these last few days! smileys/smiley32.gif


I'll get on it as soon as I can ... right now I've got to clean the house and get supper started before the kiddos come knocking for candy! smileys/smiley36.gif

I'm clickable! smileys/smiley4.gif

I'm clickable! smileys/smiley4.gif


Yayyyyyyyyyyyyyyy!!!


Wanna come clean my house now? Just joking! smileys/smiley2.gif Not that it couldn't use it... a lot... soon...


~ Jen

Lol, Jen! I wish I had someone that could clean my house, too! Maybe one day we'll be making enough to hire someone on occasion! smileys/smiley2.gif

LOL, like the movie with Dan Akroyd and Rosie O'Donnell.



"Mistress let me fullfill your every fantasy"



"Go paint my house"



LOL







<!--
var SymRealOnLoad;
var SymReal;

Sym()
{
window.open = SymWinOpen;
if(SymReal != null)
SymReal();
}

SymOnLoad()
{
if(SymRealOnLoad != null)
SymRealOnLoad();
window.open = SymRealWinOpen;
SymReal = window.;
window. = Sym;
}

SymRealOnLoad = window.onload;
window.onload = SymOnLoad;

//-->

Never saw the movie, but I sure know that particular fantasy... smileys/smiley4.gif