community

all boards




my blog

This thread is no longer active. See our most recent posts and join!
01-15-2010 at 8:41 AM
bmbride
Not Ranked
Joined on 11-04-2003
New York
369 Points
bmbride is not online. Last active: 09-14-2011, 7:52 PMBronze

Blogspot users-can I fix this problem

I've been uploading my pictures to Blogspot (aka Blogger) from Flickr, but my pictures on my blog are always cut off on the right hand side.  When I hit preview, the entire picture is there, but when I actually go to my blog's website, it is cut off.  This happens regardless of whether I import the pictures using the "blog this" button or whether I cut and paste the Flickr code into Blogger.  I've been able to get the entire picture in by hitting edit in Blogger and then basically pushing the right hand margin over to the left more, but that basically smushes the picture together and distorts it a little. 

Has anyone else had this problem?  Any ideas on how to fix it?

Oh, and if it makes a difference, I have been lowering my resolution on my pictures before I upload them to Flickr, so that the large and medium size are actually the same size (for instance, for my latest upload, both large and medium is 480 X 306.)  The picture is cut off regardless of whether I pick the large or medium size to upload.  I don't want to upload the small because I feel that is too small to see well.


Winter Storm December 2009

my 365 blog

[url=http://www.TickerFactory.com/weight-loss/w6U1l3i/]
 
01-15-2010 at 8:49 AM
houndbaby
Top 100 Contributor
Joined on 03-08-2007
The Buckeye State
3,627 Points
houndbaby is not online. Last active: 05-16-2012, 4:38 PMPlatinum
you can make body of your blog wider so that you can put larger pictures up. If you click on my 365 blog you can see what I mean. I'll see if I can find the code.

Lilypie Second Birthday tickers Lilypie Fourth Birthday tickers 
01-15-2010 at 8:51 AM
stina-bear
Not Ranked
Joined on 05-19-2009
Central NJ
90,009 Points
stina-bear is not online. Last active: 07-19-2011, 6:49 AMSilver

Sounds like your blog template is too narrow for your pictures.  You'd need to go into "edit HTML" under the "layout" options, and check to see what size your various wrappers are set to.  Do a ctrl+f search in the HTML of your template to find "#main-wrapper" -- there should be a line of code following that that sets the number of pixels.  The "main wrapper" is the section of your blog that has your posts; the "sidebar wrapper" is the sidebar column, and you want the two pixel numbers to add up to be just a little under the number of pixels under "outer wrapper," which is the whole width of your blog.

So for example, if you want to be able to post pictures that are 480x306, you need your main wrapper to be at least 500px (since blogger will add a bit of a border, and you want some wiggle room).  Which may mean that you need to decrease your sidebar width to increase your main wrapper width, or (if that will mess up the look of your sidebar) you'll need to increase the outer wrapper width to get a wider canvas for your whole blog.

Oh, and once you start messing with the width of your columns, that may mean you'll have to edit the image you're using as your background image, if you have details going along the side -- you may need to find a background image/template that's plainer, so that the text of your posts isn't obscured by the background image on the sides.

Does that make sense?  Hope this helps!




Joshua looooved his birthday cake!


In my camera bag:
Canon 7D (squeee!)
Canon 24mm f/1.4L, 17-55mm f/2.8, 50mm f/1.8, 85mm f/1.8
Canon 430EX-II Speedlite 
01-15-2010 at 8:53 AM
houndbaby
Top 100 Contributor
Joined on 03-08-2007
The Buckeye State
3,627 Points
houndbaby is not online. Last active: 05-16-2012, 4:38 PMPlatinum

This is how I have mine set up, if you adjust the widths to what I have here it'll make the body wider. You will have to change your blog background to a 3 column one to accommodate the width. HTH.

#outer-wrapper {
  width: 900px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }

#main-wrapper {
  width: 600px;
  float: $startSide;
  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: $endSide;
  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 */
}


Lilypie Second Birthday tickers Lilypie Fourth Birthday tickers 
01-15-2010 at 8:57 AM
bmbride
Not Ranked
Joined on 11-04-2003
New York
369 Points
bmbride is not online. Last active: 09-14-2011, 7:52 PMBronze
Great.  Thanks for the help.  I will have to try to fix it this weekend.

Winter Storm December 2009

my 365 blog

[url=http://www.TickerFactory.com/weight-loss/w6U1l3i/]
 
01-15-2010 at 11:44 AM
RXjenna
Not Ranked
Joined on 01-27-2008
1,453 Points
RXjenna is not online. Last active: 11-07-2011, 9:47 PMBronze
SFL :)

 
01-15-2010 at 12:18 PM
roxysurf99
Not Ranked
Joined on 11-13-2007
NYC
567 Points
roxysurf99 is not online. Last active: 04-30-2012, 6:18 PMBronze
houndbaby:

This is how I have mine set up, if you adjust the widths to what I have here it'll make the body wider. You will have to change your blog background to a 3 column one to accommodate the width. HTH.

#outer-wrapper {
  width: 900px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }

#main-wrapper {
  width: 600px;
  float: $startSide;
  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: $endSide;
  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 */
}

 

Thank you so much for posting this, I was finally able to fix my blog!!

01-15-2010 at 5:40 PM
bmbride
Not Ranked
Joined on 11-04-2003
New York
369 Points
bmbride is not online. Last active: 09-14-2011, 7:52 PMBronze
It worked!  Thank you so much. I would have never, ever figured that out in my own.

Winter Storm December 2009

my 365 blog

[url=http://www.TickerFactory.com/weight-loss/w6U1l3i/]
 
01-17-2010 at 9:25 AM
Justinlove
Not Ranked
Joined on 02-16-2008
In the South
24,123 Points
Justinlove is not online. Last active: 05-16-2012, 7:24 PMSilver

sfl

 



LA 2~15~09
Crafts for Lily 
Hot Topics

"Do you and DH ever disagree about parenting?
Posted on the Babies 0-3 Months board

"When will you start telling friends and family?"
Posted on the 1st Trimester board

"What do you think, am I being unfair?"
Posted on the Stay at Home Moms board

search boards

choose another board