{"id":191,"date":"2009-03-25T12:49:11","date_gmt":"2009-03-25T17:49:11","guid":{"rendered":"http:\/\/www.ericbrooks.com\/soapbox\/?p=191"},"modified":"2016-10-17T18:00:15","modified_gmt":"2016-10-17T22:00:15","slug":"how-to-resize-blog-comments-on-myspace","status":"publish","type":"post","link":"https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/","title":{"rendered":"How To Resize Blog Comments on MySpace"},"content":{"rendered":"

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….<\/p>\n

Suddenly some HTML-Challenged putz leaves a graphic from Photobucket in your comments that should be used as desktop wallpaper!!! ARRRRRRGH! \"\"<\/p>\n

Don’t you hate when that happens?
\nNo worries, we’re about to fix that.<\/p>\n

\"\"
\n
HOW TO AUTOMATICALLY RESIZE THE GRAPHICS IN YOUR BLOG COMMENTS<\/span><\/span>
\n************ UPDATED 03\/23\/09<\/span> ****** NEW CODE BELOW ***<\/span>****<\/span><\/p>\n

– Go to Customize Blog<\/b> in your blog control panel.
\n– Paste the following CSS code in your “Your own Additional Style Sheet<\/span>” box:<\/p>\n

\n

td.blogComments {font-size: 13px; width:499px; max-width:550px; width:auto; height:auto; overflow:hidden;}<\/span>
\ntd.blogComments img {width:499px; max-width:550px; width:auto; height:auto;}<\/span>
\ntd.blogComments object {width:549px; height:450px; max-width:550px;}<\/span>
\ntd.blogComments embed {width:549px; height:450px; max-width:550px;}<\/span>
\n*html .main .blogComments td.blogComments\u00c2\u00a0 {width:450px; height:auto; overflow:hidden}<\/span><\/p>\n<\/blockquote>\n

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….)<\/p>\n

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

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.<\/p>\n

The best you can do here is cut off anything longer than 550 px; from the screen in I.E…<\/p>\n

I don’t care what the blog looks like in Internet Explorer, anyway. I use Firefox.<\/p>\n

Download Firefox 3<\/span><\/a> – The Best browser out there…<\/span><\/p>\n

\"Download<\/a><\/p>\n

Or….
\nDownload Flock (The Social Browser)<\/a>
\nDownload Google Chrome<\/a>
\nDownload Apple Safari<\/a>
\nDownload Opera<\/a> (Thx, Jared)<\/p>\n

REMEMBER<\/span>:<\/span> Friends don’t let friends use Internet Exploder!!!!<\/p>\n


\nTry and stretch out my MySpace blog<\/b> with a graphic, video, or text… I DARE YA!<\/strong><\/span><\/p>\n

<\/strong><\/p>\n

\"Subscribe<\/div>\n","protected":false},"excerpt":{"rendered":"

So how do you keep a commenter from stretching out your MySpace blog with text, images or videos? My tutorial shows you how with a little piece of CSS code you can put in your settings.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,8],"tags":[],"class_list":["post-191","post","type-post","status-publish","format-standard","hentry","category-the-latest","category-tutorials"],"yoast_head":"\nHow To Resize Blog Comments on MySpace - SoApBoX<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Resize Blog Comments on MySpace - SoApBoX\" \/>\n<meta property=\"og:description\" content=\"So how do you keep a commenter from stretching out your MySpace blog with text, images or videos? My tutorial shows you how with a little piece of CSS code you can put in your settings.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/\" \/>\n<meta property=\"og:site_name\" content=\"SoApBoX\" \/>\n<meta property=\"article:publisher\" content=\"EricBrooksDotComWeb\" \/>\n<meta property=\"article:author\" content=\"EricBrooksDotComWeb\" \/>\n<meta property=\"article:published_time\" content=\"2009-03-25T17:49:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-10-17T22:00:15+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/ericbrooks.com\/images\/smileys\/002_doh.gif\" \/>\n<meta name=\"author\" content=\"Eric Brooks\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@EricBrooksCom\" \/>\n<meta name=\"twitter:site\" content=\"@EricBrooksCom\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Eric Brooks\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/\"},\"author\":{\"name\":\"Eric Brooks\",\"@id\":\"https:\/\/ericbrooks.com\/soapbox\/#\/schema\/person\/8ff62df16d2105a698b2aa19323dca30\"},\"headline\":\"How To Resize Blog Comments on MySpace\",\"datePublished\":\"2009-03-25T17:49:11+00:00\",\"dateModified\":\"2016-10-17T22:00:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/\"},\"wordCount\":372,\"commentCount\":3,\"publisher\":{\"@id\":\"https:\/\/ericbrooks.com\/soapbox\/#\/schema\/person\/8ff62df16d2105a698b2aa19323dca30\"},\"image\":{\"@id\":\"https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/ericbrooks.com\/images\/smileys\/002_doh.gif\",\"articleSection\":[\"The Latest\",\"Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/\",\"url\":\"https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/\",\"name\":\"How To Resize Blog Comments on MySpace - SoApBoX\",\"isPartOf\":{\"@id\":\"https:\/\/ericbrooks.com\/soapbox\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/ericbrooks.com\/images\/smileys\/002_doh.gif\",\"datePublished\":\"2009-03-25T17:49:11+00:00\",\"dateModified\":\"2016-10-17T22:00:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/#primaryimage\",\"url\":\"http:\/\/ericbrooks.com\/images\/smileys\/002_doh.gif\",\"contentUrl\":\"http:\/\/ericbrooks.com\/images\/smileys\/002_doh.gif\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ericbrooks.com\/soapbox\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How To Resize Blog Comments on MySpace\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ericbrooks.com\/soapbox\/#website\",\"url\":\"https:\/\/ericbrooks.com\/soapbox\/\",\"name\":\"SoApBoX\",\"description\":\"Rants and Raves of Eric Brooks. Low-tech whining in cyberspace...\",\"publisher\":{\"@id\":\"https:\/\/ericbrooks.com\/soapbox\/#\/schema\/person\/8ff62df16d2105a698b2aa19323dca30\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ericbrooks.com\/soapbox\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/ericbrooks.com\/soapbox\/#\/schema\/person\/8ff62df16d2105a698b2aa19323dca30\",\"name\":\"Eric Brooks\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ericbrooks.com\/soapbox\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.ericbrooks.com\/images\/posts\/eb_3d_logo-1.png\",\"contentUrl\":\"https:\/\/www.ericbrooks.com\/images\/posts\/eb_3d_logo-1.png\",\"width\":190,\"height\":190,\"caption\":\"Eric Brooks\"},\"logo\":{\"@id\":\"https:\/\/ericbrooks.com\/soapbox\/#\/schema\/person\/image\/\"},\"description\":\"Musician, Programmer, Graphic Designer, Evil Clown - A thorn in the Internet's side since 1997 with no intention of stopping any time soon.\",\"sameAs\":[\"https:\/\/ericbrooks.com\",\"EricBrooksDotComWeb\",\"ericbrooksdotcom\",\"ericbrookscom\/\",\"https:\/\/x.com\/EricBrooksCom\"],\"url\":\"https:\/\/ericbrooks.com\/soapbox\/author\/site-admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Resize Blog Comments on MySpace - SoApBoX","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/","og_locale":"en_US","og_type":"article","og_title":"How To Resize Blog Comments on MySpace - SoApBoX","og_description":"So how do you keep a commenter from stretching out your MySpace blog with text, images or videos? My tutorial shows you how with a little piece of CSS code you can put in your settings.","og_url":"https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/","og_site_name":"SoApBoX","article_publisher":"EricBrooksDotComWeb","article_author":"EricBrooksDotComWeb","article_published_time":"2009-03-25T17:49:11+00:00","article_modified_time":"2016-10-17T22:00:15+00:00","og_image":[{"url":"http:\/\/ericbrooks.com\/images\/smileys\/002_doh.gif"}],"author":"Eric Brooks","twitter_card":"summary_large_image","twitter_creator":"@EricBrooksCom","twitter_site":"@EricBrooksCom","twitter_misc":{"Written by":"Eric Brooks","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/#article","isPartOf":{"@id":"https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/"},"author":{"name":"Eric Brooks","@id":"https:\/\/ericbrooks.com\/soapbox\/#\/schema\/person\/8ff62df16d2105a698b2aa19323dca30"},"headline":"How To Resize Blog Comments on MySpace","datePublished":"2009-03-25T17:49:11+00:00","dateModified":"2016-10-17T22:00:15+00:00","mainEntityOfPage":{"@id":"https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/"},"wordCount":372,"commentCount":3,"publisher":{"@id":"https:\/\/ericbrooks.com\/soapbox\/#\/schema\/person\/8ff62df16d2105a698b2aa19323dca30"},"image":{"@id":"https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/#primaryimage"},"thumbnailUrl":"http:\/\/ericbrooks.com\/images\/smileys\/002_doh.gif","articleSection":["The Latest","Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/","url":"https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/","name":"How To Resize Blog Comments on MySpace - SoApBoX","isPartOf":{"@id":"https:\/\/ericbrooks.com\/soapbox\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/#primaryimage"},"image":{"@id":"https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/#primaryimage"},"thumbnailUrl":"http:\/\/ericbrooks.com\/images\/smileys\/002_doh.gif","datePublished":"2009-03-25T17:49:11+00:00","dateModified":"2016-10-17T22:00:15+00:00","breadcrumb":{"@id":"https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/#primaryimage","url":"http:\/\/ericbrooks.com\/images\/smileys\/002_doh.gif","contentUrl":"http:\/\/ericbrooks.com\/images\/smileys\/002_doh.gif"},{"@type":"BreadcrumbList","@id":"https:\/\/ericbrooks.com\/soapbox\/how-to-resize-blog-comments-on-myspace\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ericbrooks.com\/soapbox\/"},{"@type":"ListItem","position":2,"name":"How To Resize Blog Comments on MySpace"}]},{"@type":"WebSite","@id":"https:\/\/ericbrooks.com\/soapbox\/#website","url":"https:\/\/ericbrooks.com\/soapbox\/","name":"SoApBoX","description":"Rants and Raves of Eric Brooks. Low-tech whining in cyberspace...","publisher":{"@id":"https:\/\/ericbrooks.com\/soapbox\/#\/schema\/person\/8ff62df16d2105a698b2aa19323dca30"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ericbrooks.com\/soapbox\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/ericbrooks.com\/soapbox\/#\/schema\/person\/8ff62df16d2105a698b2aa19323dca30","name":"Eric Brooks","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ericbrooks.com\/soapbox\/#\/schema\/person\/image\/","url":"https:\/\/www.ericbrooks.com\/images\/posts\/eb_3d_logo-1.png","contentUrl":"https:\/\/www.ericbrooks.com\/images\/posts\/eb_3d_logo-1.png","width":190,"height":190,"caption":"Eric Brooks"},"logo":{"@id":"https:\/\/ericbrooks.com\/soapbox\/#\/schema\/person\/image\/"},"description":"Musician, Programmer, Graphic Designer, Evil Clown - A thorn in the Internet's side since 1997 with no intention of stopping any time soon.","sameAs":["https:\/\/ericbrooks.com","EricBrooksDotComWeb","ericbrooksdotcom","ericbrookscom\/","https:\/\/x.com\/EricBrooksCom"],"url":"https:\/\/ericbrooks.com\/soapbox\/author\/site-admin\/"}]}},"_links":{"self":[{"href":"https:\/\/ericbrooks.com\/soapbox\/wp-json\/wp\/v2\/posts\/191","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ericbrooks.com\/soapbox\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ericbrooks.com\/soapbox\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ericbrooks.com\/soapbox\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ericbrooks.com\/soapbox\/wp-json\/wp\/v2\/comments?post=191"}],"version-history":[{"count":7,"href":"https:\/\/ericbrooks.com\/soapbox\/wp-json\/wp\/v2\/posts\/191\/revisions"}],"predecessor-version":[{"id":511,"href":"https:\/\/ericbrooks.com\/soapbox\/wp-json\/wp\/v2\/posts\/191\/revisions\/511"}],"wp:attachment":[{"href":"https:\/\/ericbrooks.com\/soapbox\/wp-json\/wp\/v2\/media?parent=191"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ericbrooks.com\/soapbox\/wp-json\/wp\/v2\/categories?post=191"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ericbrooks.com\/soapbox\/wp-json\/wp\/v2\/tags?post=191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}