"Morning Sunshine" - free designer blog background

This designer background comes in 3 color choices, each in 3 sizes.  Recommended sizing is listed below each code entry.  All of my Designer Blog Elements are created for use with Blogger's "Simple" template.  I offer an easy step-by-step tutorial for setting up this template using Blogger's Template Designer (no Html required).  Click here to view:

How to: Install and Modify the "Simple" Template

If you need help understanding the difference between templates and themes you can read over my guide: Basics of Templates and Themes on Blogger

Morning Sunshine

 free - Blog Background Codes

 

Yellow Center

narrow width

fits layout up to 800 pixels wide

******************

<script>document.write(unescape("%3Cstyle type=%22text/css%22%3E%0Abody {background-image: url(%22http://www.plumroselane.com/images/prefab/just_backgrounds/A-M/PrL-MrngSnshn-800_bkgrd.jpg %22); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }%0A%3C/style%3E%0A%3Cscript type=%22text/javascript%22%3E%0Avar div = document.createElement(%27div%27);%0Adiv.setAttribute(%27style%27%2C%22position: absolute; left: 0px; top: 30px; z-index: 50; width: 150px; height: 45px;%22);%0Adiv.innerHTML = %27%3Ca target=%22_blank%22 href=%22 http://www.PlumroseLane.com%22%3E%3Cimg border=%220%22 src=%22http://www.plumroselane.com/images/my_images/PrL-logo_link.png%22%3E%3C/a%3E%27;%0Adocument.getElementsByTagName(%27body%27).item(0).appendChild(div);%0A%3C/script%3E"));</script> medium width
fits layout up to 940 pixels wide
******************
<script>document.write(unescape("%3Cstyle type=%22text/css%22%3E%0Abody {background-image: url(%22http://www.plumroselane.com/images/prefab/just_backgrounds/A-M/PrL-MrngSnshn-940_bkgrd.jpg %22); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }%0A%3C/style%3E%0A%3Cscript type=%22text/javascript%22%3E%0Avar div = document.createElement(%27div%27);%0Adiv.setAttribute(%27style%27%2C%22position: absolute; left: 0px; top: 30px; z-index: 50; width: 150px; height: 45px;%22);%0Adiv.innerHTML = %27%3Ca target=%22_blank%22 href=%22 http://www.PlumroseLane.com%22%3E%3Cimg border=%220%22 src=%22http://www.plumroselane.com/images/my_images/PrL-logo_link.png%22%3E%3C/a%3E%27;%0Adocument.getElementsByTagName(%27body%27).item(0).appendChild(div);%0A%3C/script%3E"));</script> wide width
fits layout up to 1050 pixels wide
******************
<script>document.write(unescape("%3Cstyle type=%22text/css%22%3E%0Abody {background-image: url(%22http://www.plumroselane.com/images/prefab/just_backgrounds/A-M/PrL-MrngSnshn-1050_bkgrd.jpg %22); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }%0A%3C/style%3E%0A%3Cscript type=%22text/javascript%22%3E%0Avar div = document.createElement(%27div%27);%0Adiv.setAttribute(%27style%27%2C%22position: absolute; left: 0px; top: 30px; z-index: 50; width: 150px; height: 45px;%22);%0Adiv.innerHTML = %27%3Ca target=%22_blank%22 href=%22 http://www.PlumroseLane.com%22%3E%3Cimg border=%220%22 src=%22http://www.plumroselane.com/images/my_images/PrL-logo_link.png%22%3E%3C/a%3E%27;%0Adocument.getElementsByTagName(%27body%27).item(0).appendChild(div);%0A%3C/script%3E"));</script>
 Need help with installing a Designer blog background?
Click here to follow along with a helpful step-by-step tutorial.

Tan Center

narrow width

fits layout up to 800 pixels wide

******************

<script>document.write(unescape("%3Cstyle type=%22text/css%22%3E%0Abody {background-image: url(%22http://www.plumroselane.com/images/prefab/just_backgrounds/A-M/PrL-MrngSnshn-tan-800_bkgrd.jpg %22); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }%0A%3C/style%3E%0A%3Cscript type=%22text/javascript%22%3E%0Avar div = document.createElement(%27div%27);%0Adiv.setAttribute(%27style%27%2C%22position: absolute; left: 0px; top: 30px; z-index: 50; width: 150px; height: 45px;%22);%0Adiv.innerHTML = %27%3Ca target=%22_blank%22 href=%22 http://www.PlumroseLane.com%22%3E%3Cimg border=%220%22 src=%22http://www.plumroselane.com/images/my_images/PrL-logo_link.png%22%3E%3C/a%3E%27;%0Adocument.getElementsByTagName(%27body%27).item(0).appendChild(div);%0A%3C/script%3E"));</script>

medium width

fits layout up to 940 pixels wide

******************

