The Chocolate Series

I actually designed these FREE backgrounds a few weeks ago and haven't posted them until now because I had others I wanted to share first! :D But no longer will you have to wait for this set, because... here it is!
Inspired by Chocolate, all these designs feature some shade of chocolatey goodness. :) From white chocolate to dark, we've got a toothsome selection here to tempt you into adding one (guilt-free!) to your blog. :D


Credit: The free backgrounds in this series were made using papers and elements almost solely from Summertime Designs, with two papers from KevinandAmanda. I recolored many of them though, so you won't find the exact looking ones there. ;)
Remember......
For the sake of saving space, I have not posted previews of the three column versions of every background... (although I do try to do that when the three column version looks different.) ...the code is just underneath the 'standard' width code for each design. (They usually look very much like the standard width except that the middle section is just a little wider.)

To use a free background, copy the code underneath the background of your choice and paste it into an HTML/javascript gadget on your blog sidebar. :) For more details (and how to install a background into a Picture Window template, see the installation instructions page.)

Chocolatey Creme Delight

<style type="text/css"> body {background-image: url("http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/I%20Love%20it%20backgrounds/ChocolateyCremeDelightbows.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://iloveitblogdesigns.blogspot.com" target="_blank"> <img border="0" src="http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/ILoveIticon.jpg"/> </a></div>
Chocolatey Creme Delight, 3 Column

<style type="text/css"> body {background-image: url("http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/I%20Love%20it%20backgrounds/ChocolateyCremeDelightbows3Column.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://iloveitblogdesigns.blogspot.com" target="_blank"> <img border="0" src="http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/ILoveIticon.jpg"/> </a></div>

Caramel Pecan Swirl

<style type="text/css"> body {background-image: url("http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/I%20Love%20it%20backgrounds/CaramelPecanSwirl.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://iloveitblogdesigns.blogspot.com" target="_blank"> <img border="0" src="http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/ILoveIticon.jpg"/> </a></div>
Caramel Pecan Swirl, 3 Column
<style type="text/css"> body {background-image: url("http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/I%20Love%20it%20backgrounds/CaramelPecanSwirl3Column.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://iloveitblogdesigns.blogspot.com" target="_blank"> <img border="0" src="http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/ILoveIticon.jpg"/> </a></div>

Caramel Pecan Blossom

<style type="text/css"> body {background-image: url("http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/I%20Love%20it%20backgrounds/CaramelPecanBlossomStandard.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://iloveitblogdesigns.blogspot.com" target="_blank"> <img border="0" src="http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/ILoveIticon.jpg"/> </a></div>

Caramel Pecan Blossom, 3 Column

<style type="text/css"> body {background-image: url("http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/I%20Love%20it%20backgrounds/CaramelPecanBlossom3Column.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://iloveitblogdesigns.blogspot.com" target="_blank"> <img border="0" src="http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/ILoveIticon.jpg"/> </a></div>

Creamy Latte

<style type="text/css"> body {background-image: url("http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/I%20Love%20it%20backgrounds/CreamyLatte.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://iloveitblogdesigns.blogspot.com" target="_blank"> <img border="0" src="http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/ILoveIticon.jpg"/> </a></div>

Creamy Latte, 3 Column

<style type="text/css"> body {background-image: url("http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/I%20Love%20it%20backgrounds/CreamyLatte3Column.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://iloveitblogdesigns.blogspot.com" target="_blank"> <img border="0" src="http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/ILoveIticon.jpg"/> </a></div>

Chocolatey Lemon Delight

<style type="text/css"> body {background-image: url("http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/I%20Love%20it%20backgrounds/ChocolateyLemonDelightbows.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://iloveitblogdesigns.blogspot.com" target="_blank"> <img border="0" src="http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/ILoveIticon.jpg"/> </a></div>
Chocolatey Lemon Delight, 3 Column
<style type="text/css"> body {background-image: url("http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/I%20Love%20it%20backgrounds/ChocolateyLemonDelightbows3Column.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://iloveitblogdesigns.blogspot.com" target="_blank"> <img border="0" src="http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/ILoveIticon.jpg"/> </a></div>

Toffee Wrapper

<style type="text/css"> body {background-image: url("http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/I%20Love%20it%20backgrounds/ToffeeWrapper-FIXED-1.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://iloveitblogdesigns.blogspot.com" target="_blank"> <img border="0" src="http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/ILoveIticon.jpg"/> </a></div>

^ This one is my mom's hands-down favorite of any background I've made yet. She loves the elegant feel of the design and the sophisticated color combination.

Toffee Wrapper, 3 Column

<style type="text/css"> body {background-image: url("http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/I%20Love%20it%20backgrounds/ToffeeWrapper-FIXED.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://iloveitblogdesigns.blogspot.com" target="_blank"> <img border="0" src="http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/ILoveIticon.jpg"/> </a></div>

I just love this brown quilt! It's so sweet and homey-looking.

Chocolate Quilt

<style type="text/css"> body {background-image: url("http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/I%20Love%20it%20backgrounds/ChocolateQuilt-FIXED.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://iloveitblogdesigns.blogspot.com" target="_blank"> <img border="0" src="http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/ILoveIticon.jpg"/> </a></div>

Chocolate Quilt, Embellished
<style type="text/css"> body {background-image: url("http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/I%20Love%20it%20backgrounds/I%20love%20it%20backgrounds%202/ChocolateQuiltextras-FIXED.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://iloveitblogdesigns.blogspot.com" target="_blank"> <img border="0" src="http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/ILoveIticon.jpg"/> </a></div>
Chocolate Quilt, Embellished, 3 Column
<style type="text/css"> body {background-image: url("http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/I%20Love%20it%20backgrounds/ChocolateQuiltextras3Column-FIXED.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://iloveitblogdesigns.blogspot.com" target="_blank"> <img border="0" src="http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/ILoveIticon.jpg"/> </a></div>

Chocolate Quilt, Framed
<style type="text/css"> body {background-image: url("http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/I%20Love%20it%20backgrounds/ChocolateQuiltswoop-FIXED.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://iloveitblogdesigns.blogspot.com" target="_blank"> <img border="0" src="http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/ILoveIticon.jpg"/> </a></div>

Bronze Butternut

<style type="text/css"> body {background-image: url("http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/I%20Love%20it%20backgrounds/I%20love%20it%20backgrounds%202/BronzeButternut.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://iloveitblogdesigns.blogspot.com" target="_blank"> <img border="0" src="http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/ILoveIticon.jpg"/> </a></div>
Bronze Butternut, 3 Column
<style type="text/css"> body {background-image: url("http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/I%20Love%20it%20backgrounds/I%20love%20it%20backgrounds%202/BronzeButternut3Column.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://iloveitblogdesigns.blogspot.com" target="_blank"> <img border="0" src="http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/ILoveIticon.jpg"/> </a></div>

{Framed} by Dark Chocolate

<style type="text/css"> body {background-image: url("http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/I%20Love%20it%20backgrounds/FramedbyDarkChocolate-FIXED.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://iloveitblogdesigns.blogspot.com" target="_blank"> <img border="0" src="http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/ILoveIticon.jpg"/> </a></div> {Framed} by Dark Chocolate, 3 Column<style type="text/css"> body {background-image: url("http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/I%20Love%20it%20backgrounds/FramedbyDarkChocolate3Columnaa-FIXED.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://iloveitblogdesigns.blogspot.com" target="_blank"> <img border="0" src="http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/ILoveIticon.jpg"/> </a></div>

Chocolate Sunset

<style type="text/css"> body {background-image: url("http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/I%20Love%20it%20backgrounds/ChocolateSunset.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://iloveitblogdesigns.blogspot.com" target="_blank"> <img border="0" src="http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/ILoveIticon.jpg"/> </a></div> Chocolate Sunset, 3 Column<style type="text/css"> body {background-image: url("http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/I%20Love%20it%20backgrounds/ChocolateSunset3Column.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://iloveitblogdesigns.blogspot.com" target="_blank"> <img border="0" src="http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/ILoveIticon.jpg"/> </a></div>

Creme de la Creme

<style type="text/css"> body {background-image: url("http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/I%20Love%20it%20backgrounds/I%20love%20it%20backgrounds%202/CremedelaCreme.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://iloveitblogdesigns.blogspot.com" target="_blank"> <img border="0" src="http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/ILoveIticon.jpg"/> </a></div> Creme de la Creme, 3 Column<style type="text/css"> body {background-image: url("http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/I%20Love%20it%20backgrounds/I%20love%20it%20backgrounds%202/CremedelaCreme3Column.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://iloveitblogdesigns.blogspot.com" target="_blank"> <img border="0" src="http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/ILoveIticon.jpg"/> </a></div>

Creme de la Creme with Overlay

<style type="text/css"> body {background-image: url("http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/I%20Love%20it%20backgrounds/I%20love%20it%20backgrounds%202/CremedelaCremeoverlaid.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://iloveitblogdesigns.blogspot.com" target="_blank"> <img border="0" src="http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/ILoveIticon.jpg"/> </a></div>
Creme de la Creme with Overlay, 3 Column

<style type="text/css"> body {background-image: url("http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/I%20Love%20it%20backgrounds/I%20love%20it%20backgrounds%202/CremedelaCremeoverlaid3Column.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://iloveitblogdesigns.blogspot.com" target="_blank"> <img border="0" src="http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/ILoveIticon.jpg"/> </a></div>

This next one is my absolute favorite of this batch, along with "Chocolatey Creme Delight". I love the dark brown with the creamy beige color.... yummm. :D

Hot Chocolate & Cream

<style type="text/css"> body {background-image: url("http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/I%20Love%20it%20backgrounds/I%20love%20it%20backgrounds%202/HotChocolateandCream.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://iloveitblogdesigns.blogspot.com" target="_blank"> <img border="0" src="http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/ILoveIticon.jpg"/> </a></div>
Hot Chocolate & Cream, 3 Column

<style type="text/css"> body {background-image: url("http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/I%20Love%20it%20backgrounds/I%20love%20it%20backgrounds%202/HotChocolateandCream3Column.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://iloveitblogdesigns.blogspot.com" target="_blank"> <img border="0" src="http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/ILoveIticon.jpg"/> </a></div>

Walnut Leaves

<style type="text/css"> body {background-image: url("http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/I%20Love%20it%20backgrounds/I%20love%20it%20backgrounds%202/WalnutLeaves.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://iloveitblogdesigns.blogspot.com" target="_blank"> <img border="0" src="http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/ILoveIticon.jpg"/> </a></div>
Walnut Leaves, 3 Column
<style type="text/css"> body {background-image: url("http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/I%20Love%20it%20backgrounds/I%20love%20it%20backgrounds%202/WalnutLeaves3Column.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } </style> <div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"> <a href="http://iloveitblogdesigns.blogspot.com" target="_blank"> <img border="0" src="http://i454.photobucket.com/albums/qq268/Juliathesparklygirl/ILoveIticon.jpg"/> </a></div>

My brother Mark actually designed this last one himself! (With some help from me in using the tools on GIMP, and a few suggestions...) ;) But didn't he do a great job?? Maybe I can get him to do this more often if people like his designs... :D


Enjoy!