Blog Designs by Dani: February 2011

February 28, 2011

Use with the background: Dashed Hearts

http://headers.blogdesignsbydani.com/Crazy4Monograms/Dashed Hearts Header.png

Design Elements by Crazy-4-Monograms

(from her kit called Love Grows Here)

Green Clovers

2-Column

3-Column

Design Elements by Crazy-4-Monograms
(from her kit called Feelin' Green)

February 26, 2011

Blog Construction

I'm going to be fixing up my blog today. Sorry if it is a mess for a little bit!

February 25, 2011

Lime Dots

2-Column

3-Column

Design Elements by Summertime Designs
(from her kit called Limeade)

Matching Header

February 24, 2011

Lime Flowers

2-Column

3-Column

Design Elements by Summertime Designs
(from her kit called Limeade)

Matching Header

February 23, 2011

Problem Fixed

Were any of you having trouble adding the Crinkled Flowers Header? If you were, I fixed the problem, it should work now. Sorry bout that!

Check out the new Background and Header below.

Crinkled Flowers Header

Instructions on How to Add a Header

Instructions on How to Place Your Picture in the Header Frame.

Use with the background: Crinkled Flowers

http://headers.blogdesignsbydani.com/JustSoScrappy/Crinkled Flowers Header.png

Design Elements by Just So Scrappy

(from her kit called Memories)

Spring Flowers

2-Column

3-Column

Design Elements by Crazy-4-Monograms
(from her kit called Lil Peeps)

Matching Header

February 21, 2011

How to Center Your Header Text

Although, my backgrounds work best for the Minima template, many of you use the new Blogger Templates, which work great. However, those of you that are using the Blogger Templates may have noticed that my tag in the top left corner shows up in weird spots. (That is why I recommend the Minima template.) Some of you have figured out how to remove my tag so that it does not do that. If you have done this, you must give me credit by adding my button to your sidebar. If you would like help switching to the Minima template, please email me and I can help you. Or if you would like help adding my button, email me and I can help you.

Here is the code for my button:

<center><a href=http://www.blogdesignsbydani.com/><img src="http://bdbd.blogdesignsbydani.com/Dani Button.png"/></a></center>

Click here for instructions on how to add my button.

If you do not give me credit, you may not use my backgrounds.

For those of you using these new Blogger Templates, here's how to center your header text:
1. Log in to your blog and go to Template/Design and then click "Customize" or "Template Designer" (depending on whether you still have the old Blogger interface).
2. In the Template Designer, click "Advanced" and then "Add CSS".
3. Type the following code into the CSS box:

.Header h1 {
text-align:center;
}

If you want both the title and description of your blog to be centered, type the following code into the CSS box:

.Header {
text-align:center;
}

4. Make sure the header text is centered in the Preview window and then save your changes. Then click "View Blog"

That's it!

February 17, 2011

Cupcakes Header

Instructions on How to Add a Header

Instructions on How to Place Your Picture in the Header Frame.

Use with the background: Cupcakes

http://headers.blogdesignsbydani.com/SummertimeDesigns/Cupcakes Header.png

Design Elements by Summertime Designs

(from her kit called Sweet Cakes)

February 14, 2011

Baking Header

Instructions on How to Add a Header

Instructions on How to Place Your Picture in the Header Frame.

Use with the background: Baking

http://headers.blogdesignsbydani.com/JustSoScrappy/Baking Header.png

Design Elements by Just So Scrappy

(from her kit called A Pinch of This)

February 11, 2011

Dashed Hearts

2-Column

3-Column

Design Elements by Crazy-4-Monograms
(from her kit called Love Grows Here)

Matching Header

February 10, 2011

The Story of Us Header

Instructions on How to Add a Header

Instructions on How to Place Your Picture in the Header Frame.

Use with the background: Pink Stitches

http://headers.blogdesignsbydani.com/Crazy4Monograms/Story of Us Header.png

Design Elements by Crazy-4-Monograms

(from her kit called Love Bug)

Pink Stitches

2-Column

3-Column

Design Elements by Crazy-4-Monograms
(from her kit called Love Bug)

Matching Header

How Wide is Your Screen?

Have you noticed that the backgrounds you choose don't always look the same on your blog as they do on this site? Sometimes the sides are cut off and you can't see the whole picture. Or the images are way too big. It all has to do with the width of your computer screen. I use a widescreen computer and I see this when I go my blog:

But, when I go to other computers, I see something like this:

If you go to other free blog background sites, sometimes their backgrounds don't cover the whole screen. My backgrounds are made extra wide and should fit all wide screens.

**If you adjust the zoom on your screen, this will also affect how much of the background you will see. Of course, it will change the size of your text too. To zoom in or out, go to the View menu and choose Zoom. Adjust the Zoom to your liking.

Cute Fonts through Blogger

I posted earlier about how to add cute fonts to your blog. I then encountered problems and decided to go another route. Blogger actually has some really good fonts that are easy to install. I hadn't looked into it much because I thought the only fonts they had were the basic word-processing kind of fonts. But they actually have a decent selection.

Here's how to add them:

1. From your Blogger Dashboard, click Design.
2. Click on Template Designer from the upper left hand corner.
3. Click on Advanced from the upper left hand corner.
4. In the 2nd column from the left (next to Advanced) scroll down until you see "text font". To change the text font, click on text font and then scroll through the list of fonts. Click on the fonts to view them on your blog.
5. Make the text Bold or Italics by clicking either B or I.
6. To change the size of the text, either use the drop-down menu or enter a value (a percentage) yourself. If you use the drop-down menu, all of the text will be the exact same size. This means that your post titles, sidebar text, post text, etc. will all be the same size. Try it out, often this will look funny. If you enter a percentage, then the text will increase or decrease in size but they will do so proportionally. That means, if your post titles were twice as big as your text, then when you change the percentage to 120%, the post title will still be twice as big as your text, but they will both be 20% bigger than they were before. Enter different percentages and see what you like best. Lower than 100% makes the text smaller, higher makes the text bigger. (Click outside of the box, in the gray area, to see the changes applied.)
7. Repeat this for the Sidebar Title Font (which includes the date), Blog Title Font, Blog Description Font, and Post Footer Font (the text where your labels and comments are).
8. Once you like what you see, click Apply to Blog in the top right corner and then either View Blog or Back to Blogger.
9. To go back to your blog without saving changes, click Back to Blogger. Your blog will look the same as it did before you went to the Template Designer.

Here's an image of what you will see when you edit the fonts (click on the image to see it bigger):