Free July Wallpaper

FREE-WALLPAPER-julyjulydesktoppreviewjulypreview
Enjoy this months free wallpaper on all of your devices!

For personal use only.

Posted by: Erin

How to Resize Blogger Photos Automatically

how-to-resize-blog-photos-automatically-FINALToday I want to share with you a fun little trick for automatically resizing your Blogger photos to fill the full width of your post area. Blogger offers several tools for resizing post images easily. I’ll get to my little trick in a second, but first I want to explain how to use the Blogger tools for uploading and resizing your photos for those that don’t already know.

To use the Blogger resizing options, simply create a new post, add a photo, and then click on your uploaded photo to open the sizing and positioning options.

1You can set the photo size to small, medium, large, x-large, or to its original size. You can also set the justification to left, center, or right. I recommend centering your photos and using the x-large setting (if you don’t use the trick below) so your photos can be seen in all their glory. The only draw back to using this option is that the x-large size sizes images to 640px, which means if you have a post area that is wider than 640px, the photo will still look a little small. That is where my fancy little trick comes into play, so let’s get to it!


Step 1: Resize your photo

Resizing your blog photos is an important step regardless of whether or not you plan to use this photo sizing trick. This tutorial will still work on photos uploaded in their original size but because uploading original sized photos slows your site WAY DOWN, it is not recommended. The larger the image size, the slower it will load on your site…so trust me, just don’t do it!

Most blogs have a post area width somewhere between 600px-750px, so sizing your photos to 800px wide should work well on most blogs. You’ll want your image to be sized a little larger than your post width with this tutorial because it’s easier to bring an image down in size than it is to bring a small image up in size. Enlarging a small image will cause it to become pixelated and the quality will be low. So to keep things looking good, I recommend sizing your images to around 800px wide with this tutorial.

I use Photoshop to resize my 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

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

3

3) Your image will appear and will be ready to be edited. 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 let’s change it to the recommended 800px wide. In the top navigation bar, click “Image” and then “Image size…”

4

4) Change the image width to 800 pixels. The height of the image will automatically adjust to keep the proper proportions. Click “OK.”

5

5) Now you just need to save the resized image, so go to “File” and then “Save.” Rename the file (if needed) and then click “OK.” Find the folder on your computer where you’d like to save the image and click “Save.” You’re now ready for the next step.

6


Step 2: Add a little CSS

Now that your image is sized correctly you’ll need to add a little coding to achieve the automatic re-sizing. Don’t worry, you don’t need any coding experience for this.

1) First open up your Blogger dashboard and go to “Template” and then “Customize.”

7

2) Click “Advanced” and then scroll down and click on “Add CSS” and copy/paste the following code into the white box:

.post-body img {
max-width: 100%;
max-height: auto;
display: block;
margin: auto;
}

It should look like this:

8

Note: the above code will only change the images you have set to “Original Size.” If you want ALL of your images to be sized to the full post width regardless of the Blogger re-sizing options you have them set to, add this CSS instead:

.post-body img {
width:100%;
height:100%;
display: block;
}

Now click “Apply to Blog” to save your changes.


Step 3: Add a Photo to a Post

Now just add a photo to a post like described in the beginning of this tutorial and make sure the photo is set to “Original Size” and your photo will now nicely fill the full width of your post area once you hit “Publish.” This trick will also apply to all previously posted photos as long as the photos are set to “Original Size.” If not, then you’ll want to use the second code option above.

9

Oh so big and pretty!

10
Please leave any questions you may have in the comments and I’ll do my best to answer them. Otherwise, enjoy your lovely automatically resized photos!

Posted by: Erin

Free Monthly Blogger Template | June

free-monthly-blogger-templatesWe hope this month’s free template will brighten your day! When installed to your blog, you’ll be able to edit the title, tagline, and menu link titles. All font colors are customizable in this template. Everything else comes as shown in the preview. This design is NOT mobile responsive and is for Blogger only. Remember that by downloading this template you are agreeing to these terms. Enjoy!

