How to Hide Pinterest Images in a Blog Post

How to Hide Pinterest Images in a Blog Post
How to Hide Pinterest Images in a Blog Post

 

The problem with using Pinterest to promote your blog is that blog posts generally work better using landscape or square images, but longer, rectangular images perform better on Pinterest. You can upload the image to Pinterest without putting it on your blog post, adding a link to the post itself, but that only helps you pin that image ONE time. 

 

How is a reader meant to pin that image directly from your blog post if it’s not actually in that blog post? 

 

You need to learn how to hide Pinterest images in a blog post. The process is so much easier than you’d think. Nothing overly complicated; just some simple code. You need to tell your website/blog that the image is on the page or blog post, but shouldn’t be visible. There are three different hidden, pinnable images in this blog post — long, rectangular graphics that are perfect for Pinterest, but not for the aesthetics of my blog — but you can’t see them. 

Clever, right? 

 

How to Hide Pinterest Images in a Blog Post

 

To start with, you need to actually insert the image into the blog post. Do this just as you usually would with any other image – add media, etc. I recommend adding your pinnable, hidden image at the very top or bottom of the blog post. This makes life easier when you need to locate it later on, in Text mode.

When the image is exactly where you want it, head on over to Text mode and find the code for that image. It’ll look a little something like this: 

(You can understand why I told you to put the image somewhere easier to find now, right? You’ll need to find that code in the middle of text if your image isn’t at the top of bottom of the screen.)

 

How to Hide Pinterest Images in a Blog Post 3

 

(It looks confusing, but don’t worry; you’re not going to actually change anything.)

There’s a little bit of code that you need to insert before and after the highlighted section in Text mode. 

This is what you should copy/paste before it: 

<div style=”display:none;”>

This is what you should copy/paste after it:

</div> 

There shouldn’t be a space between the image code and the code you copy/paste in. When you’re done, it should look like this: 

 

How to Hide Pinterest Images in a Blog Post 2

 

If you now switch right back to Visual mode, you will see that the image is no longer there. When you preview your blog post, the image won’t be seen. Readers won’t be able to see it after you hit the publish button either. It’s there but it’s not there. A little bit like magic! 


Little note: Sometimes, when you copy/paste the don’t-display code around the image code, additional quotation marks will pop up. I don’t know why this is and I also don’t seem to be able to prevent it from happening. If the image(s) are still displayed in your blog post despite using the don’t-display code, make sure that additional character isn’t in there. Mine came up in the form of a backwards quotation mark. It sticks out like a sore thumb.


 

Why Should You Hide Pinterest Images in a Blog Post? 

 

If I were to have inserted the pinnable images into my blog, it would have ruined the look of that post. Aesthetics are important, especially when there are so many other bloggers out there who are also trying to grow their following too. If you have a theme or ‘look’ going on, long, rectangular Pinterest images might not fit in well. 

 

Inserting hidden Pinterest images to your blog will prevent you from ruining your theme or style. 

 

If you add a pin to Pinterest via the “Save from site” option, your hidden pinnable images will show up. That makes it easier for someone to pin that Pinterest-worthy image from your site, rather than forcing the repin of a landscape or square image. Landscape and square images don’t tend to do so well on Pinterest — people are less likely to pin or repin them. 

Finally, if you insert the Pinterest Save button into your blog post, repinners will be able to pin the RIGHT image from your blog, rather than the wrong one. What’s the point in making people pin square or landscape images when you know they won’t work as well as portrait styles? 


Little note: Sometimes, the Pinterest Save button responds with a “Sorry, couldn’t find any pinnable things on this page” message when you have hidden images. This is because you are still logged in as ‘admin’. If you access the web page from a phone or different browser (where you are not logged in) the Save button works just fine & finds all hidden images.


I hope that I have managed to help you hide your best pinnable images for Pinterest in your blog posts. I’m always here if you have any problems. Come find me on Facebook, Instagram or Twitter — ask your questions! 

 

Have a fab day and thanks for reading! 

 

How to Hide Pinterest Images in a Blog Post 4

 

Did you like this blog post? Pin it to Pinterest and let everyone know. You’ll find the hidden pinnable images by pressing the Save button below.


(Visited 89 times, 1 visits today)

Leave a Reply