Sites that offer free stock images

Here is a collection sites that offer free stock images you can use for your projects. Please check the current licensing status for each site as it might have changed as of writing this.

Unsplash

Unsplash - Beautiful, free photos. Gifted by the world’s most generous community of photographers

The Stocks

http://thestocks.im/ - the best royalty free stock photos in one place

Splitshire

https://www.splitshire.com/about/ - Helping you to be awesome out there with great content.

Pic Jumbo

https://picjumbo.com/ - picjumbo is free stock photo site created by designer & photographer Viktor Hanacek in 2013.

Gratisography

http://gratisography.com/ - Free high-resolution pictures you can use on your personal and commercial projects. New awesome pictures added weekly! All pictures were photographed by Ryan McGuire and free of copyright restrictions.

Startup Stock Photos

http://startupstockphotos.com/ - Free photos for startups, bloggers, publishers, websites, designers, developers, creators, & everyone else.

Negative Space

https://negativespace.co/ - Beautiful, Free High-Resolution Photos with No Restrictions For personal or commercial projects, all of our CC0 licensed images are completely free to use!

Life of Pix

http://www.lifeofpix.com/ - Free, high resolution photography.

Endless Icons

http://www.endlessicons.com/- Endless Icon is a project bulid by Min Kim who runs Email-Gallery, App Monstr, and Endless Photos. I created it to share some of the icons and creative stuff with the design community. Cheers!

Customise your Blogger template's CSS

My blog's design is based on Awesome Inc's template (the grey one), which is customised with my own CSS.

To inject your own CSS and customise your blog's design, just navigate to Template; click the Customise button; Click the Advanced link; click the Add CSS link.

Here is my CSS. Note: These CSS styles won't work when viewed on mobile devices, but you can still apply some styles (like text colour and background colour) via the regular advanced editor. Oh, and one more thing...if you don't want example code leaking out of your pre tags you'll have to hard code style="white-space:pre-wrap;" into your tag in the html editor.

body { 
  background-color: #4e89a4; 
}

h1.title, widget.header, .header h1, .Header h1 a,  { 
  color: lightblue; 
}

/* Code area */
pre {
  background: #e6e6e6;
  padding: 15px;
  color: black;
  /* Wrap text inside pre */
  white-space: pre-wrap;       /* CSS 3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* Widget right-side area */
.main-inner .widget { 
  padding-top: 5px;
  border: 0px solid white; 
  box-shadow: none;
  -webkit-box-shadow: none;
  border-bottom: 3px solid lightgrey
}

/* Widget main area */
.date-outer { 
  padding-top: 15px;
  border: 0px solid white; 
  box-shadow: none;
  -webkit-box-shadow: none;
  border-bottom: 3px solid lightgrey
}

/* 
Bottom panel where it has the "Home" link. 
Note, this needs to be an id 
*/
#blog-pager { 
  padding-top: 15px;
  border: 0px solid white; 
  box-shadow: none;
  -webkit-box-shadow: none;
  border-bottom: 3px solid lightgrey
}

.blog-feeds, a.feed-link:link, a.feed-link:visited, a.feed-link:hover, a.feed-link:active { 
  color: white;
}

/* Footer */
.footer-fauxborder-left { 
  border: 0px solid white; 
  box-shadow: none;
  -webkit-box-shadow: none;
  background: lightgrey none repeat scroll 0 0
}

Preserve paragraph tags in Blogger

This is paragraph Text!

I realised the Blogger editor will strip your paragraph tags if you change between the HTML and Compose editor views. To keep your paragraph tags, stay in the HTML editor and never switch. :)

You might also want to select "Use br tag" in the post's Options menu unless you want extra line breaks appearing where there are new lines.