<script>document.write(unescape("%3Cstyle type=%22text/css%22%3E%0Abody {background-image: url(%22http://www.plumroselane.com/images/prefab/just_backgrounds/A-M/PrL-MrngSnshn-tan-940_bkgrd.jpg %22); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }%0A%3C/style%3E%0A%3Cscript type=%22text/javascript%22%3E%0Avar div = document.createElement(%27div%27);%0Adiv.setAttribute(%27style%27%2C%22position: absolute; left: 0px; top: 30px; z-index: 50; width: 150px; height: 45px;%22);%0Adiv.innerHTML = %27%3Ca target=%22_blank%22 href=%22 http://www.PlumroseLane.com%22%3E%3Cimg border=%220%22 src=%22http://www.plumroselane.com/images/my_images/PrL-logo_link.png%22%3E%3C/a%3E%27;%0Adocument.getElementsByTagName(%27body%27).item(0).appendChild(div);%0A%3C/script%3E"));</script>

wide width

fits layout up to 1050 pixels wide

******************

<script>document.write(unescape("%3Cstyle type=%22text/css%22%3E%0Abody {background-image: url(%22http://www.plumroselane.com/images/prefab/just_backgrounds/A-M/PrL-MrngSnshn-tan-1050_bkgrd.jpg %22); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }%0A%3C/style%3E%0A%3Cscript type=%22text/javascript%22%3E%0Avar div = document.createElement(%27div%27);%0Adiv.setAttribute(%27style%27%2C%22position: absolute; left: 0px; top: 30px; z-index: 50; width: 150px; height: 45px;%22);%0Adiv.innerHTML = %27%3Ca target=%22_blank%22 href=%22 http://www.PlumroseLane.com%22%3E%3Cimg border=%220%22 src=%22http://www.plumroselane.com/images/my_images/PrL-logo_link.png%22%3E%3C/a%3E%27;%0Adocument.getElementsByTagName(%27body%27).item(0).appendChild(div);%0A%3C/script%3E"));</script>

 Need help with installing a Designer blog background?

Click here to follow along with a helpful step-by-step tutorial.

White Center

narrow width

fits layout up to 800 pixels wide

******************

<script>document.write(unescape("%3Cstyle type=%22text/css%22%3E%0Abody {background-image: url(%22http://www.plumroselane.com/images/prefab/just_backgrounds/A-M/PrL-MrngSnshn-wht-800_bkgrd.jpg %22); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }%0A%3C/style%3E%0A%3Cscript type=%22text/javascript%22%3E%0Avar div = document.createElement(%27div%27);%0Adiv.setAttribute(%27style%27%2C%22position: absolute; left: 0px; top: 30px; z-index: 50; width: 150px; height: 45px;%22);%0Adiv.innerHTML = %27%3Ca target=%22_blank%22 href=%22 http://www.PlumroseLane.com%22%3E%3Cimg border=%220%22 src=%22http://www.plumroselane.com/images/my_images/PrL-logo_link.png%22%3E%3C/a%3E%27;%0Adocument.getElementsByTagName(%27body%27).item(0).appendChild(div);%0A%3C/script%3E"));</script>

medium width

fits layout up to 940 pixels wide

******************

<script>document.write(unescape("%3Cstyle type=%22text/css%22%3E%0Abody {background-image: url(%22http://www.plumroselane.com/images/prefab/just_backgrounds/A-M/PrL-MrngSnshn-wht-940_bkgrd.jpg %22); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }%0A%3C/style%3E%0A%3Cscript type=%22text/javascript%22%3E%0Avar div = document.createElement(%27div%27);%0Adiv.setAttribute(%27style%27%2C%22position: absolute; left: 0px; top: 30px; z-index: 50; width: 150px; height: 45px;%22);%0Adiv.innerHTML = %27%3Ca target=%22_blank%22 href=%22 http://www.PlumroseLane.com%22%3E%3Cimg border=%220%22 src=%22http://www.plumroselane.com/images/my_images/PrL-logo_link.png%22%3E%3C/a%3E%27;%0Adocument.getElementsByTagName(%27body%27).item(0).appendChild(div);%0A%3C/script%3E"));</script>

wide width

fits layout up to 1050 pixels wide

******************

<script>document.write(unescape("%3Cstyle type=%22text/css%22%3E%0Abody {background-image: url(%22http://www.plumroselane.com/images/prefab/just_backgrounds/A-M/PrL-MrngSnshn-wht-1050_bkgrd.jpg %22); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }%0A%3C/style%3E%0A%3Cscript type=%22text/javascript%22%3E%0Avar div = document.createElement(%27div%27);%0Adiv.setAttribute(%27style%27%2C%22position: absolute; left: 0px; top: 30px; z-index: 50; width: 150px; height: 45px;%22);%0Adiv.innerHTML = %27%3Ca target=%22_blank%22 href=%22 http://www.PlumroseLane.com%22%3E%3Cimg border=%220%22 src=%22http://www.plumroselane.com/images/my_images/PrL-logo_link.png%22%3E%3C/a%3E%27;%0Adocument.getElementsByTagName(%27body%27).item(0).appendChild(div);%0A%3C/script%3E"));</script>

 Need help with installing a Designer blog background?

Click here to follow along with a helpful step-by-step tutorial.

Remember, help me, help you... if you find any of my codes are not working please let me know so I can fix the issue ~ thanks!

I enjoy your comments and would love to hear from you ~ if you appreciate this theme or would like to see any changes let me know.

By using the images and codes offered on this website, you agree to the Terms of Use.

Enjoy!