New Blog Design!

Hey there all ya'll.

If you haven't noticed, we got a new blog design!!! *loud cheers echo from the crowds*

We bought it from the BEST ETSY BLOG DESIGN SHOP THERE IS. I swear.

So the shop is called "Minty Fox Designs", run by Crissy Maciel. Guys, the most expensive blogger designs in her shop are $20. Seriously. And her cheapest right now? $3.45

We chose the Samantha Snow design and just added our own background to spice it up a little. Chrissy was so awesome to work with! I really recommend her shop to anyone looking for a cheap but pretty design.

In addition, she also sells Storenvy designs, Blogger add-ons, etsy banners, and a alot of other groovy stuff. :) Check her out!!

Blogger Tricks || Add More Gadgets Under Blogger Title

Hey all!

If you've ever wanted to put more than one gadget under your blog title, you may have noticed blogger only lets you put one gadget under your header, so if you want to add a few more, here's how!

Step 1: Go to "Template". Hit "Edit Html"

Step 2: Click anywhere in the white area with all the words, and hit keys CTRL F (for PC) or CMD F (for Mac). You should see a little search box pop up in the left corner.

Step 3: In that search box, paste the following code: id='header' maxwidgets='


Step 4: You should now see something like this, with the text we just searched for highlighted.

Step 5: See where it says "maxwidegets='1'"? Change the '1' to however many you want. In this case I changed it to '3'.

Step 6: Now hit the large orange "Save Template" button.

Step 7: Go to Layout, create any gadgets you want, and drag them up  to under your header. Have fun!! :D

Blogger Tricks || How to Center Post Title, Date, and Widgets

In this blogger tips and tricks post, we'll be showing you how to center three different things on your blog: your post title, your dates, and your widget titles. Feel free to use one, two, or all three!

How to Center Your Post Title

1. Go to your blogger Dashboard. Click on the "Template" button on the left side of the screen. 

2. Under the "Live on Blog" image, click the orange "Customize" button. 

3. Something like this should appear:

4. Click on "Advanced" on the bottom left.  Scroll all the way down until you see "Add CSS". Click on that. It should look something like this:

 5. Now paste the following code into that area that says "Add CSS here to override existing styles...":

.post-title {
text-align:center;
}


 6. Click the large orange "Apply to Blog" button in the top left corner, and check it out!

 How to Center the Date

1. Follow steps 1 - 4 from above. Press your cursor after the last line any codes in there, to create a NEW LINE. This step is VERY IMPORTANT. 

2. Now, on your new line, paste this code:

.date-header {
text-align:center;

}

 3. Click the large orange "Apply to Blog" button in the top left corner, and check it out!

 How to Center Widget Titles

1. 1. Follow steps 1 - 4 from above. Press your cursor after the last line any codes in there, to create a NEW LINE. This step is VERY IMPORTANT!

2. On your new line, paste this code:

.widget {

  text-align: center;

}

3. Click the large orange "Apply to Blog" button in the top left corner, and check it out!





So there you have it! Feel free to comment or e-mail if you need help or have any questions!

birdsofafeather32(at)gmail(dot)com

Blogger Tricks || How to Center Your Blog Title

Here's the 9 easy steps for how to center your blogger header!



1. Go to your Dashboard and click on Template on the left side of your screen.

2. Click on "Edit Html" Under the image titled "Live on Blog".

3. Now you should see something like this:

Click anywhere in that area that has all the words, and hit keys CTRL F (for PC) or CMD F (for Mac). You should see a little search box pop up in the left corner.

4. In that little search box, paste the following code: .Header h1 {

5. It should take you to that code, and you should see a big chunk of code that looks like this:
.Header h1 {
font: $(header.font);
  color: $(header.text.color);
  text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top)
$(header.shadow.spread) rgba(0, 0, 0, .2);
}

6. Place your cursor after the bracket of the  .Header h1 { code, a press enter to make a new line.

 7.  On the new line you just made, paste the following code:

text-align: center; 

8. Click the "Preview" button to confirm that your blog title is, indeed, centered. 

9. If it is, that click the orange "Save Template" button and enjoy your new centered title!

Click the "Edit HTML" button under the picture titled "Live on Blog." This displays a notification reminding you that Google recommends only advanced users modify Blogspot's HTML code directly.

Read more : http://www.ehow.com/how_12188869_center-blog-titles-blogspot.html

Click the "Edit HTML" button under the picture titled "Live on Blog." This displays a notification reminding you that Google recommends only advanced users modify Blogspot's HTML code directly.

Read more : http://www.ehow.com/how_12188869_center-blog-titles-blogspot.html

Click the "Edit HTML" button under the picture titled "Live on Blog." This displays a notification reminding you that Google recommends only advanced users modify Blogspot's HTML code directly.

Read more : http://www.ehow.com/how_12188869_center-blog-titles-blogspot.html