Providence - designer blog theme

This designer theme features all free elements and 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. 

Providence

WordPress:

The theme may be used in combination with the 2011 Wordpress theme but but you will need to know how to install individual elements; backgrounds, headers, etc, on your own 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

free - Background

Blogger Codes
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.prl-images.com/images/prefab/theme_backgrounds/Other/PrL-Prvdnce-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.prl-images.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.prl-images.com/images/prefab/theme_backgrounds/Other/PrL-Prvdnce-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.prl-images.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.prl-images.com/images/prefab/theme_backgrounds/Other/PrL-Prvdnce-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.prl-images.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>

free - Sidebar Tags/Labels
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

Need help with installing sidebar tags?

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

free - Post Divider

To use just copy the code below and place it in the CSS area of your blog.

.post{margin: 0 0 40px 0; width: 90%; background: url(http://www.plumroselane.com/images/post_dividers/PrL-Prvdnc-divider-x410.png); background-repeat: no-repeat; background-position: bottom center; margin:.5em 0 1.5em; padding-bottom:4.5em; }

  If you need assistance with installing a post divider on your own blog click here for step-by-step instructions.

free -  Coordinating Header
narrow

med

wide

You may add your blog title to the free header images above ~ you may not alter the images in any other manner. 

If you need help adding text click here to view my step-by-step tutorial.  
If you need help installing the banner on your blog click here for my 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!

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

Post Dividers

Below are a selection of free post dividers to coordinate with some of my Designer Blog Themes. More are always being added so check back often.  

If you need help installing these onto your blog you can find Quick Instructions included below or click here to view my step-by-step tutorial for beginners.

Fanciful Filly

 410 wide image & code

http://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Blog%20Dividers/PrL-FF-post_divider.png

Forgotten Journey
 410 wide image & code

http://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Blog%20Dividers/ForgottenJourney-410widedivider-1.png

 

Je-Taime

410 wide image & codehttp://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Blog%20Dividers/JeTaime-410widedivider.png

 

Parlourside

410 wide image & codehttp://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Blog%20Dividers/PrL-Parlorside-postdivider-410x.png

Providence

410 wide image & code 

http://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Blog%20Dividers/PrL-Providence-post_divider.png

 Remembrance

410 wide image & code http://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Blog%20Dividers/Remembrance-divider-410wide.png

Rose Garden

410 wide image & codehttp://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Blog%20Dividers/PrL-Rose_Garden-x410.png


Stormy Weather 
410 wide image & codehttp://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Blog%20Dividers/PrL-StormyWeather-postdivider-410x.png

Sunnyside Up
410 wide image & codehttp://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Blog%20Dividers/SunnysideUp-postdivider-410x.png

Sunshine Garden
410 wide image & codehttp://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Blog%20Dividers/SunshineGarden-divider-410wide.png

Vintage Spring

410 wide image & codehttp://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Blog%20Dividers/VintageSpring-divider-410wide.png

Whispers of Spring 
410 wide image & codehttp://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Blog%20Dividers/PrL-WoS-divider-410px.png

with crown
410 wide image & code
http://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Blog%20Dividers/PrL-WoS-divider2-410px.png

White Seas

410 wide image & codehttp://i806.photobucket.com/albums/yy344/plumrose-lane/Blog%20Backgrounds/Blog%20Dividers/WhiteSeas-divider-410px.png

Quick Instructions

With the addition of Blogger's Template Designer, post dividers can now be easily installed by inserting the complete code into the Advanced/Add custom CSS section in Template Designer.
 
Just copy & paste this code:

.post{margin: 0 0 40px 0;
width: 90%;
background: url(http://www.imagehost.com/separator.jpg);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:4.5em;
}

Into the CSS area in Template Designer. Then replace the red text with any one of the red code links show below the image you wish to use.  To view my step-by-step instructions for installation click here.

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

Enjoy~