This project was super easy and I have treasured having our mom’s chocolate chip cookie recipe right on my counter top. At moments glance, I am filled with amazing memories of my childhood. Is there anything better than that?
It is day 2 of our two year blogiversary week and we are so happy you are here! It seems like Elizabeth Joan Designs started just a short time ago, but it is also hard to believe that we’ve met so many amazing friends and accomplished over 300 DIY projects and tutorials! Today, I’m going to share one our favorites with you: finial bedrisers!
We needed more storage space and decided to use deck post finials to give our bed a lift and attempt to toddler proof it a bit.
The bedrisers have been the perfect storage solution for us and have held up great over the past year. They lift everything up just enough for us to be able to store a couple of our paint dipped box baskets underneath.
I’m sad to say though that they didn’t make our bed toddler proof in the way we had hoped. Our son has grown some and now has no issue climbing up. However, he has given them rigorous testing with his many trampoline attempts on the top of the bed. To see how we attached these pretty, yet sturdy feet, check out Raise Your Bed If You’re Sure.
We are celebrating our two year blogiversary! Can you believe it? Two years! This week we are looking back as some of our favorite and most popular projects. Today, I am sharing one of our most popular with you. Boxes into Baskets.
I am using these budget friendly storage solutions in our entryway and in our half bathroom. They have held up amazingly.
We have been asked quite a few of times how to create a clickable image with multiple links. OK. Maybe not in those exact words. But it is something that many people are interested in knowing how to do.
A clickable image with multiple links can have a ton of uses on a blog or website. It’s a great way to group like items together, such as social media icons and images from popular posts, which could also boost traffic. BONUS! It is also wonderful for blog hops (Hello fellow bloggers!), where you want to include images and links to other blogs in a post, and it is perfect for a round up of affiliate products or project/product gallery. Let’s get to the details of how to do it.
To start, you will need an image with various parts that you would like to link to. I made a collage (check out this post on how to make your own photo collage) of some of our favorite chalkboard projects and then uploaded the image to our blog and inserted it into a post. In addition to your website, you can also use an image hosting website (i.e. Flickr, Photobucket, etc.) You will want to view the HTML code for the image. Copy the URL from the image source (that’s the part just to the right of img src and inside of the quotation marks that starts with http.)
Next, go to the Image-Maps website, paste the URL in the white box, and click “Start Mapping”. When the new page is loaded, press “click to continue.”
Then, it is time to start mapping. Right click on the image to bring up the menu. (For Mac users “Control + Click.”) Choose “Create a Rectangle/Poly/Circle” depending on what shape the is you are trying to map. I chose rectangle and resized it around my first square in the upper left corner. A little box will pop up and this is where you will enter the URL that you would like to direct the part of the image to. For example, I added the link to our Dry Erase Board Turned Chalkboard, since that is the part that my square is around. This is where you can also add in a title and alt tags if you so desire. Continue this process for each of the areas you would like to link to.
Once everything is mapped, right click again and select Options. Change the Base URL (to your website) and Image Map Name. We also change the options in the settings tab by un-marking all of the boxes. Once you are done changing everything, close the box and right click again. By this point, you may have an aversion to right clicking, but lucky for you, this is almost the end!
Select “Get Code” and choose the HTML code tab at the top of the pop-up. Scroll down and copy the entire HTML Image Map Code. Then, all that is left is to paste this code into your blog post, sidebar, etc.
Phew! That was a lot, but totally worth it. See, I was able to create this fun collage with links to each project!
And here are our social media icons, in which we used the same process.
There are really so many uses for clickable images with multiple links! In addition to just creating the linked image, you may also want to consider adding code to make the links open in a new window (adding target=”_blank” to the end of the anchor tag) and including rel=”nofollow” for affiliate links. So, what are you going to use your clickable image with multiple links for?