How to Embed a Photo to Your Blog Post with Dropbox

embed images into blog posts for blogging for beginners (2)

So when I first started blogging, I freaked out because my website took 8 seconds to load.

EIGHT WHOLE seconds.

That’s detrimental to SEO rankings. And seriously, for consumers, ain’t nobody got time fo’ that.

(Also, I forgot to mention, if you’d like to check our your site speed, click here.)

So I did some research and I realized that big pictures were a huge problem.

And since content new needs to be visually appealing with at-least-decent graphics to make the run, you see my dilemma.

Then I was faced with another problem: how in the world do I embed my pictures?

I scoured the internet and pieced together information to finally figure it out how to do embed pictures into my blog posts using dropbox ( and all fo’ free! Weee!)

So I hope this short and quick tutorial is helpful for you and upload time!



Download the worksheet to embed photos step by step HERE

 

  1. Drop Image into Dropbox

2. Click Share

3. Click “Copy Link”

https://www.dropbox.com/s/su32agmgm9ha9q0/alphabet1.pdf?dl=0

4) Change “www.dropbox.com” to “dl.dropboxusercontent.com”

Example:

https://www.dropbox.com/s/su32agmgm9ha9q0/alphabet1.pdf?dl=0

To

https://dl.dropboxusercontent.com/s/su32agmgm9ha9q0/alphabet1.pdf?dl=0

5) Change “dl=0” to “raw=1”

https://dl.dropboxusercontent.com/s/su32agmgm9ha9q0/alphabet1.pdf?dl=0

To

6) Insert this url into the img code:

<img src=”X” />

To

<img src=”https://dl.dropboxusercontent.com/s/su32agmgm9ha9q0/alphabet1.pdf?raw=1” />

7) Insert into blog post!




 

Have you tried it? Let me know how it goes!