Hiding a Pin in Your Blog Post

Coding When You’re Clueless

Professional bloggers hide multiple pins in their blog posts.  Do you?  Even after reading several articles, I still had no idea how to do it.  I cannot code.  Or, at least, I thought so.  I actually can code.  And I’m going to show you how to easily hide Pinterest pins.

Create Multiple Pins

All entrepreneurs know that a viral pin on Pinterest is the holy grail of marketing your blog.  How can it grow if no one knows your blog even exists?  Creating visually-appealing tall pins for strangers is rough.  It’s hard to know what will resonate with readers.  So what’s a girl to do?

All professional, successful bloggers create multiple pins.  Your visitors want choices.  I mean, don’t you?  But yet you want your posts to look cohesive with your branding.  So now what?  You offer variety without sacrificing style.

Benefits to Hiding Pins in Your Blog Posts

1.  Increase Load Speed

Even if you properly optimize your images, the reality is that media in your post slows down your blog speed, especially as it’s loading.  The slower the load speed (how long it takes your site to become fully visible), the greater the chance potential customers will leave.  When you hide pins, browsers don’t have to load those images for your visitors, which saves valuable time.  And time is money.

Amazon conducted tests on their website, and found that “every 100ms of latency cost them 1% in sales”.  You can read the technical report here.  In layman’s terms, splits seconds matter.  Google conducted similar speed tests, and found that for every half (0.5) second, “traffic dropped by 20%”.  Speed matters.

2. Maintain Branding Consistency

You’ve spent so much time creating your image.  Don’t destroy all of that hard work by ruining the cohesiveness of your site.  Only add images that promote your business style.

3. Maximize readabiliy & appearance

Have you ever tried to read a blog post, and it’s crammed full of images?  It’s difficult to read, especially from a cell phone.  Place a few pins sparingly, and only to enhance or clarify your content.  Once you’ve attracted visitors to your page, you want to deliver your useful, actionable, amazing content.  Don’t make it hard to read.

By hiding pins in your blog post, you offer visitors choices without sacrificing your style and brand.  

How to Easily Hide Pinterest Pins

So here’s the simple, magical code that does it all :  

<div style=”display:none;”>

Here’s how you easily apply that code.

Step 1:  Write the post

Write amazing content, optimize for SEO, and include all of your gorgeous vertical pins at the very bottom of your post. 

Step 2:  Go to the “Text” screen

Most people write out their posts in the “Visual” screen.  But just under the blog title on the right side are two tabs, “Visual” and “Text”.  Click on the “Text” tab.

You’re going to see a whole page of code.  

Step 3:  Find your image code

Now don’t panic.  I’m going to walk you through this part. 

Scroll near the bottom of your post and find the code for your images.  Look for:

<img

Since I hide multiple pins, the first image shows up as “<img” and the other ones are coded “/><img“.

Now put your cursor right in front of that first “<img” and put in a few blank lines.  In other words, hit the Enter button on your keyboard a few times.  Type in

<div style=”display: none;”>

and you’re done.  

Yes really, that’s it.

Pro Tip:

Include a signature at the bottom of your page.  I keep mine simple and clean.  It looks professional, and it’s easy for me to find the images I want to hide.  

Here’s my signature: 

Mrs Math

This is the absolutely last thing I want my readers to see.  

And this is what it looks like in code:

“<span style=”color: #ea7dad;”><em><span style=”font-size: 18pt;”>Mrs Math</span></em></span>

&nbsp;”

For some reason, I find it much easier to find this code than the image code.  Anyway, I put my cursor behind “&nbsp;” and enter a few blank lines.  And then I add the code “<div style=display: none;”>”.  I add another blank line, and then check to see that the very next line of code starts with “<img”.

Step 4:  Check that it works

Save your draft or hit Publish, then click the tab to go back to Visual mode.  Scroll down to the bottom of your post.  You shouldn’t see any of your pins.

 

Once you hide multiple pins in your post, you’ll see social media shares increase and site traffic explode.  So go hide gorgeous pins, and see for yourself just how simple it is.  

Mrs Math