Posting a Photo from Flickr on a Blog

FYI ~ I use Flickr, but do not use them for hosting my website and blog images. I prefer Photobucket.com for image hosting. People do use them for hosting, so here is how to get an image URL. :) Have a great day!

Click on the Flickr photo you want to use.
Place your mouse over the picture and Right Click
Choose Properties


Highlight and Copy (ctrl+C) the file URL
http://farm2.static.flickr.com/1024/1248805671_ace89be467_m.jpg


The URL will end with .jpg ~ do not copy the other information at the end of the URL. See what I have highlighted for example.


Paste (ctrl+V) into html
This code:

Produces this Flickr Image:



Add width="250" after the .jpg" to size the image ~ change 250 to any number depending on the size you want.

Edit Minima Blog Template

Log in to your Blog
Go to 'Layout'
Then 'Edit HTML'


Before you change any of the code ~ Save a Copy ~
Choose 'Download a Full Copy' save it somewhere on computer ~ title blog template.
Just in case! :)


Scroll down until you see Header
Change 660 px to 820
Don't add any spaces, only change the numbers.


Scroll down #header description
Change 700 px to 820


Scroll down to Outer-Wrapper
Change Outer-Wrapper width from 660 px to 820

Change Main-Wrapper width from 410 px to 600
Leave Sidebar-wrapper at 220. Main-wrapper and Sidebar-wrapper can be adjusted.
Together they should be less than 820.


Scroll down to #footer
Change width from 660 px to 820


Click 'Save Template'

Edit Scribe Blog Template

Log in to your Blog
Go to 'Layout'
Then 'Edit HTML'


Before you change any of the code ~ Save a Copy ~
Choose 'Download a Full Copy'


Hightlight or select the http below and Copy (Ctrl+C)
http://i180.photobucket.com/albums/x251/BeadedSocks/bg_paper_topp.jpg
and Paste (Ctrl+V) over this selected area in your template:


Hightlight or select the http below and Copy (Ctrl+C)
http://i180.photobucket.com/albums/x251/BeadedSocks/bg_paper_bottom.jpg
and Paste (Ctrl+V) over this selected area in your template:


Hightlight or select the http below and Copy (Ctrl+C)
http://i180.photobucket.com/albums/x251/BeadedSocks/bg_paper_middle.jpg
and Paste (Ctrl+V) over this selected area in your template:


Change all four 700 px widths to 820



Change 430px to 550
Change 150px to 210
These can be adjusted, but must stay below 770 total.


Click 'Save Template'


Click on this image to save a copy of the header graphic on this blog ~ it matches the background. To save the image Right Click and Save Picture

Photo Helps 101

A simple light box with white foam board taped together.
Click here for instructions on how to make ~ http://www.ourmedia.org/node/253481



For my black background pictures, I use halogen shop light. Don't shine them directly on the items being photographed.



Tripod ~ from Walmart about 30$ (they sell a cheaper one, but it isn't very good)



My camera set on "Macro Mode with High Saturation"

Camera "White Balance" is set to indoors ~ little light bulb for the symbol.

A piece of black fabric is used for my background.



Hopefully I will be able to take more pictures with white as the background.

You can add a piece of glass underneath to create a reflection on the bottom. Have also heard of people using a white board under the object.

To create a floating look add frosted plexiglass under the item with a light below.

When using a photo imaging software, you can click on the background and delete it from the picture. See example in the socks on the card below ~ the picture was taken with a black background.