How to Install a Dotty Dot Dot Background / Header

HOW TO INSTALL A BACKGROUND:

NEW BLOGGER DASHBOARD & INTERFACE:

  1. Choose a background.
  2. Copy all of the Background's code.
  3. Go to Layout. (on your left nav bar)
  4. Click "Add a Gadget".
  5. Choose to add an "HTML/Javascript" gadget.
  6. Paste your Dotty Dot Dot background code in that dialogue box.
  7. After you save it, you may move that box wherever you like in your Layout tab - and it should be easy to remove by clicking "edit" on the gadget box containing the code.
  8. Go to to Template (on your left nav bar)
  9. Scroll down to Picture Window
  10. Choose the blue square
  11. Ta-Da! You have a new background!
*While on the "Template" page click "Customize" to change font colors, blog width, etcetera...
*The background may not show up in the preview on your Interface, but IT IS THERE! See the Preview or go to your actual blog URL to make sure.


OLD BLOGGER INTERFACE (pre 2011):

  1. Choose a background.
  2. Copy all of the Background's code.
  3. Go to your "Design" TAB. (not the "Template Designer"- if you're in the TD, hit the "back to Blogger" button (in the top right corner) and you'll return to your Blogger Dashboard "Add and Arrange Page Elements" area on the "Design" tab which is where you can add your cute and fun FREE background from this site (and add headers and other gadgets)
  4. Click "Page Elements".
  5. Click "Add a Gadget".
  6. Choose to add an "HTML/Javascript" gadget.
  7. Paste your Dotty Dot Dot background code in that dialogue box.
  8. After you save it, you may move that box wherever you like in your Layout tab (even to the bottom) - and it should be easy to remove by clicking "edit" on the gadget box containing the code.
  9. Ta-Da! You have a new background!

NOTES:

  • If the pictures appear fuzzy on this site, it's because I compressed them in these blog posts. It will not be fuzzy when you add it to your site.
  • WITH THE NEW BLOGGER TEMPLATES [using Blogger's Template Designer]: "Picture Window" (blue square) or "Awesome Inc" or "Travel" . (the background code DOES NOT go in your HTML template code - it is installed as a Gadget)
  • WITH THE RETIRED BLOGGER TEMPLATES (launched 2006): You can still find "Minima White" if you go to your "Design" TAB > "Edit HTML" > scroll down to "Old Templates" > "Select Layout Template" > "Minima White".



----------------------------------------------------------------------------------------------- 


HOW TO INSTALL A HEADER: Some of the backgrounds have matching Headers (if they do, you'll see them right there in the same post body). Here's how to use them:

  1. Click on the Header to get it Full-Sized in a new window.
  2. Right Click on the Picture.
  3. Save it to Your Computer.
  4. Use a picture editing program (like Photoshop) to add your personal touch.
  5. In Layout, click "Edit" in the "Configure Header" Box. (At the top..under the Navbar, above all the other boxes).
  6. Unclick "shrink to fit" when uploading a "stylized header" (they are .PNG). The rectangle headers (.JPG) may be shrunk to fit just fine, if needed.
  7. Upload the Header!

The headers are different sizes for 2-Column and 3-Column layouts

  • 2-Column Headers are 660px wide
  • 3-Column Headers are 940px wide

*Read this if your Header doesn't quite fit right.
*This is how to personalize your own Header.
**If you want a Header personalized by me, I will do it for $5. Email me; ashblog (at) hotmail (dot) com.
Related Posts Plugin for WordPress, Blogger...