How To Resize Blog Comments on MySpace

So you’ve written this great blog, so careful to make sure nothing stretched your screen in your post…. so meticulous, as you want to make sure everyone can digest what you’re trying to say without side scrolling….

Suddenly some HTML-Challenged putz leaves a graphic from Photobucket in your comments that should be used as desktop wallpaper!!! ARRRRRRGH!

Don’t you hate when that happens?
No worries, we’re about to fix that.


************ UPDATED 03/23/09 ****** NEW CODE BELOW *******

– Go to Customize Blog in your blog control panel.
– Paste the following CSS code in your “Your own Additional Style Sheet” box:

td.blogComments {font-size: 13px; width:499px; max-width:550px; width:auto; height:auto; overflow:hidden;}
td.blogComments img {width:499px; max-width:550px; width:auto; height:auto;}
td.blogComments object {width:549px; height:450px; max-width:550px;}
td.blogComments embed {width:549px; height:450px; max-width:550px;}
*html .main .blogComments td.blogComments  {width:450px; height:auto; overflow:hidden}

What that code does is tell the browser that any picture or video over 550 pixels wide is going to be shrunk to that size (with the height automatically proportioned….)

There’s only ONE itty bitty problem. This code will work on every browser except Internet Explorer (you know the one that 47% of your readers are using?). Works like a charm on Firefox, Safari, Netscape, Chrome and Flock though.

Why people still use Internet Explorer… I have no idea. It doesn’t recognize the “max-width” attribute, which is the key to this whole trick. Mozilla-based browsers smoked I.E. in the “Browser Wars” years ago. You can also use JavaScript to make it work in I.E., but that’s a major “no-no” on MySpace.

The best you can do here is cut off anything longer than 550 px; from the screen in I.E…

I don’t care what the blog looks like in Internet Explorer, anyway. I use Firefox.

Download Firefox 3 – The Best browser out there…

Download Firefox

Download Flock (The Social Browser)
Download Google Chrome
Download Apple Safari
Download Opera (Thx, Jared)

REMEMBER: Friends don’t let friends use Internet Exploder!!!!

Try and stretch out my MySpace blog with a graphic, video, or text… I DARE YA!

Subscribe to my MySpace Blog!

Eric Brooks

(/•ิ.•ิ)/✦ Musician ✦ Programmer ✦ Graphic Designer ✦ Evil Clown ✦ \(•ิ.•ิ\) - A thorn in the Internet's side since 1997 with no intention of stopping any time soon.

More Posts - Website

Follow Me:
TwitterFacebookLinkedInPinterestGoogle PlusYouTube

About Eric Brooks

(/•ิ.•ิ)/✦ Musician ✦ Programmer ✦ Graphic Designer ✦ Evil Clown ✦ \(•ิ.•ิ\) - A thorn in the Internet's side since 1997 with no intention of stopping any time soon.
This entry was posted in The Latest, Tutorials. Bookmark the permalink.

3 Responses to How To Resize Blog Comments on MySpace

  1. Friend Train says:

    Can you provide me with some more information on this?

  2. sofia says:

    Thanx man!

    .-= sofia´s last blog ..Angelique Houtkamp >>tattoo diva =-.

    Eric Brooks Reply:

    HEH! Thanks Sofia.
    I also know how to fix that massive kudo bug that they left wide open…. but MySpace doesn’t listen to me. 😀

Comments are closed.