examples

For personal use only.

 
FOR-MORE-TEMPLATE-DESIGNS

2015 Reader Survey Results

reader-survey-resultsThe results of our 2015 reader survey are here! A great big thank you to all who participated. We were overwhelmed by the response and we appreciate those of you who took a few minutes of your time to share with us your honest feedback. It was so much fun to learn about who you are and what you love most about Designer Blogs. Thank you, thank you for your generously kind comments and your suggestions for improvement. We have taken everything you said to heart and intend to use your responses and comments to better our site and bring you more of the things you love most.

Here’s a little looksy at the results of the survey:
Note: the “&lt;18″ should say “<18″. Not sure why it didn’t translate.


For those in the “no” category, if/when you decide to start a blog, check out this tutorial to help you get started.
 
 



 



 



 



 


 
Whoa friends, we are stunned by the vast number of you that don’t follow us on social media! Help us increase the “yes” percentage by following below:

FACEBOOK | TWITTER | GOOGLE + | PINTEREST | BLOGLOVIN | YOUTUBE | INSTAGRAM

 



Those who said “no,” it’s not too late (wink, wink!). Sign up here.
 
 


 

3“I love the whole look and design of Designer Blogs. You guys inspire me so much! I love to design blogs but I can’t seem to surpass how amazing your blogs look! I’d die if you ever came out with a workshop!”

“From the first time I logged in to your website i felt welcomed. I didn’t feel like a guest, felt like I made a new friend. Weird i know lol but true :)”

“I really love all of the tips and advice I read! The free templates are really nice since I am still trying out looks for my blog!”

“Wow! What a genuine & humble survey request from readers. I find the gesture as a wonderful reflection of the talents, goals, and purpose of the blog. I feel I must be honest, and (shamelessly) admit that I have discovered Designer Blogs only 3 days ago…However, in the last few days I’ve been fully immersed in it! I feel as though I’ve struck gold! (Though I may have slightly neglected my family in the process—oooppss!) I actually comprehend, and learn from each of the posts that I’ve read. The themes and designs are beautiful, and pretty much what I was hoping for. I’ve found answers, information, explanations and tutorials for the majority of my struggles, confusions, (even a few child-like tantrums!) I’ve been had regarding web design. Though my lack of experience isn’t much help to this survey, I do hope that one day I could be. As for now, I’m pretty confident I’ll be a pretty loyal reader of Designer Blogs. Thanks for your time and for all that you do.”

“I’ve really enjoyed the blogging tips lately…thank you!”

“I love your designs – clean, simple, elegant!”

“I like the affordability of blog makeovers. I love learning how I can make my own great changes. I have stopped updating my blog so I am not in the market right now but if I did buy it would be from you guys!”

“The tips, typography links and freebies”

“The quality designs for such low prices!”

“I love the freebies, of course! But I love seeing emails with updates. like pretty free printables, new premade templates to consider, and everything new and going on with you guys!”

“Great ideas, elegant designs.”

“The tips!”

“Gorgeous designs with a clean feel.”

“Really easy to apply template to my blog and absolutely love the way it looks.. gorgeous selection to choose from! I also received a response really quickly after inquiring that delivered what I needed!”

“Minimal chic templates and lovely color combos.”

“The printables and the inspiration I get from your posts.”

“I love the blog designs!”

“I just found you this week, so I have so much more to explore. This week I’ve been loving just looking at your templates. I also downloaded your blog kit. I just joined your newsletter list and now I must remember to add you to my social feeds. I love your site because you clearly have a love of blogging and you’re helping others to find their way. I feel much less intimated by the process after finding your site. Still working through my exact theme and POV otherwise I’m just going to be barfing up verbal vomit. Maybe you should do a custom design to tastefully represent my inability to stay focused on anything.”

“Great support, great topics, lots of great ideas to help me grow my blog and develop my skills.”

“I love how easy it is to navigate.”

“How beautiful and elegant the designs are compared to other websites.”

“Love the freebies. And I get a lot of inspiration just from how beautiful everything you create is.”

