How do I add images or videos to my posts?

BlogHer Original Post

Our apologies: BlogHer.com doesn't currently allow members to upload images. It's not just a bandwidth issue -- we don't want to develop a server full of images to which we don't own copyright (more here).

However, you can still pull images into your posts on BlogHer. Here's how:

1. Upload your image to an image hosting service.

Use a third-party image hosting service, such as Flickr or Our Media to host your images. These sites are free and popular. You can host your images there and link to them from your posts here. Please do not post any images wider than 465px, as they will break the site layout!

2. Identify the location of your image.

- If you use a PC, use your mouse to right-click on the image.

- Select "Properties"

- Copy the URL that appears next to "Address"

3. Pull the image into your post.

Create a post as you normally do. It's easiest to get the rest of the post ready, hit submit, grab the url and go back into edit, so you have your text all ready and know where you want your image to go.

There are two ways to enter the image into your post:

a). Using the Rich Text Editor (default):

-Place the cursor where you want the image.
- Click on the "Insert/edit Image" button. It's a small button with a polaroid type image on it, above the "Body" text box. - Paste in the url of the image.
- You can leave the alignment, dimensions, border, and spacing blank, or you can specify them exactly. (NOTE: If the image is more than 465 pixels wide, go to Image Size and change the width field to 465 or fewer pixels.)
Click the "Insert" button. The code for the image will appear in the body of your post. You may have to hit "Save" and refresh the page to see

b). Adding HTML code:

- Click INPUT FORMAT just beneath the "Body" field and select "full HTML."
- Place cursor where you want the image
- Use this code (Make sure the image is no more than 465 pixels wide.): <img src="URL of your image">
- When you click Save, the image should appear in your post.

4. Link and credit the image to its creator.

Whether you are using your own work or pulling someone else's image into BlogHer because you think it's something we should all see, it's essential to give credit and to link the creator. Here's how to do that:

a). Using the Rich Text Editor (default):

-Place the cursor just beneath the image.
- Type Image Credit: Name of image's creator.
- Hyperlink to the image's creator by highlighting the supplier's name and hitting the Insert/Edit Link button (it looks like two links of a chain). This will pop up a field where you can enter the URL of the image creator.

b). Adding HTML code:

-Place the cursor just beneath the image.
- Type Image Credit: Name of image's creator
- Hyperlink to the image's creator by wrapping with code <a href="URL of creator">Name of image's creator</a>

Your credited image should show beneath the post.

There are three ways to add video to your blog posts on BlogHer.com:

1) If you're adding a youtube video and using the rich text editor, click the multi-media icon, (it looks like a filmstrip), and insert the url of the youtube video into the File/URLl field of the box that pops up. Don't change any other settings in this box and click Insert. The video box will appear within your post but the video will not play or appear in edit mode. We do not recommend using "Preview" when you've inserted video because not only will the video not play, causing you to believe the video isn't work, previewing may cause the video code to break when you save the post.


2) If you're using the rich text editor and adding a video that does not come from youtube, click the HTML icon on the rich text editor bar and small box will pop up, paste the embed code provided to you by the video source and click Update. Click Input Format and select "Full HTML". The video will not play in edit mode and we do not recommend the use of Preview because the video will not play, causing you to believe the video isn't working. Preview can also cause the video embed code to break when you save the post.


3) If you've disabled the rich text editor, paste the embed code provided to you by video player into your post and click Input Format to be sure "Full HTML" is selected. Do not use Preview because the video will not play and may cause the video code to break when you save the post.

More Like This