Subscribe

April 27th, 2016

How to Make a Giant Pin Invisible on Your Blog

Come learn how and why to make a pinnable Pinterest pin invisible on your blog

These days, having a pinnable image on your blog is a must.

But, if you are like me, you don’t want that gigantic, awkward picture taking up residence on your post.

How to make an Invisible Pinnable Image on your blog for Pinterest.

 

Well, thanks to Uncork Your Dork (a post that you should really read as it is chocked full of good blogging tips), I just learned how to make that hubba bubba image be invisible on my post.

What you may not have noticed is that at the very beginning of this post is an image that is 800 x 2000 tall.

Go ahead and scroll up and look. I’ll wait….

Don’t see it, do you?

It’s invisible...

But click the Pin It Button. You can use the one on your browser or scroll down to the end of this post and click it.

If you are on mobile, no scrolling required!

Did the image pop up?

The big one?

It should be the very first image.

(I strategically made it the very first image because Pinterest prefers vertical images and it is believed that most people pin the first image in their Pin It List.)

It did, didn’t it.

Yay!!!!!

You too can have this easy functionality on your posts with a simple bit of coding.

Here is the code you’ll want to use:

<div style=”display: none;”><img class=”aligncenter size-large wp-image-281″ src=”http://www.amablogger.com/wp-content/uploads/2016/04/Invisible-Images-Vertical.jpg” alt=”Come learn how and why to make a pinnable Pinterest pin invisible on your blog” width=”800″ height=”2000″/></div>

Your Etsy Image backgrounds play an important role in creating a uniform etsy shop and increasing conversions and sales with your customers.

The blue area is where you put the url to your image.

The pink is your keyword rich description. 

You can also adjust the width and height.

You May Also Like:   Deleting Wordpress Hello World post

If you copy/paste, make sure that the quotation marks didn’t change to those weird, awkward ones are the code will not work.

Make sure that your description is actual sentences since they will be pulled up with the pin and added as the description that other Pinterest folks will read.

Now, when you view your post, that image should not be visible.

But, if you click the Pinterest button in your browser (you do have that, right?), the image is there and ready for your visitor to pin, baby, pin.

Now, I highly recommend that you put this code at the very beginning of your post so that it will be the very first image the pinner sees and, thus, your masterpiece will be most likely crowned The One Most Likely To Be Pinned.

Let me know if you have any problems with this. Don’t forget to subscribe as I bring you more useful tips from around the web.

2 comments to How to Make a Giant Pin Invisible on Your Blog

Leave a Reply

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

  

  

  

CommentLuv badge