Wednesday, December 31, 2008

Pretty and Pink

This beautiful background was designed by my almost-6-year-old daughter, who loves pink. Enjoy!


Code: background-image:url(http://i400.photobucket.com/albums/pp85/simplyblogitbackgrounds/prettyinpinkcopy.jpg?t=1230738368);background-position: center; background-repeat:no-repeat; background-attachment: fixed;

Background paper and elements for this background provided by Summertime Designs

Pink Lily


Code: background-image:url(http://i400.photobucket.com/albums/pp85/simplyblogitbackgrounds/pinklilycopy.jpg?t=1230735897);background-position: center; background-repeat:no-repeat; background-attachment: fixed;

Lily image for this background provided by freepixels

Tuesday, December 30, 2008

Blue Winter


Code: background-image:url(http://i400.photobucket.com/albums/pp85/simplyblogitbackgrounds/bluewintercopy.jpg?t=1230669586);background-position: center; background-repeat:no-repeat; background-attachment: fixed;

Snowflake elements for this background provided by Digikeepsakes

Tuesday, December 23, 2008

Party Time


Code: background-image:url(http://i400.photobucket.com/albums/pp85/simplyblogitbackgrounds/partytimecopy.jpg?t=1230091374);background-position: center; background-repeat:no-repeat; background-attachment: fixed;

Background paper and elements for this background provided by Summertime Designs

Winter River


Code: background-image:url(http://i400.photobucket.com/albums/pp85/simplyblogitbackgrounds/winterrivercopy.jpg?t=1230089362);background-position: center; background-repeat:no-repeat; background-attachment: fixed;


3-column Code: background-image:url(http://i400.photobucket.com/albums/pp85/simplyblogitbackgrounds/winterriver3columncopy.jpg?t=1254273401);background-position: center; background-repeat:no-repeat; background-attachment: fixed;

Swirl element for this background provided by Digikeepsakes

Riverbank Sunburst


Image Code: http://i400.photobucket.com/albums/pp85/simplyblogitbackgrounds/jamesriversunburstheader1.jpg?t=1239335840


Image Code: http://i400.photobucket.com/albums/pp85/simplyblogitbackgrounds/jamesriversunburstheader2.jpg?t=1239335631

Circles element for this header provided by Digikeepsakes


Code: background-image:url(http://i400.photobucket.com/albums/pp85/simplyblogitbackgrounds/JamesRiverSunburstcopy.jpg?t=1230070915);background-position: center; background-repeat:no-repeat; background-attachment: fixed;

Red, Black Flowers


Code: background-image:url(http://i400.photobucket.com/albums/pp85/simplyblogitbackgrounds/redblackwithflowerscopy.jpg?t=1230069870);background-position: center; background-repeat:no-repeat; background-attachment: fixed;

Center paper & flower elements for this background provided by Summertime Designs

Red Plaid, Black Ribbons


Code: background-image:url(http://i400.photobucket.com/albums/pp85/simplyblogitbackgrounds/redblackcopy.jpg?t=1230067682);background-position: center; background-repeat:no-repeat; background-attachment: fixed;

Paper and elements for this background provided by Summertime Designs

Monday, December 15, 2008

Peaceful Winter


Code: background-image:url(http://i400.photobucket.com/albums/pp85/simplyblogitbackgrounds/peacefulwinter2.jpg?t=1229231984);background-position: center; background-repeat:no-repeat; background-attachment: fixed;

Wintertime photo for this background provided by freepixels

Thursday, December 11, 2008

Vintage Christmas


Code: background-image:url(http://i400.photobucket.com/albums/pp85/simplyblogitbackgrounds/vintageChristmas2copy.jpg?t=1229058710);background-position: center; background-repeat:no-repeat; background-attachment: fixed;

Paper, ribbon, and frame for this background provided by Summertime Designs

Winter Snow


Image Code: http://i400.photobucket.com/albums/pp85/simplyblogitbackgrounds/wintersnowheader.jpg?t=1291302219


Code: background-image:url(http://i400.photobucket.com/albums/pp85/simplyblogitbackgrounds/wintersnowfixcopy.jpg?t=1231425792);background-position: center; background-repeat:no-repeat; background-attachment: fixed;

Paper and elements for this background provided by Summertime Designs

Christmas Red & Black


Code: background-image:url(http://i400.photobucket.com/albums/pp85/simplyblogitbackgrounds/Christmasredblackcopy.jpg?t=1229036965);background-position: center; background-repeat:no-repeat; background-attachment: fixed;


3-column Code: background-image:url(http://i400.photobucket.com/albums/pp85/simplyblogitbackgrounds/Christmasredblack3colcopy.jpg?t=1259720088);background-position: center; background-repeat:no-repeat; background-attachment: fixed;

Paper and elements for this background provided by Summertime Designs

Christmas Elegance


Code: background-image:url(http://i400.photobucket.com/albums/pp85/simplyblogitbackgrounds/Christmaselegancefixedcopy.jpg?t=1229223906);background-position: center; background-repeat:no-repeat; background-attachment: fixed;


3-column Code: background-image:url(http://i400.photobucket.com/albums/pp85/simplyblogitbackgrounds/Christmaselegance3colcopy.jpg?t=1291050339);background-position: center; background-repeat:no-repeat; background-attachment: fixed;

Monday, December 8, 2008

Blue, Brown Ribbon and Button


Code: background-image:url(http://i400.photobucket.com/albums/pp85/simplyblogitbackgrounds/bluewbrownribbonbutton2.jpg?t=1228797224);background-position: center; background-repeat:no-repeat; background-attachment: fixed;

Blue, Brown Ribbon


Code: background-image:url(http://i400.photobucket.com/albums/pp85/simplyblogitbackgrounds/bluewbrownribbon2copy.jpg?t=1228796937);background-position: center; background-repeat:no-repeat; background-attachment: fixed;

Burgandy Button

Code: background-image:url(http://i400.photobucket.com/albums/pp85/simplyblogitbackgrounds/maroonbuttoncopy.jpg?t=1228796742);background-position: center; background-repeat:no-repeat; background-attachment: fixed;


3-Column Code: background-image:url(http://i400.photobucket.com/albums/pp85/simplyblogitbackgrounds/maroonbutton3columncopy2.jpg);background-position: center; background-repeat:no-repeat; background-attachment: fixed;

Sunday, December 7, 2008

Post Dividers

How do I install a post divider?
First, choose "Design"--at the top of your blog--and then "Layout" and "Edit HTML"(near top of page). Scroll down until you see this:


REPLACE that highlighted section with the following:
.post {
background: url(POST DIVIDER CODE);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:5.5em;
}

Copy the post divider code that you want from Simply Blog It Backgrounds, like so:


...and add it into your new code, here:


Click on "Preview" at the bottom of the page to see if it's how you like it. If so, click "Save Template" and you're done! If not, keep going...

My post divider runs into the text above it. Help!
Okay--here's what you do: scroll down just a little below where you added the code for your post divider. You'll find this:


IMMEDIATELY UNDERNEATH that code, you'll add a new line that says this:
padding-bottom:?em;

Now it will look like so:


Where the question mark is...

...add a number. Press "Preview" to see what it did to your post divider. If it added too much space, decrease your number. If it didn't add enough, increase your number. When you've found the right number, click "Save Template." Done!

If, at this point, you don't like the post dividers at all, click "Clear Edits" and you'll go back to how it was before you began this process. :) If you have further questions, feel free to email simplyblogit@gmail.com.

Happy blogging!

Header Troubleshooting

When I install one of your headers, there is a small gap between the top of the border and the header image. How do I fix it?

This happens when you add an image behind your blog title text (as opposed to installing a custom-designed header which includes your title, etc. in the actual image). Luckily, it's easy to fix!

Go to "Customize," "Layout," "Edit HTML." Scroll down until you see the following (there are several "header" sections, so look carefully!):
Change the part that says "margin:5px 5px" to say "margin:0px 0px" so that it looks like so:

Save the changes. There should no longer be a gap in between your header border and your header image.

Note: If you go back to using no header image, but leave this setting in place, your header will simply be slightly smaller than normal. If this bothers you, follow the steps above and simply change the 0s back to 5s!


Tell me again how to insert the header image...


First, copy the "Image Code" for the header you wish to use, like this:


Then click on "Customize," at the top right-hand corner of your blog. Go here, and click on "Edit," as shown:

This window will pop up. Make sure your blog title and description are as you want them. Then paste your image code where the arrow shows:

Make sure that under "Placement," the "Behind title and description" option is selected, and save. Your header should be in place!

It's still not working! Help!!!
Well, even though these instructions work for most, there are several of you who still experience difficulty. I am sorry about this; I don't know what causes it! However, here is a solution that seems to work:
*Click on the header thumbnail that you wish to use (to enlarge it).
*Right click on the enlarged picture and choose "save image as" (or whatever saving option you have).
*Save the image on your computer to somewhere where you'll be able to find it.
*When you go to add your header, choose the "from my computer" option (instead of "from the web").
*NOW you should have a working header on your blog! Phew! :)

Further questions? Leave a comment or email me (simplyblogit@gmail.com).

Troubleshooting

Having trouble installing or replacing a background? See if this helps (click on the images to enlarge):

*Make sure that you have chosen the Minima template. (Choose "Design"--at the top of your blog--and then "Layout" and "Edit HTML". At the bottom of that page, you'll see a link that says "Select Layout Template" --choose that one. Then you'll see the template options; choose Minima.)





*If you have another background that required you to "add a gadget" on this page...

...delete that gadget.


*Make sure that you go into "Edit HTML" (near top of page) and scroll down until you see this:



*Highlight and copy your desired background's code from this website, like so:


Paste it in the spot where the arrow is pointing:


It should look like this:


*Be sure to click "Preview" at the bottom of the page to see if you like your new background. If not, you can always click "Clear Edits." If you like it, then remember to click "Save Template"!

*When you're in the mood for a new background, copy the code for your new desired background, then go back to the "Edit HTML" section and scroll until you see the code you put in before. Highlight it, as seen below:

Highlight ONLY the part you see in the screenshot!
Replace it with your new background code, as outlined in the instructions above. If you want your plain Minima look back, just delete the highlighted part. As always, don't forget to save your template!

More questions? You can always email us at simplyblogit@gmail.com and ask.