This blog was created using the google blogger. See http://www.blogger.com/ . You have to independntly sign on to the blogger tool. The instructions are fairly straight forward. Once you create it, click the Design tab to customize the design and Posting to edit and view the posts and pages. You can create up to 10 additional pages, like this one, to supplement the blog.
Loading Images:
I would recommend loading all pictures into albums in Google Picassa, and then choosing your pictures from your Picassa web albums. Uploading directly from your hard drive will take forever.
Creating a Slide Show Link:
As the images upload into Picassa, I went back to my Google Picassa Account http://picasaweb.google.com/home and clicked on slide show. I copied the URL once the slide show started. Back in Blogger, I clicked Design, then clicked on one of the Add Gadget links in my page design. I chose add text and named it Slideshow. Clicking on Edit HTML, in comments I added < a href=".....copied my link here..." />Slideshow of trip < / a > . As this is HTML code for a link, the only thing that will show is "Slideshow of trip" . This allows a nice way to allow followers to see all of your pictures without having to load them into the blog.
Compressing Images:
Images automatically compress to 136KB when uploading to blogger (they upload into Picassa). That is convenient, as the 14.6 megapixel camera we have saves them at 2.6 to 4 MB each.
 | |
Putting pictures (or text) side by side (like I did above).
You can accomplish this by adding tables within the div statements. Do this clicking EDIT HTML and do the following:
Add the following. You can leave all the div statements as is. You will notice each image will have two parts. Keep them together as you add rows and columns.
< t a b l e >< t b o d y > < t r > < t d > (this creates the table a row and the first column)
put your first text or picture link here... the photo links are bounded by < a href=.... > < / a > , which
you can easily find in the HTML after you upload the picture.
< / t d > (this ends the first colomun )
< t d > (starts the second column )
..... second picture .... or text
< / t d > ends first column
< / t r > ends row...
< t r > next row
< t d > nex t column
..... etc...
< / t d >
< / t r >
< / t b o d y > ends body formatting
< / t a b l e > ends table
Yes this is "old" html but it works, without having to get fancy with CSS statements in your blog. You can google "making tables in html" for for details.
