Vintage Spring ~ designer blog theme

This designer theme includes a background, blog header, post divider, and a set of sidebar pre-titled image tags. The banner is provided with your blog name appearing within the design.  The theme is available for Blogger blogs and step-by-step installation instructions are provided. 

Vintage Spring

Click below to purchase securely through my Etsy shop or contact me for a Paypal invoice.

WordPress:

The theme may be used in combination with one of the free Wordpress themes however the blog needs to be independently hosted.  You will need to know how to install individual elements; backgrounds, headers, etc, as I do not provide instructions for installation or any standard Wordpress theme coding.

Blogger:

This theme comes in 3 background sizes: narrow, medium, and wide. It is created to be used with Blogger's built in themes and gadgets. 

If you need help understanding the different between Blogger's templates and a Designer Theme be sure to read over this helpful guide: 

Understanding Basic Blogger Design Info - Q & A

Blog Background

Decorative Sidebar Tags

Sidebar tags include a selection of the most popular titles.  Tags may be used as section titles, image links, or both. Tags with custom titles may be purchased here: https://www.etsy.com/listing/113620733/coordinating-sidebar-tags

Post Divider

Coordinating Header

 

All images, whether free or purchased, are subject to the  Terms of Use

"In Gear" - free designer blog background

This designer background comes in 2 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

In Gear

 free - Blog Background Codes

Gray 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-InGear-gry-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-InGear-gry-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-InGear-gry-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.

Beige 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-InGear-bg-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-InGear-bg-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-InGear-bg-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 my 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!

Marleque - Plain - blog themes

This blog theme offers a lot of options for mixing and matching from it's plain and embellished versions to the 5 different color schemes. To view the embellished versions click here.


All of my Designer Themes are best when used with Blogger's "Picture Window" template or the old "Minima template.  Here is a link to properly install and adjust the Picture Window Template for use with my Designer Themes: http://plumroselane-tutorials.blogspot.com/2012/11/how-to-setup-picture-window-template.html  Recommended sizing is listed above each code size below.  

If you need help additional help understanding the difference between blog templates and themes please read over my helpful Understanding Basic Blogger Design Issues - Q & A.

Marleque - Plain
Crushfree - 2 Column background code
<style type="text/css">body {background-image: url("http://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Marleque-crush2column-1.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; right:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://plumroselane.blogspot.com/" target="_blank"><img border="0" src="http://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Bus%20Logos/online-PrL-signature-1.png " /></a></div>
free - 3 Column background code
<style type="text/css">body {background-image: url("http://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Marleque-crush3column-1.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; right:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://plumroselane.blogspot.com/" target="_blank"><img border="0" src="http://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Bus%20Logos/online-PrL-signature-1.png " /></a></div>
Need help with installing a Designer blog background?
Click here to follow along with a helpful step-by-step tutorial.
Dark

free - 2 Column background code

<style type="text/css">body {background-image: url("http://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Marleque-dark2column-1.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; right:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://plumroselane.blogspot.com/" target="_blank"><img border="0" src="http://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Bus%20Logos/online-PrL-signature-1.png " /></a></div>

free - 3 Column background code

<style type="text/css">body {background-image: url("http://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Marleque-dark3column-1.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; right:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://plumroselane.blogspot.com/" target="_blank"><img border="0" src="http://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Bus%20Logos/online-PrL-signature-1.png " /></a></div>
Need help with installing a Designer blog background?
Click here to follow along with a helpful step-by-step tutorial.

Dusk

free - 2 Column background code

<style type="text/css">body {background-image: url("http://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Marleque-dusk2column-1.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; right:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://plumroselane.blogspot.com/" target="_blank"><img border="0" src="http://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Bus%20Logos/online-PrL-signature-1.png " /></a></div>

free - 3 Column background code

<style type="text/css">body {background-image: url("http://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Marleque-dusk3column-1.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; right:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://plumroselane.blogspot.com/" target="_blank"><img border="0" src="http://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Bus%20Logos/online-PrL-signature-1.png " /></a></div>
Need help with installing a Designer blog background?
Click here to follow along with a helpful step-by-step tutorial.

Glitz

free - 2 Column background code

<style type="text/css">body {background-image: url("http://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Marleque-glitz2column-1.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; right:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://plumroselane.blogspot.com/" target="_blank"><img border="0" src="http://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Bus%20Logos/online-PrL-signature-1.png " /></a></div>

free - 3 Column background code

<style type="text/css">body {background-image: url("http://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Marleque-glitz3column-1.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; right:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://plumroselane.blogspot.com/" target="_blank"><img border="0" src="http://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Bus%20Logos/online-PrL-signature-1.png " /></a></div>
Need help with installing a Designer blog background?
Click here to follow along with a helpful step-by-step tutorial.

Moss

free - 2 Column background code

<style type="text/css">body {background-image: url("http://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Marleque-moss2column-1.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; right:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://plumroselane.blogspot.com/" target="_blank"><img border="0" src="http://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Bus%20Logos/online-PrL-signature-1.png " /></a></div>

free - 3 Column background code

<style type="text/css">body {background-image: url("http://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Marleque-moss3column-2.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; right:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://plumroselane.blogspot.com/" target="_blank"><img border="0" src="http://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Bus%20Logos/online-PrL-signature-1.png " /></a></div>

Need help with installing a Designer blog background?
Click here to follow along with a helpful step-by-step tutorial.
free - Decorative Sidebar Tags

Need help with installing sidebar tags?

Click here to follow along with my step-by-step tutorial.

free - 2 or 3 column banners/headers in 5 colors

Click the image below to enlarge and save to your computer.

2 column sizeClick the image below to enlarge and save to your computer.

3 column size

Simply click on the images above to enlarge them to actual size and then right click to save to your computer.
And if you're interested in having me add your blog title to the banner in a lovely coordinating font style and without my own logo then simply visit the "Add Text to a Banner" listing in my Etsy shop.

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!

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

Enjoy!