Home > .CodeSlayer's Posts, Content Delivery Networks & Hosting > Is DropBox a good alternative for a WordPress CDN (image hosting site)?

Is DropBox a good alternative for a WordPress CDN (image hosting site)?

Image representing Photobucket (Old) as depict...

Image via CrunchBase

Image representing Dropbox as depicted in Crun...
Image via CrunchBase

Is DropBox a good alternative for a WordPress CDN (image hosting site)?


10:06 PM

So, tonight I’m seeking a better FREE solution for hosting my images for blogging purposes.  Up until now I have always used Photobucket, but recently I have experienced some issues with some of my images not showing up in WordPress.  It could be that the problem is with WordPress making changes; of that, I’m not sure.  Regardless, this difficulty has motivated me to see if there are any better free options.  So, today, I’m testing a service that I’m sure many of you are well aware of, but that I have only just heard about.  That service is Dropbox.com.

Step 1:Read up on DropBox.com

10:15 – 10:34

Reasearched DropBox service online. Here are some nice articles that give a good beginner’s overview:

Use Dropbox as a Free CDN for WordPress Blog_ – irnovo

How to Use Dropbox [With Video Tutorial] – irnovo

DropBox.com (Click “Watch a Video”)

Step 2: Download & Install the dropbox application


Downloaded, virus-scanned, and installed the app (Dropbox 1.2.48.exe)

Step 3: Create a new Dropbox account

10:52 – 11:08

Set email and password info and accepted terms of use. Selected 2GB Dropbox size (Free). Chose Advanced Setup type. Accepted to install Dropbox folder in “My Documents” (I’m on Windows XP Pro). Chose “Selective Sync” option. Completed installing and configuring Dropbox

Step 4: Read up on how to use Dropbox as a CDN for WordPress


Ran into a roadblock when I discovered that PLUGINS cannot be used on the WordPress.com com site! As this article states:

Plugins are tools used to extend the functionality of the WordPress platform. However, they are only applicable to self-hosted blogs and web sites using the WordPress.org software. Plugins are not permitted here at WordPress.com for various security reasons.

NOTE: It appears css styling, (inline or otherwise), has been disabled for WordPress.com accounts. When I look at the “Pro” option it talks about enabling custom css and styles. So, it seems they are now charging for what was once free. Neither the style attribute nor the standard XHTML “bgcolor” work for changing background color. If anyone disagrees with or can clarify this issue please leave a comment below. It is also possible that my current theme “Twenty Ten” may be overriding my inline styles.

UPDATE: By placing the keyword “!important” after each style rule you can force the browser to display your styles. For instance, the blue box above is achieved by this code:

[sourcecode language="php" htmlscript="true"]
<!-- inline -->
<blockquote style="background: #c3d5fd; color: black!important; border: black 2px solid; margin: 5px; padding: 5px!important;"> ... </blockquote>
/* as a css style rule */
blockquote {
	background: #c3d5fd;
        color: black!important;
        border: black 2px solid;
        margin: 5px;
        padding: 5px!important;


Searched for similar function “widget”, which are included on the WordPress.com blogs. No go. So now I’ve either got to convert to the self-hosted wordpress-based blog, or find a way to manually connect serve files from my dropbox account

Step 5: Create an images folder in my dropbox and try to call it in a wordpress blog post

Simple enough. Then login to dropbox online account, navigate to the image file you want to use and click on it. Then copy the url from your browser and open a wordpress post and put an <img> tag in there, using the copied url as the href. Click to the “Visual” tab and if your image shows up, then you know it is getting through

11:49 PM

UPDATE: After seeming to have success, I discovered unfortunately that the image from your Dropbox folder only shows up in WordPress if you are logged into your dropbox account in a browser, and wordpress is open in that same browser. So, if I have my wordpress post open in a Firefox tab, and my dropbox online account logged in on another tab in Firefox, then the image will show up, but this is misleading – the general public will not be able to see your images – they will simply show as the dreaded “red x” placeholder. It looks like I will have to find another solution.


Dropbox is a useful tool that is good for syncing files between multiple computers and devices. It is good for what it was designed for, however, thus far, it doesn’t appear to be a viable solution for WordPress hosted blogs

Styled and revised this post from 11:50 PM to 1:23 AM: (~ 1.5hrs)
  1. September 26, 2012 at 1:14 am

    Well I feel you are facing this problem because you are not using public url for your images…., you must create your image folder under public folder of dropbox. Once you have uploaded images in your public folder you can do a right click and ask for public url of the image which can be used in your website without requiring one to log in. I am using similar technique to load CSS and images for one of my client site http://yiiindia.com. Hope it helps.

    • kristobaldude
      October 12, 2012 at 4:32 am

      Ok. I see what you mean … they use the same type of method with photobucket.com, where you have to click to obtain the url formatted in various ways for various purposes. I’ll give that a try. Thanks for the suggestion!

  2. October 30, 2012 at 7:14 pm

    Thanks, I will try out using dropbox for my wordpress blog

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: