• Start Here
  • Work With Me
  • Parenting
  • Kids Activities
  • Working Moms
  • Productivity Tips
  • Number of items in cart: 0

    • Your cart is empty.
    • Total: $0.00
    • Checkout

Fab Working Mom Life

A Working Mom Blog: Let's thrive as working moms.

  • Blog
  • Motherhood
    • Breastfeeding
    • Parenting
    • Pregnancy
    • Kids Activities
    • Working Mom
  • Lifestyle
    • Finances
    • Food
    • Health
    • Home Life
    • Military
    • Organize
  • Resources
    • Blogging Resources
    • Working Mom Life Resources
  • About
    • About Julie
    • Disclosure Policy
    • Privacy Policy
    • Terms and Conditions
    • Subscribe
  • Work With Me
    • Advertise Here or Hire Me
    • Guest Post Here
    • Link and Image Policy
    • As Seen On
  • Freebies
    • Affirmations for Working Moms
    • Monthly Budget
    • Nanny Interview Questions Checklist
    • Start a Blog? email course
    • Printables
  • Shop
    • Budget Workbook Planner
    • 12 Month Habit Tracker Printable
    • Christmas Games and Planning Printables
    • Nanny Contract Template
    • Baby’s First Year Journal
    • Mind Dump Planner Journal
    • Self-Love Planner for Moms Printable
    • First day of school chalkboard printables
    • My Zazzle Store
    • My Amazon Store
    • Etsy Store

Note: posts contain affiliate links, earning me a commission. By using this site, you agree to our use of browser cookies. Read our disclosure and privacy policies for more details.

How to Hide a Pinterest Image in your Blog Post

March 27, 2017 by Julie 13 Comments

If you're new here, you may want to subscribe and join fellow working moms. Thanks for visiting!

How to Hide a Pinterest Image in your Blog Post

I get it.  Pinterest images are HUGE. And sometimes they just don’t look that great in your post. Would you rather hide Pinterest images in your blog posts?

If you’re wondering how do I hide a Pinterest sized image in my post, keep reading!

Hide a Pinterest Image in your Blog Post

 

Images that are Pinterest-optimized are big and tall and beautiful, but they do take up a lot of visual space in your blog post. This isn’t always a problem, especially when you use these images to break up text and have the blog visually skimmable.

I sometimes put my largest image, or one of them if I have several Pinnable images, at the bottom of the post. Like I did with this post.  Personally, I like the big images. But not everyone likes to have large images in their blog posts.


I have seen some bloggers even suggest loading an image directly into Pinterest and linking to the post, and omitting the image from their blog post completely.  I don’t recommend this practice because you are missing out on all the people who want to pin your post directly. And since Pinterest is a top source of blog traffic, you certainly do not want to lose out on those shares.

I have rounded up some solutions for you!

How to hide an image for Pinterest in your blog post using HTML

Did you know you can hide an image in your blog post and still have it show up as an option to Pin (when someone clicks the Pinterest share button)? You can do this with a little bit of HTML! But you do need to know a bit about HTML to do this successfully.

This post will show you how to hide an image in a WordPress post, but I am sure the method is similar on other platforms.

Recommended Post:  First day of school printable worksheets for back to school

First, you would load your image with the add media button as you normally would. Then, switch to the “text” editing format of your blog post, and locate that image tag.

It looks like this:

<img src=”YOUR IMAGE.JPG” alt=”Image Description”  />

Then you add the special div code below, around your image. Specifying the style to display:none (which means invisible!). Like so:

<div style=”display:none;”>  <img src=”YOUR IMAGE.JPG” alt=”Image Description”  />   </div> 

Important Note: If you copy/paste the code I share above, please be sure to update the ” (quotation marks). If they look curly, the HTML reader won’t process them properly. Just erase and replace with the ” key again while in your text editor, and all is well.

It looks like this screenshot in the code:

Hide a Pinable image in your blog post

I like to put this hidden code at the very top of my blog post, so the hidden image still gets picked up for my theme preview and social media shares. You know, the ones that insist on picking the first image in your post?

 

