Fourth of July Sale!

4TH-OF-JULY-SALEIn celebration of America’s birthday, get 25% off all premade and custom designs (blog & website) through Saturday, July 4th!

In honor of those “who more than self their country loved” please enjoy this beautiful patriotic medley by an amazing new group called GENTRI.

God bless America!

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