Hi, I'm Dara!

Welcome to Living My Someday! 

Here on LMS, I share my Whole30 tips, hiking and travel adventures with my family, motivation + life  lessons, and a few blogging biz tips.

Hang out and stay awhile! 

3 Ways To Add Hidden Images In Squarespace!

3 Ways To Add Hidden Images In Squarespace!

Hey folks!

Hope this day is finding you well! I'm stoked to bring you this super-easy tutorial on how to add hidden images to your Squarespace blog because it's something I've been dying to do, but just figured out, like, yesterday (literally). I thought I'd share the knowledge since I couldn't find what I was looking for—hopefully, this post will keep you from wasting time like I did! 

Option 1

First, let me say you absolutely can use your pinnable image as your thumbnail; this is a no-code workaround that I used (and still use, honestly). It's quick, easy, and absolutely does the job. You can do this by going to your desired post, clicking Edit → Options and uploading your thumbnail. From there, you can adjust the focal point wherever you'd like. Boom. Done. 

Option 2

You could also create and upload a graphic directly to Pinterest and then edit the pin to include the desired website later. I've done this as well, and it works great! 

I wanted to mention these options to let you know there's no need to deal with coding if you don't want to. I'm a Communications major, so coding is somewhat foreign to me, so I completely understand the trepidation! That being said, it's okay to push ourselves a bit and learn a new skill. This tutorial is really easy and the coding is all copy and pasting, I promise! 

Let's get started, shall we?

Option 3

Step 1 

Copy and save this code: <div style="display:none">your image URL</div>

I saved mine as a Note on my Mac, but anywhere that's easy to access is perfect!

Step 2 

Upload your desired graphic to an image hosting site like Photobucket. 

Step 3 

Find the blog post you'd like to add the hidden image to and click Edit

Step 4

Click the bubble that is closest to the desired location of your hidden image and choose the Code Block.

Step 5

Copy & paste the hidden image code into the box. Make sure HTML is selected. 

Step 6

Replace "your image URL" with the HTML code for your image. 

Step 7

Delete ALT name and replace with SEO-rich description that relates to your post.

Step 8

Select Apply and Save.

 You're done! 

Are you more of a visual learner? No problem, watch this quick and easy 2-minute tutorial!

Curious to see whether there's a hidden image in this very post? I dare ya to pin it and find out! Also, let me know if you try this method—I'd love to see how it's working for you on your Squarespace blog!

Wanna get to know me a little better? Follow me on Instagram!

 How to Add Hidden Images to your Squarespace Blog!
A Brand New Blog Template + 5 Reasons Why I LOVE Squarespace!

A Brand New Blog Template + 5 Reasons Why I LOVE Squarespace!

What I Learned From Creating My First Email Course!

What I Learned From Creating My First Email Course!