Happily Ever After Cafe discussion

172 views
GoodReads How To > REVISED: Advanced: Add an Image or Picture (the size you want)

Comments Showing 1-17 of 17 (17 new)    post a comment »
dateUp arrow    newest »

message 1: by Lisa Kay, Tinker Bell (last edited May 22, 2012 12:13PM) (new)

Lisa Kay (lisakayalicemaria) | 21897 comments ~ Add an Image or Picture the Size You Desire ~

Adapted from Mandie's post of Dec 03, 2010 06:03am from the "Nothing But Reading Challenges" group.

REVISED to try and outwit the GoodReads Formatting Bug.

Feel free to practice in this thread and ask questions.

How to post a picture, like a little larger bookcover, or maybe one that is not available on GoodReads or on Photobucket. For example, one of the gazillion bookcovers to Alice In Wonderland.
description
Or a VERY nice NSFW (not safe for work) picture like this (view spoiler).

As an example, we are going to post this picture:
description

a little larger:
description


The internet location of this picture, or URL, is here. Just right mouse click to copy it. It should read:description




TO POST A PICTURE:

◈ Click on (some html is ok) in the right-hand corner above a comment box.
◈ Copy what it says (by the bulleted word image and replace what is between the quotation marks, which I put in bold below.
description
◈ That is where the picture’s URL is inserted. Cut or delete that and insert the new URL. It should look like this:description
◈ Next, change the width and height measurements. You can get out you ruler and calculate aspect ratio, or just wing-it with a guess. I put the numbers in bold that you will change.
description

◈ You may have to fiddle with these numbers to get the desired size. For the smaller picture, I used width="200" height="150". For the larger picture, I used width="400" height="300".

◈ Use the preview before you post to check the size. The description section is the text that is displayed if the image can't be displayed.


❀✿❀✿❀✿❀✿❀✿❀✿❀✿❀✿❀✿❀✿❀✿❀✿❀✿❀✿❀✿❀✿❀✿❀✿❀✿❀✿

Adjusting Size (in this case, height) to give a uniform appearance.

For my review of Gift from the Sea I wanted to use several pics; while they vary in width, they are all the say height (80) and look like this:

descriptiondescriptiondescriptiondescriptiondescriptiondescription

To paste in a picture from photobucket.com you would normally use the html code, but when adjusting the size, you need to use the Direct link as pointed to with the red arrow in Screen 1 and close-up in Screen 2 and paste between the first set of quotation marks " ":

Screen 1
Photobucket

Screen 2 - close up
Photobucket


message 2: by Lisa Kay, Tinker Bell (new)

Lisa Kay (lisakayalicemaria) | 21897 comments Added info after the ❀✿❀✿s.


message 3: by Pamela(AllHoney), Fairy Godmother (new)

Pamela(AllHoney) (pamelap) | 14527 comments great info, thanks!!!!


message 4: by Lisa Kay, Tinker Bell (new)


message 5: by Lisa Kay, Tinker Bell (new)

Lisa Kay (lisakayalicemaria) | 21897 comments Did you look under the first spoiler, Pamela? **hee hee**


message 6: by Pamela(AllHoney), Fairy Godmother (new)

Pamela(AllHoney) (pamelap) | 14527 comments yeah *big grin*


message 7: by Lisa Kay, Tinker Bell (new)

Lisa Kay (lisakayalicemaria) | 21897 comments **hee hee**


message 8: by Lisa Kay, Tinker Bell (new)

Lisa Kay (lisakayalicemaria) | 21897 comments Revised this to get around the GoodReads Formatting Bug. **Arrgh!**


message 9: by Lisa Kay, Tinker Bell (last edited Nov 16, 2014 09:39AM) (new)

Lisa Kay (lisakayalicemaria) | 21897 comments By the way, I discover if you only do one of the measurements (such as height), the other will default in with the right ratio with you trying to figure it out. Then the pic isn't distorted.

For instance, if I just put in height="200" for the following, I get this:




message 10: by Ahmya (last edited Feb 22, 2015 06:01AM) (new)

Ahmya (ahmyasan) | 672 comments Dress


message 11: by Ahmya (new)

Ahmya (ahmyasan) | 672 comments Mission Accomplished!


message 12: by Lisa Kay, Tinker Bell (new)

Lisa Kay (lisakayalicemaria) | 21897 comments Congrats, Salisa! Try only putting in one measurement and the other will default in. Such as height="270":



message 13: by Ahmya (new)

Ahmya (ahmyasan) | 672 comments Thanks for that! I will remember.


message 14: by Silvia (new)

Silvia | 587 comments image: description


message 15: by Silvia (new)

Silvia | 587 comments description


message 16: by Silvia (new)

Silvia | 587 comments Just practicing! That was fun! Great instructions Lisa Kay! Now if I can just do something other than this gondola I'll be rockin', LOL!


message 17: by Lisa Kay, Tinker Bell (new)

Lisa Kay (lisakayalicemaria) | 21897 comments LOL! Congrats, Silvia.


back to top