Free June Wallpaper

Free June Wallpaper

june wallpaper previewFree March Wallpaper

Enjoy this month’s wallpaper on all of your devices!

For personal use only.

Posted by: Erin

How to Backup a Blogger Blog

How to Backup a Blogger BlogIt’s crucial to keep a backup saved of your Blogger blog at all times–especially before changing your blog design. The process is simple and can save you the headache of losing important coding or files should something unexpectedly happen to your blog–heaven forbid! I recommend creating a folder on your computer titled “Blog Backups” and then saving all past and current backup files to that folder. Be sure to rename each backup so you know which is which should you need to access them in the future. With your blog backed up you can rest assured you’ll have everything under control should the unforeseen happen.

How to Backup Your Design & Coding

To backup your blog design, blog layout, and all of the coding attached to it, go to your Blogger dashboard and then click on Template > Backup/Restore.

How to Backup a Blogger Blog

Then click Download Full Template. This will save your design and coding to your computer as an .xml file. It will save it using a generic name like “template-123456789.xml” so be sure to rename the file after you save it to your computer so it’s saved with a name that helps you remember what it is (note: be sure to keep the .xml extension at the end of the file name). This will help you easily access the file in the future should you need it.

How to Backup a Blogger Blog

How to Backup Your Blog Content & Images

To backup the content from your blog which includes post content, post images and comments, go to Settings > Other > Back up Content > Save to your computer. This will save another .xml file to you computer that will contain all of your blog content. By default the file name will be saved using the date the backup was saved, which might be a sufficient description for you. If not, feel free to rename the file to something that better helps you remember what the file is. Remember to leave the .xml extension at the end of the file name.

How to Backup a Blogger Blog

How to Restore a Saved Backup

To restore a saved backup of your design and coding in the future, go to Template > Backup/Restore and instead of downloading the template, simply Browse for the saved backup on your computer and then click Upload. This will replace the existing design and all existing coding with the coding and design from the backup file.

How to Backup a Blogger Blog

To restore a saved backup of your blog content, go in your dashboard to Settings > Other > Import Content > Import from Computer. Again this will replace all content that exists currently on your blog with the content from the saved backup. Unfortunately, any posts created since the last backup was saved will not be restored with the backup. That’s why it’s important to regularly save backups of your content. Because of this, restoring a backup of your blog content is only recommended if your blog, for whatever reason, has been deleted, hacked, or blocked.

How to Backup a Blogger Blog

Interested in more blogging tutorials like this one? Then be sure to check out our huge collection of tutorials here.

Posted by: Erin

How to Title & Size Images for SEO

Titling & Sizing Images for SEOIn last month’s SEO Quick Tip we talked about the importance of page titles and descriptions. If you missed it, you can check it out here. In today’s post, we’ll be talking about the correct way to save and title your images to best optimize them for SEO.

Titling Images for SEO


Use the right file names

To help your images rank well, it’s important to save images using file names Google can understand. Google can’t actually “see” your images unless you are saving them using file names that accurately describe what each image is about. For example, if you were saving this cute pug dog image for your blog…

pug-dog-in-a-blanket…instead of saving it with a random file name like DSC9324.jpg, you would instead save it with a file name that accurately describes the image like pug-dog-in-blanket.jpg. Be sure to remember the keyword you are trying to rank for and use that at the beginning of the file name (see last month’s post to learn about the importance of this). In this example, the main keyword is “pug dog,” so it was placed at the beginning of the file name to help this image have a better chance of pulling up when someone enters “pug dog” into a search engine.

Add Alt Text to Images

Adding Alt text to each of your images is important so there will be descriptive text visible if, for whatever reason, an image can’t be displayed (maybe a reader has turned off images in their browser for example).

How to add alt text to images in Blogger:

First upload an image to a post or page.

Then click the HTML button to switch to the HTML view. Copy this code:

alt="description of image"

…and paste it into the html just before the final /> in the code. Replace “description of image” with a description of your image.


Do this for each image in your post. To see if it is working correctly, after the post is published, temporarily disable your browsers images and you will see your alt descriptions instead of your images.

How to add alt text to images in WordPress:

WordPress makes adding alt text to images super easy using the Yoast SEO plugin. Start by uploading an image to a post or a page by clicking the Add Media button.

After uploading your image to the media file, on the right side of the screen, you’ll see a gray area that will allow you to change or add info for the photo. In the Alt Text section is where you can add the description for your photo. Then click Insert Into Post to add the photo to your post. If you don’t add any alt text to your image, WordPress will automatically use the image title as your default alt text.


