Help - Search - Members - Calendar
Full Version: Blogger Experts...Help :)
OpenSourcePhoto > World Wide Web > Website Stuff
Beth Berry
so I edited some html so that I could get larger pics through blogger. I'm resizing my pics to be 900 wide...but the largest I can make them on blogger is 800. I tried resizing the pics to 800 wide, but then the pic won't even show up. Anyway, when they are 900, the right side of my pics are being clipped off. Sorry if this sounds really vague, html is really a foreign language to me. If you check out my blog, you'll see what I mean. My most recent pic, the kid's arm is cut off...if you scroll down you'll see a bridal party pic that is cut off on the right as well.

Help is appreciated!
Thanks!


Zak
I'm def not an expert, but I have had better luck resizing in PS to 750-800 wide then upload to Photobucket...then paste the html into blogger. Congrats on the 70-200 you're gonna love it! smile.gif
regina
Hi, Beth,

You have to increase the size of your blog and then the size of the body of the blog. Here is what my blog was set at for photos that were 650 px wide.

/* Header
-----------------------------------------------
*/


#header {
background-image: url('http://i181.photobucket.com/albums/x117/reginaholder/blogger_header.jpg');
width:800px;
height:518px;

}




/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 900px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}

#main-wrapper {
width: 660px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

I think if you want the photos to by 900 px wide, the main wrapper needs to be 920 px wide to allow for the spacing and outline around the photos. That would mean making your outer wrapper would need to be 1140. You need to make your header bigger, too.

Hope this helps!

Amy Clark
Ditto, I upload to photobucket and copy and paste the html. You only have so much file space in blogger, and will run out quickly anyway. You could also expand the width of your template to accommodate 900 wide, bigger pictures are better anyway wink.gif
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.