“The simple but very elegant designs. Not only is the download and use incredibly straightforward, it’s also very easy. Plus the tips and tricks every now & then as well as the occasional freebies are an absolute joy to receive. It makes me feel more than just another customer that bought a blog template.”

“The blog designs are unique. I didn’t see any blog yet with a same design as mine to think the design I chose was premade.”

“I love the effort that you put in to your designs. I also love that you offer freebies as well as paid options.”

That the templates are so beautful, affordable, and easy to install. I am so grateful for my new site using your template.

“I love all the options + reasonable pricing.”


4
“Nothing! Besides send out more newsletters. :)”

“Make a workshop for designing blogs ;)”

“Bigger templates collection with a variety of colours and designs.”

“More gold!”

“Maybe offer some other things to purchase for my blog besides a template. Things to make it better. Or even printables.”

“Step by step tutorials are best.”

“I cannot really weigh in on this yet since I’ve just discovered you. I will say that categorizing your templates might be helpful or allowing favorites. It’s a lot to scroll up and down to compare the templates.”

“I have an older custom blog design template and wish it was mobile responsive, like some of the newer versions you offer, without having to pay $200 additional to have it mobile ready.”

“Just keep going the way you are! :)”

“In addition to your free printables, etc…would love to see a font suggestion section in your newsletter. I’m always admiring fonts but never know where to find them. Or even a font of the month or font of the week?”

“Keep doing what you do. Many appreciate you more than you know!”

Posted by: Erin

We Want to Know!

reader-surveyIn our effort to continually better our blog and services, we’re flipping things around today and want you to weigh in on why you visit Designer Blogs. How did you find us? What types of blog posts would you like to see more of? Why do you keep returning? We want to know!

Your feedback is invaluable to us and will help us in bringing you more of the things you love most. If you could give us a few minutes of your time, we’d be so appreciative. We want your honest feedback, so this survey will be kept completely anonymous. Know that we’ll be reading each survey and taking what you say to heart. We’ll love you to pieces for participating!

This survey will run through the end of the week and we’ll share the results of the survey next week. Thank you in advance for your time and feedback.

TAKE-THE-SURVEYPosted by: Erin 

Summer Bucket List Printable

SUMMER-BUCKET-LIST-PRINTABLESchool hasn’t even gotten out for my son yet (he gets out on Wednesday) and he’s already complaining about being bored…sheesh! So I thought it was time to get our Summer bucket list ready to go so we can make the most of our Summer. Rather than use the fabulous Summer Bucket List Lindsey shared on Designer Blogs last year (check it out here), I thought I’d put together another brightly colored one for this year so that you’ll have two fun options to choose from.

summer bucket listYou can either write your list directly on the printable, or have it printed at a photo lab and place it in a frame behind glass. You can write with a permanent or wet erase marker directly on the glass and wipe it off with a wet cloth when you’re ready to make a new list. The zip file contains both an 8×10 and 12×18 printable (you may need to trim them slightly to fit your frame).

Happy summer bucket listing!

For personal use only.

Posted by: Erin

Featured Design | High Heels & Grills

FROM-BOARD-TO-BLOGWe were thrilled to have the opportunity to work with Sarah and Zachary of High Heels & Grills. Zachary and Sarah are a husband/wife blogging duo that share mouth watering recipes that make your teeth sweat just looking at them. When coming up with a name for their blog, Zachary wanted something that would include him and Sarah wanted something that described her–hence the name High Heels (for Sarah) and Grills (for Zachary). The lilac and sage green color palette they chose combine to create a flavorful design that pairs perfectly with the delicious recipes they share. It’s fresh and feminine for Sarah, but also has a touch of masculinity for Zachary.

LOGOTheir order was assigned to Erika S. who helped them move their site from Blogger to WordPress. They wanted their blog to look less like a blog and more like a website, which Erika achieved with the left justified logo and top menu bar that includes their social links and a search bar. They wanted a clean and fresh design that was full of character. They wanted their title logo to reflect the husband/wife idea, so Erika used a handwritten font and high heel graphic for the “Sarah” part of the title and a more masculine sans-serif font and spatula graphic for the “Zachary” part.

