Photobucket, a very popular photo hosting service used by over 100 million registered users, recently made changes to their business model and angered a lot of their users in the process.
Since 2003 the service allowed you to upload/host images for free on their servers and embed them elsewhere (like in a forum or on your blog). However the new change to its terms of service now blocks third-party image hosting meaning that images don’t load outside of Photobucket’s own site.
This resulted in numerous images across the web being replaced with a placeholder image stating that in order to get the images to display properly again it is required to upgrade your account to their Plus 500 subscription plan (costing $39.99/month or $399.99/year).
If you have been affected and don’t want to pay the upgrade then unfortunately the only option is replacing those images. You can download your images from Photobucket by logging into your account, going to the library page, viewing a photo and downloading.
Ideally, you want to host your blog images and graphics directly on your blog platform (WordPress, Squarespace or Blogger). This is easy to do when adding images to posts or pages, but what if you want to add an image to your sidebar or widgets in your footer?
How To Host Blog Images/Graphics Directly on Blogger
On Blogger, create a new Post or Page. We won’t be saving it so it’s not necessary to name it anything. In the editors toolbar switch to HTML mode, click the Add Image icon and upload your image. Choose None under Image Alignment and Original Size under Image Size (read why that’s important here). A snippet of code will be inserted, this is the image code and wrapped around it is a link to that image.
<a href="IMAGE LINK" imageanchor="1" ><img border="0" src="IMAGE SOURCE URL" data-original-width="750" data-original-height="1285" alt="DESCRIPTION"/></a>
You can change the
href URL or remove the a tags altogether so all that is left is the image tag line. You can now use this to display that image elsewhere on your blog.
<img border="0" src="IMAGE SOURCE URL" data-original-width="750" data-original-height="1285" alt="DESCRIPTION"/>
How To Host Blog Images/Graphics Directly on WordPress
WordPress make it really simple to organise images with a Media Library. While logged in to your blog, click Media in the Admin Menu on the left and Add New. Upload your image and click to open it. Now you can copy the image URL and use that in this simple piece of image code to display it elsewhere on your site.
<img src="IMAGE SOURCE URL" alt="DESCRIPTION"/>
If you want that image to be a link, you can use the following
Buy me a coffee
<a href="IMAGE LINK"><img src="IMAGE SOURCE URL" alt="DESCRIPTION"/></a>