Blogging Tip: Add an In-Case-You-Missed-It GIF Sidebar Picture

Ever since I discovered how to create GIFs, I’ve been thinking of different ways to utilize this cool graphic. I was also thinking of a way to get my blog visitors to check out previous content on my blog. I remembered Newser.com which had an in-case-you-missed-it post. I also wanted to direct my blog viewers to an old post via a picture that they can click on which will lead them to an old post. Then, I thought, why stop at a picture? Why not do an animated GIF which features all the pictures in a given blog post? So here’s how I created a GIF that you can put in your sidebar, and when people click on it, they will be directed to an old post.

1. Definition

GIFs stand for graphics interchange format, and it is mainly used to create animated pictures.

2. Create a GIF the Gickr Way

To create a GIF, my friend, Jenny, recommended Gickr.com. It’s easy to use. You just upload your pictures, choose a speed, and click continue, then voila, you have your GIF! Here’s an example of a GIF that I created using Gickr.com.

The only downside to this is that “gickr.com” appears in your picture.

3. Create a GIF the Photoshop Way

I’m just starting to learn how to use Photoshop CS5. I just searched the internet for instructions, and I followed them. Here are the steps:

1. Open your pictures in Photoshop.

2. Use the move tool (the button that looks like an arrow, which is on the left side of your Photoshop workspace), and drag your photos into one window.

3. Use the rectangular marquee tool (button that looks like a rectangle, which is on the left side of your Photoshop workspace). Right click on your image, and select free transform, then resize your photos so that they are all the same size.

4. Click on window, and check animation.

5. At the bottom of the photoshop window, click action frames.

6. Click on the drop down menu at the bottom of each picture to change the time for which each picture plays.

7. On the bottom left side of the action frame is another drop down menu where you can click forever so that your photos can play over and over again.

8. Click save for web and devices, and choose GIF, then click save.

4. Upload in Photobucket

If you add photos here in WordPress, you’ll eventually use up all of your free space. I suggest uploading your pictures in Photobucket. Once the photo has been uploaded in Photobucket, let your cursor hover over the picture, then select direct link. This will instantly copy the link. Once you’ve copied the direct link, you can now create a widget.

5. Create a Widget

1. Go to your dashboard in your WordPress blog.

2. Click appearance.

3. Click widgets.

4. Add the image widget.

5. In your widget title write “In case you missed it.”

6. In image URL, paste the direct link to your image (the one you uploaded to Photobucket).

7. Write what you want in the alternate text and image title, but I just leave those things blank.

8. In the caption, write the title of your blog post.

9. Select your alignment, and set the width and height of your widget.

10. In the link URL, paste the link to your blog post.

11. You can then select the position you want your widget to appear in your sidebar.

12. Click save.

SUCCESS!

More Blog, Social Media, and Techie Stuff:

Check out my other blog categories.

If you like this post, please subscribe to this blog. Ja is also on Twitter and FacebookTumblr, Bloglovin (for blogfor Tumblr). Email Ja at: ageofthediary@gmail.com. 

Note: For some entries in this blog, a few names and details have been deliberately and willingly changed by the author. This is a personal decision made by the author for specific reasons known to her and is not an endorsement for censorship.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s