Help - Search - Members - Calendar
Full Version: blogger code problem!?
OpenSourcePhoto > World Wide Web > Website Stuff
noct


Does anyone noticed problems with uploding pics to blogger. Ive been uploding my pics & changin the size on them to make them bigger for a while now. i learned the trick here. Anyways I was just uploading some teasers & for som reason when I change the values ( just like i always do) the images look all stretched out? I went back & looked at the code it was giving me & its dif from what itr normally is? blink.gif

Im just trying to figure this out & i was sure if they cahnged something or if there is some issue someone here would have also noticed it.

any help would b much appreciated!

oh this is the code its giving me now
<a href="

for some reason it didnt post the code??

ill try again <a href="http://4.bp.blogspot.com/_u6TGVSNaqnI/SQDoG3VGq7I/AAAAAAAAA-o/Y8I_tfL1fMM/s1600-h/LK01.jpg"><img style="cursor:pointer; cursor:hand;width: 400px; height: 400px;" src="http://4.bp.blogspot.com/_u6TGVSNaqnI/SQDoG3VGq7I/AAAAAAAAA-o/Y8I_tfL1fMM/s400/LK01.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5260459569398066098" /></a>

zofiaphoto
Looks like it's uploading as 400px x 400px, which the norm. If you simply change the values to 500x500 (example) they'll stretch. I tried it that way right now.

