Disclosure: This post may contain affiliate links which means I may get compensated if you will make ny purchase through my link. For full disclosure, read here
Starting a blog could be the best thing you can do. It is so satisfying and addictive. If you want to start a blog, start it with self hosting straight away. You will have more control over your website. Get your self hosting plan from Siteground. It is one of the best hosting company and have very good plan for beginners.
Now when you have started your blog, you will start writing blog posts with beautiful pictures. And you would need to promote your blog on platforms like Pinterest.
It is an enjoying and informational place for finding great things online. It is a visual platform for which you need long images. Long vertical images stand out in feed but they make blog posts very long. Okay so you know the anatomy of a viral pin. It is vertical, has great description with SEO keywords. It is a good idea to add multiple pins to your post but you don’t want to annoy your readers with long long pins after every paragraph.
If you are new to Pinterest, you can learn ins and outs of Pinterest from Pinterest Ninja Course.
Check Pinterest Ninja Course here.
Here comes the trick of adding a code which can hide images for you. You can go without any long vertical image if you want but remember Pinterest is a great place to get traffic or customers for your products. And if somebody want to pin directly from your website, then you should have some long vertical image to pin.
Here is the magical code you require to hide your long pinnable images in your post.
Hide Pinterest images in blog post
image code </div>
It will show like this
This code cannot be added directly in visual part but can be added into text of your post. When you start writing a post on wordpress, you see VISUAL and TEXT on right side. We type the post in visual screen but change it to text when you have to add this code.
Here are the steps to add this code to your blog post.
- Add image to your blog post.
- Edit and add Alt tags
- Open Text in your WordPress post
- Add this code <div style=”display:none;”> before image code
- Add </div> after image code
And you are done. Check before releasing your post by opening visual editor. Sometimes, this code gets deleted or get changed by itself. If this happens, you need to type this code in text editor. Hope this helps and if you have any problem with this, please comment. I will try to help you out.
- Start a Pinterest account to grow your blog traffic
- Explode your Pinterest traffic with Pinterest Ninja Course
- How to make money on Pinterest with affiliate marketing
A tiny request
If you find this helpful and like my post please share. I will be thankful from my heart.