Here’s a look at the finished design:

SCREENSHOT

Erika’s take on the project:

When I was first assigned the High Heels and Grill’s order, I was so excited to learn that they were a husband and wife blogging duo. I loved their cute personalities and the way they both shine through their posts. I mainly worked with the wife, Sarah, through the process, but it made me so happy each time she would let me know her husband was loving the design as well.

The first mood board I created was kind of off (okay, way off) from what the final mood board ended up looking like, but the whole process working with them was so great. Once we got the color scheme right, it was so much easier to get all of the other design elements exactly how they wanted them. Sarah and her husband were great at giving me input, and letting me know exactly what they were looking for, which helped the design process go fairly quickly.

My favorite part of this design is the layout. The header being on the sidebar is really fun and different, while still letting the overall blog stay clean so readers can focus on their great content.

highheelsandgrills-moodboard

Sarah’s Testimonial:

I had been looking for someone to design my blog for MONTHS and actually hired a couple of different people to do it, only to be super disappointed because it wasn’t anything like I wanted it to be. I didn’t want to pay thousands of dollars, but I also wanted it to look clean and classy. I then found Designer Blogs and emailed them a few times to see how their process worked and received so much help and information. I took the plunge to get a new design with them and Erika S. was assigned to my blog. Am I ever glad she was! I am a bit of a perfectionist, so I felt like I was making tweaks and changes that were only noticeable to me, but she was so patient in getting things to look exactly how I pictured them. She was professional, but still made it feel like I was her friend, rather than just another client. I will shout from the rooftops how much I love this design company and will definitely refer them to everyone I know! You won’t regret working with them!


Be sure to check out High Heels & Grills! Your taste buds will feel like they’ve died and gone to heaven!

Posted by: Erin

Weekly To Do List Printable

BLOG-PLANNER-ADD-ONThere is power in writing down goals and creating to do lists. When you write down a goal you are far more inclined to achieve it. To do lists help you achieve your goals because they allow you to break goals down into daily, manageable pieces. Creating a daily to do list is the best way to prioritize daily activities and manage your time effectively, which ultimately helps you be more productive.

Our Ultimate Blog Planner Kit is chuck-full of planning and goal setting tools to help you grow a successful blog. Today we have a to do list add-on page that you can add to your blog planner. If you haven’t downloaded the blog planner yet, this page is now included in the full download which you can get here. If you already have the planner, then simply click the download button below to add this page to your planner.

If you have any requests for additional planner pages that are not yet included in the blog planner kit, let us know in the comments!

to-do-list-sample

For personal use only.

Posted by: Erin

Free June Wallpaper

FREE-WALLPAPER--JUNEjune2015desktopbackgroundpreviewjune-preview
Enjoy this months free wallpaper on all of your mobile devices!

For personal use only.

Posted by: Erin

The Two Best Keyboard Shortcut Cheat Sheets

The-two-best-keyboard-shortcut-cheat-sheetsDo you ever feel like there aren’t enough hours to accomplish everything you need to get done each day? Using keyboard shortcuts is a surefire way to increase your productivity and accomplish more work each day. Here at Designer Blogs, we use keyboard shortcuts like mad women to help us dramatically speed up our design work and processes. We wanted to share with you the two best keyboard shortcuts cheat sheets we’ve found for learning keyboard shortcuts in Photoshop and Illustrator. These visualizers include keyboard shortcuts for most of the programs in Adobe Creative Cloud. You can print them out and pin them up by your computer or download them as a desktop wallpaper for quick reference when you need help remembering a shortcut.


Adobe Shortcut Mapper:

FASTPRINTby FastPrint


Adobe CC Keyboard Shortcuts Cheat Sheet:

SET-UP-A-BLOG-TODAYby Set Up a Blog Today

We think these are pretty great and hope you will too!

Posted by: Erin