How to hide an image for Pinterest in your blog post WITHOUT using HTML

Hey, I hear ya. Sometimes messing with HTML code is just not easy. Here’s another option for you to hide an image in a blog post- no coding required!

When you load your image with your add media button, you can specify the size.

Pick full size when you load the image, and then hover over the image itself in your visual editor, and select the pencil.

Select custom size and make the image 1px by 1px. Woot, that’s practically invisible, looks like an empty space, and boom, no image showing up. But when you click the “Pin it” button? The image is there.

Hide Pinable Image

 

 

How to not hide an image for Pinterest at all

There’s yet another option that’s kind of a bonus for ya! If you don’t want to mess with all this, but prefer the option I mentioned at the start – loading the image directly to Pinterest and linking to your post, here’s what you can do.

Recommended Post:  Summer Camp at Home: Ideas to Keep Kids Busy While You Work

Simply grab the link to your pin from your account and add a link to it in your post.

You can say something like:

Enjoyed this post? Pin it! 

And link the words “pin it” to your pin that you just uploaded!

Alternatively, you can use Pinterest’s widget builder to embed the pin, but smaller. Just thought I’d throw that option in there. Call it option #4.

Not only will this allow people to share your post on Pinterest, but it counts as a RE-PIN to your original pin, which is extra brownie Pinterest points for you!

 

There you have it, folks! Three (four?) different ways you can hide an image in your blog post, or even omit the image entirely, and still have it pinned on Pinterest.

Over to you – do you include large Pinterest images in your posts or do you hide them?

 

How to Hide a Pinterest Image in your Blog Post

Join the Working Mom List

Join the Working Mom collective and get support and tools to help you thrive! Subscribers get access to my library of resources and printables.

Thank you for joining the tribe! Now check your email to confirm your subscription.

There was an error submitting your subscription. Please try again.

Powered by ConvertKit

Categories: Tips and Resources, TopPosts, Website and Blogging

the PAST
the FUTURE

Join the Working Mom List

Join the Working Mom collective and get support and tools to help you thrive! Subscribers get access to my library of resources and printables.

Thank you for joining the tribe! Now check your email to confirm your subscription.

There was an error submitting your subscription. Please try again.

Powered by ConvertKit

Comments

  1. Maia says

    May 15, 2018 at 5:10 pm

    THANK YOU for leaving the note about changing the quotation marks! That did it! I’d tried it several times before and just couldn’t get it right. Much appreciated ?

    Reply
    • Julie says

      May 15, 2018 at 5:12 pm

      Yea! I can’t seem to make it show the code in a basic non curly font haha!

      Reply
  2. Sophia Marie says

    November 18, 2017 at 4:59 pm

    Thank you for the tip about the quotation marks!!!

    Reply
  3. Brittany says

    October 23, 2017 at 12:42 am

    You are amazing! Thank you so much for sharing!

    Reply
  4. Sara says

    July 30, 2017 at 8:41 am

    I’ve been needing to figure out how to do this. Thank you!

    Reply
  5. Leah says

    June 21, 2017 at 9:56 pm

    This is the only tutorial that has ever worked for me. Thank you, Julie!

    Reply
    • Julie says

      June 22, 2017 at 10:19 pm

      Thanks Leah! Glad it finally worked for you! which method are you using?

      Reply
      • Leah says

        June 23, 2017 at 7:46 pm

        I used the code. But I have a new theme for the second blog I’m starting- I still can’t hide pins on my other blog with my current theme! I think it’s because that theme is from Etsy and not WordPress!

        Reply
  6. Sam says

    May 2, 2017 at 11:48 am

    Thanks so much! Just was able to hide some images. Really appreciate it ? sam @ http://www.therisingdamsel.com

    Reply
  7. Rob+Ann @TravelLatte(.net) says

    March 29, 2017 at 9:24 pm

    We cheat a little bit. We do use the full-sized Pinterest pin on our blog, but we re-size it to fit our needs. Usually, we go about 450×675 at the largest. Then we can use it as a portrait image just like any other.

    Reply
  8. Nikki says

    March 27, 2017 at 10:55 pm

    I need to try this! Thank you for sharing!

    Reply
  9. Georgiana says

    March 27, 2017 at 7:44 pm

    I always wondered how people did this. Cool tricks–thanks! Haha….now I’ll probably go crazy with it.

    Reply
    • Julie says

      March 27, 2017 at 10:00 pm

      There are tricks for everything heh. But especially when people have like 5 different pin images per post, you just can’t display them all.

      Reply

