Mom Blog From Home may earn money or products from the companies or products mentioned in this post. This is at no extra cost to you. For more information please see the Disclosure Page found in the bottom menu.
How to Hide Images in Your Blog Post
Have you ever heard of hiding images within your blog post? This is just one of the many reasons it is so important to follow fellow bloggers! You learn so many cool little tips and tricks.
I love that moment when you learn something new…like “Oh! That’s how you do that!”…or “That’s why you do that!”. It is so amazing all the ins and outs of blogging and how we can always keep learning and growing from each other!
So one thing that I have learned is how to hide images in your blog post. You may be wondering why that is even important and I’m going to share that with you as well!
First, I will tell you that I learned this little trick from Suzi at startamomblog.com. If you haven’t heard of her yet then be prepared to be amazed. She is a rock star in the making. When I first started following her she was sort of popular but in the year and a half that I have been following she has blown up!
If you haven’t checked her out that is a must but for now on with the images!
How to create a blog image
Here is a free course I created to show you how to make images. That is step one if you don’t know how to make them yet. I show you how you can use several different programs to make one image as well as one image into multiple different images for your blog posts!
We all have our own styles and likes and dislikes. Everyone is different so having different images helps you reach more pinners and potential readers of your blog!
After you have created several different images for your blog post you want to then add them to your post.
You don’t want all of them to show or that would be too overwhelming and it would clutter up your blog post. So this is where you will hide 3 out of the 4 images in your blog post. By hiding them this allows a reader that is reading your post to choose which image they want to pin to Pinterest without showing all of the images all of the time.
Here is what the post will look like.
As you can see there is only one image showing in the blog post.
And then here is what it will look like when they click on the Pinterest icon to save your post.
Now there are several images for them to choose from! Isn’t that amazing! They can choose which image they like best! That particular post doesn’t have 4 different images so I will add more later on to it. But you can see there are a couple to choose from.
That image is with Monarch plugin through Elegant Themes. If you use the SumoMe plugin then it may look more like this.
Again this post also needs to have a few more images added to it.
But I have recently been playing around with which plugin I like best. I like the SumoMe option to choose from the images better. I like how all the available images to be pinned show up across the street and in full view. However, I like the way the Monarch buttons look on my blog. I will have to keep playing around and see which one works best!
It is important to have multiple images for each blog post so when you pin your blog post on Pinterest you can create several different pins. Again everyone has their own tastes and by using several images you can reach more pinners. If one style of pin that you share is a fun and crazy font but then another image you is more streamlined, then you are reaching two very different styles on pinners.
By creating more than one pin per blog post this also gives you the opportunity to play around with the pin description as well and see what works best.
So how do you hide them?
Here is the special secret code.
Actually, I don’t know if it’s special or secret but this is what Suzi gave me to be able to hide images in my blog post.
<div style=”display:none;”> IMAGE CODE HERE </div>
After you insert all of your images into your post you will then click the Text tab in the upper righthand corner of your post within WordPress. It should give you the options of either visual or text. Click on text.
Now it is showing your blog post in HTML text.
Find your image codes and replace them with the code above. The easiest way I have found to do this quickly and to not get confused is the following. (because if you are like me I don’t know anything about codes)
I use my notes app for everything but you can use a Word document, a sticky note on your computer, or whatever is easiest for you.
I paste the code there. Then I copy my image code from the Text Tab in my blog post within WordPress. Then I paste it into the code in my notes app. At that point I now have the image code within the code Suzi gave me to hide the image. I copy the whole thing and replace the image code in my blog post with the new code hiding image code.
I repeat that for all three of the images I want to hide.
Here is a quick video to better explain that!
Now you have 4 images in your blog post but when you view the post it only shows one. So again when someone wants to pin your post it gives them more options to choose from! It also gives you more options to choose from when you pin your new blog post to Pinterest!
Did you already know how to do this?
Do you have any other cool tricks you would like to share? I would love to hear them!
Posts you might like: