banner
Add a New Post
New Post Form
Please enter your login information Not a member?

Post History
Posted by: Evie
Posted on: Sun, Aug 01, 2010, 11:54 am CDT

Haha.. I love how you have the 7a line of instructions..
Posted by: Brian Krueger, PhD
Posted on: Fri, Jul 30, 2010, 9:22 pm CDT

When you post in the image code, put it in-line with the beginning of the paragraph you want the image to float in. If you don't it will add extra white space to the paragraph and look funny. I noticed this happening a lot with Genomic Repairman's posts. So maybe it's just him :P

ex <div style="float: left; text-align: center; etc">start of paragraph
Posted by: Brian Krueger, PhD
Posted on: Fri, Jul 30, 2010, 8:31 am CDT

Let me know if you have any more problems. It shouldn't happen again. But keep me posted if you find other bugs!
Posted by: Genomic Repairman
Posted on: Fri, Jul 30, 2010, 8:04 am CDT

Running a combination of Firefox and Safari.
Posted by: Brian Krueger, PhD
Posted on: Fri, Jul 30, 2010, 7:51 am CDT

I changed the Code Generation button. It shouldn't ever submit/reload the page again. Please play with it and let me know if you have any problems :)
Posted by: Brian Krueger, PhD
Posted on: Fri, Jul 30, 2010, 5:41 am CDT

@repairman, that's bad! I hope you haven't lost anything because of it! What browser are you using?
Posted by: Genomic Repairman
Posted on: Thu, Jul 29, 2010, 9:22 pm CDT

Sometimes when I ask it to generate code, I get bounced out of the blog page and redirected?
Posted by: Dr Becca, Ph.D.
Posted on: Thu, Jul 29, 2010, 8:51 pm CDT

Thank you so much Brian! That is so helpful. I almost never look at the html when I do blogger, so I need to have my hand held a little in the beginning. But I'm gonna learn real fast, promise!
Posted by: Brian Krueger, PhD
Posted on: Thu, Jul 29, 2010, 2:37 pm CDT

Someone asked for step by step instructions on picture uploading, so here they are!

1. Know where your pictures are on your hard drive
2. Scroll down to "Add Pictures to your Blog"
3. Click on "Choose File" or "Browse" depending on your browser
4. Select the picture you want to upload
5. Add a caption to the picture. Hyperlinks are legal in here so please link to your sources!
6. Click "Add Photo"
7. AJAX magic happens and the picture should appear in the box below "Last 40 Uploaded Pictures"
7a. Add as many photos as you want to have in your blog post, no page refreshing required. The form resets itself after each upload.
8. Now you have options: Select which side of the screen you'd like the picture to be on. If you pick center, text will not wrap around the image, it will just be centered in the middle of your blog post
9. Type in the width or height you'd like the image to be, if it's the right size (620 pixels wide or less!), then click the "Generate Code" button. This creates some spiffy HTML code for you with all of the links and properties for putting your image in the right position.
10. Click in the code box (Text automatically selects all!) and copy that text.
11. Paste the text at the beginning of the paragraph that you'd like it to appear on(right/left) or above (center)
12. To set the blog preview image, click the link below the image in your upload gallery that you'd like to have as the preview image and it will paste the correct image location in the "Set preview image" box. You don't have to do anything else!

Post any other questions below :)
Posted by: Kelly Oakes
Posted on: Thu, Jul 29, 2010, 6:32 am CDT

Hmmm i thought i did that, must not have done. Will try again!
Posted by: Brian Krueger, PhD
Posted on: Thu, Jul 29, 2010, 6:26 am CDT

@Kelly, Yep! Do you see the "margin" property in the image code that was generated? The numbers after margin are the white space numbers around the image. It goes in this order: Top px, right px, bottom px, left px. I could change the defaults. Let me know what numbers you like best. I guess it does look a little tight!
Posted by: Kelly Oakes
Posted on: Thu, Jul 29, 2010, 5:52 am CDT

Just tried it, works really well!

Just a quick question - is there a way I can change how much white space around the photo? I like the text to wrap around it but it would be nice if I could make a bigger gap around the photo. This is probably really easy and I'm just being an idiot, but help would be appreciated.
Posted by: Genomic Repairman
Posted on: Wed, Jul 28, 2010, 9:16 pm CDT

Works great, thanks Brian.
Friends