Comments are held for moderation. Links are no follow.

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Comments are held for moderation.

About Julie

Julie of Fab Working Mom Life Welcome! My name is Julie :) I am a Texan living in Hawaii (military life). I'm a mom, a blogger, and also work full-time in environmental compliance. I write about being a working mom to help myself and other working moms in our journey to find a balance between our family, responsibilities, and hobbies. I do this because we moms need a support network to thrive both at home and at work.

Follow us

  • mail
  • instagram
  • instagram
  • tiktok
  • twitter
  • pinterest
  • facebook
  • linkedin
  • youtube
  • bloglovin

Note: posts contain affiliate links, earning me a small commission at no additional charge to you. This site uses browser cookies to store information on your computer: some are essential to make this site work, others improve your user experience, and track behavior and user patterns (for advertising purposes). By using this site, you agree to our use of cookies. Read our disclosure and privacy policies for more details.

Join fellow Working Moms

Grab these Affirmations for Working Moms when you Join!

Join the Working Mom List

Join the Working Mom collective and get support and tools to help you thrive! Subscribers get access to my library of resources and printables.

Thank you for joining the tribe! Now check your email to confirm your subscription.

There was an error submitting your subscription. Please try again.

Powered by ConvertKit

Most Popular

3 ways to get picky eaters to try new foods tall

How to get stubborn picky eaters & toddlers to try new foods in 3 fun ways

full time working mom life hacks

How to streamline busy life as a working mom with these time-saving tips

Tips to Help your Toddler Develop Language Skills

Featured Posts

  • Lost in Public? What to do if you get Separated & Your Child Gets Lost
  • Social Media Detox: 15 signs you need a social media break right away!
  • ABCMouse Review: No-guilt Screen Time
  • When Your Hyper Child Just Doesn't Listen, Try This
  • How To Pack School Lunches That Your Kids Will Actually Eat
Christmas gifts guide

Join the Working Mom List

Join the Working Mom collective and get support and tools to help you thrive! Subscribers get access to my library of resources and printables.

Thank you for joining the tribe! Now check your email to confirm your subscription.

There was an error submitting your subscription. Please try again.

Powered by ConvertKit

Fab Working Mom Life Hot Topics

productivity tips for working moms
5-things-you-need-to-know-to-breastfeed-baby-sliderthings-to-do-to-prepare-for-baby-for-first-time-moms-slider

Link to Fab Working Mom Life

Membership


Memberships page.

Join the Working Mom List

Join the Working Mom collective and get support and tools to help you thrive! Subscribers get access to my library of resources and printables.

Thank you for joining the tribe! Now check your email to confirm your subscription.

There was an error submitting your subscription. Please try again.

Powered by ConvertKit
  • Start Here
  • Work With Me
  • Guest Post Here
  • Disclosure Policy
  • Privacy Policy
  • Link and Image Policy

Note: Posts contain affiliate links. Should you choose to purchase a product, I will receive a small commission for the sale at no additional cost to you. Fab Working Mom Life is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com and affiliated sites.

Protected by Copyscape
DMCA.com Protection Status
DMCA.com Protection Status

Copyright © 2022 · Fab Working Mom Life· Hello You Designs

Copyright © 2022 · Sweets Blog on Genesis Framework · WordPress · Log in

We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.
Do not sell my personal information.
Cookie settingsACCEPT
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Non-necessary
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
SAVE & ACCEPT