I don't know what "trick" you know but it's a ton easier if you host it yourself. If you can, upload it through "Or add an image from the web" then you can change the value to the correct width (don't worry about height), and be all set.

Alternatively, if your blog width is 700px, save your image to 700px at the widest, Save for Web, upload on your own site in a separate "blog" folder, I recommend separating the folders by year, such as "blog07", "blog 08", etc. Or use an image hosting site, like photobucket.com.

Go to POSTING : CREATE : HTML
Insert this code: <div align="center"><img src="http://www.yoursite.com/blog08/yourimage.jpg" /></div> but substitute the location of your file. Voila! Bigger images.

Hope that makes sense!
Z
Kadie Pangburn
Yeah I just noticed that problem last night. I don't know why they changed it... grr... but yeah all you have to do is delete this bit:

width: 400px; height: 400px;

and then like normal just change the s400 bit to whatever you are using 640, 800 whatever...

and you will be just fine smile.gif

QUOTE (noct @ October 23 2008, 02:41 PM) *
Does anyone noticed problems with uploding pics to blogger. Ive been uploding my pics & changin the size on them to make them bigger for a while now. i learned the trick here. Anyways I was just uploading some teasers & for som reason when I change the values ( just like i always do) the images look all stretched out? I went back & looked at the code it was giving me & its dif from what itr normally is? blink.gif

Im just trying to figure this out & i was sure if they cahnged something or if there is some issue someone here would have also noticed it.

any help would b much appreciated!

oh this is the code its giving me now
<a href="

for some reason it didnt post the code??

ill try again <a href="http://4.bp.blogspot.com/_u6TGVSNaqnI/SQDoG3VGq7I/AAAAAAAAA-o/Y8I_tfL1fMM/s1600-h/LK01.jpg"><img style="cursor:pointer; cursor:hand;width: 400px; height: 400px;" src="http://4.bp.blogspot.com/_u6TGVSNaqnI/SQDoG3VGq7I/AAAAAAAAA-o/Y8I_tfL1fMM/s400/LK01.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5260459569398066098" /></a>
zofiaphoto
QUOTE (Kadie Pangburn @ October 23 2008, 03:26 PM) *
Yeah I just noticed that problem last night. I don't know why they changed it... grr... but yeah all you have to do is delete this bit:

width: 400px; height: 400px;

and then like normal just change the s400 bit to whatever you are using 640, 800 whatever...

and you will be just fine smile.gif


Kadie, I just tried changing the s value and all I got was a blue square. If I change the width and height, I get a stretched image. Is it working for you?
Kadie Pangburn
QUOTE (zofiaphoto @ October 23 2008, 06:06 PM) *
Kadie, I just tried changing the s value and all I got was a blue square. If I change the width and height, I get a stretched image. Is it working for you?



No no no... don't CHANGE the values... just Delete it all together, take out the first part I highlighted in red, (width: 400px; height: 400px;) THEN change the S value and it should be good.

so it looks like this:

<a href="http://4.bp.blogspot.com/_u6TGVSNaqnI/SQDoG3VGq7I/AAAAAAAAA-o/Y8I_tfL1fMM/s1600-h/LK01.jpg"><img style="cursor:pointer; cursor:hand;" src="http://4.bp.blogspot.com/_u6TGVSNaqnI/SQDoG3VGq7I/AAAAAAAAA-o/Y8I_tfL1fMM/s640/LK01.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5260459569398066098" /></a>
Abra Morris
QUOTE (Kadie Pangburn @ October 24 2008, 03:19 PM) *
No no no... don't CHANGE the values... just Delete it all together, take out the first part I highlighted in red, (width: 400px; height: 400px;) THEN change the S value and it should be good.

so it looks like this:

<a href="http://4.bp.blogspot.com/_u6TGVSNaqnI/SQDoG3VGq7I/AAAAAAAAA-o/Y8I_tfL1fMM/s1600-h/LK01.jpg"><img style="cursor:pointer; cursor:hand;" src="http://4.bp.blogspot.com/_u6TGVSNaqnI/SQDoG3VGq7I/AAAAAAAAA-o/Y8I_tfL1fMM/s640/LK01.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5260459569398066098" /></a>


KADIE!!!! I love you! You are a GENIUS. Thank you, thank you, thank you!!
Abra Morris
Zofia,

You have an awesome blog template. How in the devil did you manage that? Your images are gorgeous too. Also your logo is great. Alright, I really do mean all of these compliments, not trying to suck up or anything.
Vanessa B
Thanks for your help on this! I was so frustrated when I noticed this after updating my blog today, and now it's fixed! :-)
zofiaphoto
QUOTE (Kadie Pangburn @ October 24 2008, 12:19 PM) *
No no no... don't CHANGE the values... just Delete it all together, take out the first part I highlighted in red, (width: 400px; height: 400px;) THEN change the S value and it should be good.

so it looks like this:

<a href="http://4.bp.blogspot.com/_u6TGVSNaqnI/SQDoG3VGq7I/AAAAAAAAA-o/Y8I_tfL1fMM/s1600-h/LK01.jpg"><img style="cursor:pointer; cursor:hand;" src="http://4.bp.blogspot.com/_u6TGVSNaqnI/SQDoG3VGq7I/AAAAAAAAA-o/Y8I_tfL1fMM/s640/LK01.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5260459569398066098" /></a>


Oh! That's better. smile.gif I'll try that.

QUOTE (Abra Morris @ October 27 2008, 09:30 PM) *
Zofia,

You have an awesome blog template. How in the devil did you manage that? Your images are gorgeous too. Also your logo is great. Alright, I really do mean all of these compliments, not trying to suck up or anything.



Thanks Abra! I used the Minima template (pretty sure) and I customized it A LOT. I'm about to re-vamp it again soon. Erin at EDJ Design did my logo. (http://www.edjdesign.com/)
tucker
WOW I was JUST going to post this question last night! I figured it out last night about deleting the width and height info so I didn't but it's funny that I wasn't the only one aggrivated at my computer for an hour last night.

God I love osp!
zofiaphoto
Did anyone else lose their favicon in Safari? Mine was fine until 2 days ago. Still works in FF though. No idea what's going on there??
ltakeoka
My favicon is also gone in Firefox.
Kadie Pangburn
no worries smile.gif It was driving me crazy and I finally just opened an old post and read through the code line by line comparing it to the new code blogger was creating till I found the problem. I'm glad it helped a few of you out smile.gif
zofiaphoto
I've got your favicon fix right here, baby!

If you have the NEW Blogger:

]]></b:skin>
<link rel="shortcut icon" href="http://yoursite.com/favicon.ico" />
<link rel="icon" type="image/vnd.microsoft.icon" href="http://yoursite.com/favicon.ico"/>
</head>

If you have the OLD Blogger, you need to insert the code AFTER this line : $BlogMetaData$

The red text is what's important.
jeanette sanchez
THANK YOU!! I was trying to post images last night and became so frustrated with the image size issue...I knew I could find answers here, OSP Rules.
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.