Do this for each image in your post or page. Again, to see if it is working correctly, temporarily disable your browsers images and your photos will be replaced by your alt descriptions.

Sizing & Saving Images for SEO


Size Images Correctly

Image load time can have a huge impact on your site’s overall speed and SEO. Re-sizing images before uploading them to your site helps your site load quickly and will give your SEO a boost. Even if you are displaying a large image (say a 4000 x 2000 pixel image) at a smaller size within your post (at say 400 x 200 pixels), your site still has to load the entire image, which slows down your site and, in turn, negatively impacts your SEO. Re-sizing your images to the exact dimensions you want them to appear in your posts is a key step to optimizing your images for SEO.

Photoshop is the best tool for resizing images, but if you don’t have Photoshop, Pixlr is a free service you can use to do this. Here’s how to easily resize a photo using Pixlr:

1) Hop over to Pixlr, scroll down and click Launch Web App under the Pixlr Editor option.


2) Click Open Image from Computer and find the image you want to use from your computer.

pixlr example

3) Your image will appear and will be ready for editing. At the bottom of the image you’ll see the current image size. My sample image is currently 4000px wide, which is WAY too large to be uploaded to a blog. So I’m going to change it to the width of my post area, which is 800px wide. In the top navigation bar, click Image and then Image size…

pixlr example

4) Change the image width to the width of your post area (if you need to know your post area width, contact us and we can tell you). The height of the image will automatically adjust to keep the proper proportions. Click OK.

pixlr example

5) Now you just need to save the re-sized image, but before you do, read on to learn how to reduce the file size before saving.

Reduce the file size of images

The final step to saving your images is making sure your re-sized images are saved in the smallest file size possible, while still maintaining a good quality image.

How to reduce file size of images in Pixlr

To reduce the file size in Pixlr before saving, simply drag the quality bar down to 59 or lower. The lower you go, the more pixelated the image will become, so setting it right around 59 will allow for a nicely compressed file size while still maintaining a good quality image.
pixlr example

How to reduce file size of images in Photoshop

If you are using Photoshop, after re-sizing the image, go to File > Save for Web & Devices. Then set the Preset to PNG-24 as follows and then hit Save.

photoshop example

If you are on WordPress and have a lot of existing posts with images that are not SEO optimized, WP Smush is a great plugin that will “smush” the image sizes of your existing photos for you so you won’t have to take the time to manually fix the file sizes of each one.

If you have any questions about anything discussed here, please leave them in the comments and we’ll do our best to answer them.

Premade Blog Themes - Designer Blogs

Posted by: Erin

Spring Bucket List Printable

SPRING-BUCKET-LIST-PRINTABLEShed your winter coat and start enjoying the warmer weather with the help of our free Spring bucket list printable. Creating a bucket list is a great motivator to get outside and get moving with your family!

spring bucket listYou can write your list directly on the printable with a permanent marker or you can place the printable in a frame behind glass so you can use a wet erase marker and wipe it off with a wet cloth when you are done. The zip file contains both an 8×10 and 12×18 printable (you may need to trim them slightly to fit your frame).

Happy Spring bucket listing!

For personal use only.

Posted by: Erin

Join Our Team

Now Hiring
Due to a designer leaving soon to have a baby and increased work flow, Designer Blogs is now hiring! We are looking for two qualified designers to join our amazing team of talented designers.

Job Description:

Designer Blogs designers are responsible for creating and adding designs to our template and premade shops. They are also responsible for fulfilling accessory orders, premade orders, custom blog, and custom website orders as assigned to them. Our designers set their own hours and accept as much or little work as their time permits–however, it is expected that any work accepted be completed in a timely manner using professional and timely communication skills. This is a work-at-home position.

To apply, you must:

  • have the ability to design and install for Blogger blogs AND self-hosted blogs using the Genesis Framework and StudioPress Child Themes
  • be proficient in Adobe Photoshop, InDesign and/or Illustrator
  • have a design style that compliments and reflects the Designer Blogs brand
  • be able to perform seamless Blogger to WordPress migrations
  • be loyal, friendly, trustworthy, and have exceptional customer service skills
  • be self-motivated to add and update designs to our template and premade shops
  • be capable of communicating clearly and frequently with assigned clients via email (and occasionally via phone or Skype)
  • be willing to go above and beyond for assigned clients
  • be dependable and able to follow through with promised dates and deadlines

If you meet this criteria and are interested in being considered, please click the link below to submit your application. We will contact you if we feel you are a good fit for our team (do not contact us).

Posted by: Erin