How to increase width of Photos on blogger blog

[Biggles71]

Made a blogger blog on my SM site.

Happy with the layout, but wondering how I can have my uploaded blogger photos the same width as the text of my blog?

I do realise this is more of blogger Q than a SM one, but hope to find an answer anyway....


Thanks to have a look at http://bjornmoerman.blogspot.com/


Bjorn

[tfboy]

Made a blogger blog on my SM site.

Happy with the layout, but wondering how I can have my uploaded blogger photos the same width as the text of my blog?

I do realise this is more of blogger Q than a SM one, but hope to find an answer anyway....


Thanks to have a look at http://bjornmoerman.blogspot.com/


BjornHi Bjorn.
It looks like you have the photos acually hosted on blogger. I would change this so that the photos are hosted on SM and when you do that, you can dictate / control the size of the photos.

It's also better having them on SM because you can then drive more people to your website by having clickable photos to the gallery, etc.

What I've done on my blogger blog is create a dedicated "blog photos" SM gallery and put all the photos that appear on my blog in there. That way, you keep the viewed statistics separate.

When you type a post in blogger, you just have to insert the HTML code for the photo, for example:
<center>
<a href="http://www.bjornmoerman.com/gallery/6385665_Zeqs3#571852613_kT2Qi-A-LB">
<img alt="Al Maha Desert Resort, Bedouin Suite" src="http://www.bjornmoerman.com/photos/571852613_kT2Qi-L.jpg" /></a>
</center>

That will make the photo clickable and a click will take you to the lightbox view of that photo. If you want to adjust the size of the photo even more to fill the width of your post section (is it 700px?), you can specify the width of a photo in the URL too (a handy SM function) :D by putting the resolution at the end instead of a size "letter".

For example:
<center>
<a href="http://www.bjornmoerman.com/gallery/6385665_Zeqs3#571852613_kT2Qi-A-LB">
<img alt="Al Maha Desert Resort, Bedouin Suite" src="www.bjornmoerman.com/photos/571852613_kT2Qi-650x650.jpg" /></a>
</center>

Note that although I typed in 650x650, it won't distort or crop the photo to make it fit in a square 650px by 650px. It will just limit the maximum dimension to 650px, whether the photo is in portrait or landscape orientation.

I'll admit it's a bit more work, particularly preparing the smugmug gallery, but if you really want to protect your photos, you can also upload a limited resolution to your blog so that people who know smugmug don't just take the URL from your blog, and change the -650x650.jpg bit at the end with -O.jpg ;) Of course, if you upload photos that are only x pixels wide, then you can even use the -O.jpg extention and it won't get any bigger :D

Hope this helps.

:D

[denisegoldberg]

The html suggested above is what I use, with one change. I use custom sizes instead of the standard smug sizes when I show photos in my blog. See http://www.smugmug.com/help/custom-photo-sizes.

--- Denise

[tfboy]

LOL. I edited my post just as you posted yours, Denise :thumb

[Biggles71]

Thanks a lot Denise and tfboy.

One more question,

I've now linked my blog photos to my SM site as described above. Not in a separate gallery yet.

If I do click on photo in my blog, I do get re-directed to the respective gallery but not to the exact same page as the photo. Only to page 01. Is there a way to solve this? Most of my galleries have multiple pages.

Also, what is the html after the <img alt="Al Maha Desert Resort, Bedouin Suite" ? Is that the image caption/title and why do you need this in the html?

Sorry, if I ask to many questions

Thanks again from Dubai,

Bjorn

[denisegoldberg]

If I do click on photo in my blog, I do get re-directed to the respective gallery but not to the exact same page as the photo. Is there a way to solve this? Most of my galleries have multiple pages.
If you use the gallery link from the share... get a link... page for your <a href= statement and the photo link for the <img src= statements, then you should be positioned on the photo within the gallery.

You can look at my blog for an example. Here's a link to a post (because the first photo in my blog is currently the first photo in a gallry, doesn't really show this working) - http://denisegoldberg.blogspot.com/2009/06/unexpected-sunshine.html
If you click on the photo you will be taken to that photo within my gallery.

--- Denise

[Biggles71]

Bizarre.... I does work on your site Denise, however I have done as explained above on my last blogpost and it keeps referring to the page 1 of the gallery. This is the case for all 3 photos in my last post at www.bjornmoerman.com

The html of the first one is:
<center> <a href="http://www.bjornmoerman.com/gallery/6385665_Zeqs3#571852613_kT2Qi-A-LB"> <img alt="Al Maha Desert Resort, Bedouin Suite" src="http://www.bjornmoerman.smugmug.com/photos/571852613_kT2Qi-590x590.jpg" /></a> </center>

Any more ideas?
Thanks

[denisegoldberg]

Bizarre.... I does work on your site Denise, however I have done as explained above on my last blogpost and it keeps referring to the page 1 of the gallery. This is the case for all 3 photos in my last post at www.bjornmoerman.com (http://www.bjornmoerman.com)

The html of the first one is:
<center> <a href="http://www.bjornmoerman.com/gallery/6385665_Zeqs3#571852613_kT2Qi-A-LB"> <img alt="Al Maha Desert Resort, Bedouin Suite" src="http://www.bjornmoerman.smugmug.com/photos/571852613_kT2Qi-590x590.jpg" /></a> </center>

Any more ideas?
Thanks
Your gallery link should not end in -LB (lightbox).

Where are you getting the url you are using in the <a href= statement? I grab mine from the share photo page, from the gallery link. Here's an example:
<a href="http://www.denisegoldberg.com/gallery/8607964_twoL7/1/569110706_e42bR">
<img src="http://www.denisegoldberg.com/photos/569110706_e42bR-500x500.jpg">
</a>
Why don't you try that form of the link?

--- Denise

[Biggles71]

Problem was indeed the added LB. Even though I included the link from the share button, I added the LB because tfboy had it in his post above. Sorry for the confusion.

When you do add a photo to your blog, do you just type the html text manually or can one automate the procedure...? Asking because I don't know html and always looks quite confusing to me.

Thanks again

[denisegoldberg]

Problem was indeed the added LB. Even though I included the link from the share button, I added the LB because tfboy had it in his post above. Sorry for the confusion.

When you do add a photo to your blog, do you just type the html text manually or can one automate the procedure...? Asking because I don't know html and always looks quite confusing to me.
I have enabled the share button when I am logged in - with this CSS:
.notLoggedIn #shareButton
{
display: none;
}

So I click share... get a link... Then I copy the links from the page that pops up.

http://www.smugmug.com/help/picture-sharing-links

--- Denise