I've seen a lot of blog posts that have "hidden" vertical Pin images in them - all very elusive and interesting and when I've gone to find out how to do it my poor little brain has shut down with all the information on offer. The idea has hung around in the back of my mind and I finally found a solution.
On my trawling around the interwebs I found a post from Anne from Love the Here and Now that gave a step by step tutorial (you can see that post here) She has really good graphics and it was such a help to me as far as all the HTML coding stuff goes.
But I realized what it all boiled down to was a SIMPLE little bit of code added just before and after the image you want to hide. Since starting to co-host the #OverTheMoon link ups, I've had it dawn on me that my whole page of HTML coding for each post was in the top corner of my Blogger post (Compose/HTML) and when I click on the HTML tab it's all laid out before me like hieroglyphics! Before that would have blown my mind - now I know to look for the little bit I need (ignoring all the rest) and make my SIMPLE change and I'm all done.
The secret easiest way is to put the image that you want hidden at the end of your post and then look for it in your HTML coding - it's easy to find because it's the last bit of coding in all those hieroglyphics. Then you just do this:
DONE!! When you look back at your post the image is hidden and it only shows up when you hit your internet's Pin button. I hope has this simplified the process for you as much as it did for me. One last thing - please remember to put a good description on your Pinnable image so that you get value out of it when other people Pin it.