HOW TO HIDE VERTICAL PINS WITHIN YOUR BLOG POST

How to Hide Vertical Pins on Your Blog Post

Have you ever tried to Pin a blog post for later – and then find that when you click on the Pinterest icon, there are other images you can choose from? Ever wonder how to do it? I can show you how!

Note: This post contains affiliate links. This means that if you click through and make a purchase, I will get a commission which helps me  to keep this blog up and running. Apart from the actual cost of the product, this comes at no additional cost to you – I promise. See my full disclosure HERE.

Why Hide Your Pin Images

First, let’s talk about why you should hide your pin images in your blog.

Having too many images within your blog post can be very distracting – particularly when your reader is scrolling on a smartphone. It takes up the whole screen. But you need those images, because this gives your readers options to choose from when pinning to save your post for later.


Related Posts: Blogging for Beginners: An Honest Guide

Related Posts: 5 Things You Should Do Before Quitting Your 9-5 Job

Related Posts: How to Start A Freelance Writing Business


WHY VERTICAL

Studies have shown that vertical pins ie, tall images, outperform horizontal pins.

Pinner behavior has shown that they prefer vertical pins, without really knowing it, because they get to see more of the image. Always remember that Pinterest is a visual search engine, so you’ve got to make your images visually appealing and with a font that stands out and is easy to read.

Try it for yourself – scroll through Pinterest on your smartphone. Which pins do you find yourself attracted to?

Now, if you use Canva (which I do), you’ll find that there is already a Pinterest template that you can use. It is preset at  736 pixels in width by 1103 pixels in height.  You can however custom your image to a size that you prefer to work with, bearing in mind that the best performing pin sizes are from 736 pixels in width up to a maximum of 2061 pixels in height.

How to Hide Vertical Images In Your Post

Before going into the step by step, I wanted to tell you about an eBook/Course that I purchased. It’s called Pinteresting Strategies written by Carly, over at Mommy On Purpose.

I truly loved Carly’s eBook, because it was full of real and actionable steps to get my Pinterest game on. She also helped me to understand that it’s not about the number of followers you have – believe me, that made me feel so much better! Head on over here to see how it helped me with my success to date.

Okay, so here’s how it goes – assuming you have already created the images you would like to hide.

Step One | At the very end of your post, insert your image as you would normally, only this time, do so using the Text View.

Text View - How to Hide a Vertical Pin In Your Blog Post - This Blended Home of Mine - Pinterest Tips, Pinterest Hacks, Blogging Tips

This is what your image code will look like:

Image Code - How to Hide a Vertical Pin In Your Blog Post - This Blended Home of Mine - Pinterest Tips, Pinterest Hacks, Blogging Tips

Step Two | Now we do a bit of simple coding.

At the very beginning of the image code, insert the following text:

<div style=”display:none;”>

And at the very end of the image, insert the following text:

</div>

This is what your code should now look like:

Coding - How to Hide a Vertical Pin In Your Blog Post - This Blended Home of Mine - Pinterest Tips, Pinterest Hacks, Blogging Tips

So what you’ve basically done is:

<div style=”display:none;”><YOUR_IMAGE></div>

OKAY – are you still with me? Awesome!

Step Three | Revert to your Visual View (as opposed to Text View), and check out what you’ve done. You should not see your image in the post.

Visual View - How to Hide a Vertical Pin In Your Blog Post - This Blended Home of Mine - Pinterest Tips, Pinterest Hacks, Blogging Tips

Step Four | Do the same (Steps 1-3) with all the other images you’ve created, and that you would like hidden. It is recommended that you have at least two images hidden, so that you can perform some A/B testing (which really only means, testing which of the two images perform better for you).

Step Five | Now you can go ahead and publish your post! When someone goes to Pin your post, they will be presented with the images that you have hidden.

Why Isn’t It Working For Me?

Okay, so if the steps above aren’t working for you, it is likely that you have typed the code incorrectly.

Goodness knows, it took me soooo many times to get it right! I was getting so frustrated. I didn’t realize that my error was all because of one teeny tiny mistake! Oops!

So… just in case you do end up making the same mistake that I did… don’t get frustrated (like I did), instead…

  1. Check to see that you have typed the code in correctly as <div style=”display:none;”><YOUR_IMAGE></div>. Note that the punctuation after the word NONE is a semi-colon, not a colon like after the word DISPLAY. (That was my little but big mistake!)
  2. OR – Copy and paste the code to avoid errors. Beginning <div style=”display:none;”> and End </div>

How’d that go for you? All good? Now you can start hiding some pin images into your blog post!

Now, remember, if you need more Pinterest tips, make sure you get Pinteresting Strategies. It’s affordable, and you won’t regret it. I certainly didn’t! I still keep referring back to it.

If you’re new to blogging, I would truly recommend How to Blog for Profit Without Selling Your Soul. It’s written by Ruth Soukup, who own the Elite Blog Academy.  I love how she teaches. She’s so relatable and she really goes into the importance of foundation learning.

Happy image hiding, mamas! xoxo

 


 

SIGN UP NOW and BE THE FIRST to get updates on posts, tips, and Freebies - This Blended Home of Mine - Simplify Life - Parenting, Lifestyle, Money, Career

Subscribe to our mailing list

* indicates required


 

 

How to Hide Vertical Pinnable Images On Your Blog Post - This Blended Home of Mine - Blogging Tips, Pinterest Tips, Vertical Pins, Hide Pins

Share this post with your friends ♥
  • 270
    Shares

14 thoughts on “HOW TO HIDE VERTICAL PINS WITHIN YOUR BLOG POST

  1. THANK YOU, thank you, thank you! I was looking for this information just yesterday. They say when you are ready for the teacher, the teacher will appear. Whether it’s coincidence or the Law of Attraction, I don’t know, but I’m grateful.

    1. Hey mllitz! I’m so glad you’re finding this useful. I SO believe in the Law of Attraction. Let me know if you need any help at all xoxo

Leave a Reply