How To Remove the Color in the Footer in the "Awesome" Template

Is the colored area in the footer of your "Awesome" template obstructing your view?  Here is how to remove it.  You will be left with a clear area across the entire bottom of your page, but will still have the name of the template designer.  Here's how:

1. Back up your template.
2. Click on "Edit HTML". 
3. Click on "Ctrl F" to open your find box.
4. In the find box, locate the following line by copying and pasting it in the box:  

.footer-outer {

 

Now, very carefully highlight the following (shown in red):


.footer-outer {


  margin: -$(shadow.spread) 0 -1px;


  padding: $(shadow.spread) 0 0;


  color: $(footer.text.color);


  overflow: hidden;


}


.

How To Remove the Color in the Footer in the "Picture Window" Template

Is the colored area in the footer of your "Picture Window" obstructing your view?  Here is how to remove it.  You will be left with a clear area across the entire bottom of your page, but will still have the name of the template designer.  See the bottom of this page, you will notice there is not any color in the footer.   Here's how:

1. Back up your template.
2. Click on "Edit HTML". 
3. Click on "Ctrl F" to open your find box.
4. In the find box, locate the following line by copying and pasting it in the box:  

.footer-outer {

Now, very carefully highlight the following (shown in red):

.footer-outer {

  color:$(footer.text.color);

  background: $(footer.background);

 

Got it?  Now hit your delete button and then preview.  The box will be gone, but the attribution ("Template by"...and "Powered by"...will remain, but the color will be gone.  Congrats!

How to Center Your Header in the *NEW* Template Designer

Are you having difficulty centering your header in the new "Template Designer"?  Try this...

1. Open the "Template Designer"
2. Click on "Advanced"
3. Click on "CSS"
4. Drop in the following code shown in red below:

#Header1 {width:800px;margin:0 auto}

Your header should now be centered.  Congrats!

Important Information for New Template Design Users

A lot of you are using the new template designs in Blogger.  The default in the templates is to show the background of any image in another color such as white.  For example, if you download any of my images, they were all created with a transparent background.  If the image shows on your blog with a colored background, here is how to fix it:

1.  Go to your dashboard and click on your blog.
2. Click on "Template Designer"
3. The click on "Advanced" and in the next column, scroll until you see "Images"
4. Under "Background Color" you will see a small box at the bottom of the color choices that says "Transparent".  Do a mouse click in that box.  In the box at the top it should say "Transparent".  In the next column under "Border Color", again there will be a small box at the bottom of clor choices that says "Transparent".  Do a mouse click in that box.  In the box at the top is should say "Transparent".
5. You should now see the word "Transparent" in two boxes at the top of your page.
6. Now don't forget to click on the orange button on the top right of your page that says "Apply to Blog".  If you forget to do this, you will not apply the changes.  

Well, that's it!  Thanks again for stopping by!

Add a Signature to Your Posts

Here's how to add a signature to your post and have it appear every time like my "Debra" shown below each of my posts.  It's really very easy.

Requirement:  You must have some type of image hosting service in order to have it appear.  Most of us do, but if you do not, Photobucket and Flicker are a couple available.  Ready?  Let's  get started!

1. Create an image you would like to appear.  My signature is 100 x 100 pixels to give you an idea of size.  You can add an image and your name, or just your name.  It's up to you.  
2. Once you have an image you have chosen, upload it to your image hosting site.
3. Copy the link because you will need it in a minute.
4. Now we will tell Blogger to add it each time to every post.
5. Go to your "dashboard", then "settings", then "formatting".
6. Scroll down the page until you see "Post Template".
7. Add the code shown below:


<p>
<img style="border:0;" align="left" src="
http://TheExactAddressofYourImageGoesHere"/>
</p>


Now replace the part of the code shown in red, with the EXACT location of your image.

NOTE:  Be sure NOT to accidentally remove the " (quotation marks) before http and after jpg.

Congrats!  You did it!  (Smile)  Questions?  Just email me.  My advice is always free.

Add a Scrolling Marquee to Your Blog

Want to add a scrolling marquee to your blog?  Here's how to do it...

1. Go to ADD A GADGET
2. Go to HTML/JAVA SCRIPT

Copy the following code and replace what is in red with your text.


<marquee>Your Message Goes Here</marquee>


Your text will show up like this:
Your text will show like this...Congrats!  You did it!

That's it! Congrats!

Your comments are appreciated!

Remove a Border From Your Header

Here's how to remove the border from your header:

1. Download a copy of your of your template.
2. Click on Edit HTML and put a check mark in the box to expand the template.
   
3. Whether you are using Internet Explorer or Foxfire, put one finger on your control button and while you are holding it down, hit your "f" key. This will open a box either on the top or bottom of your screen that you will use to search your html in your template.
4. Next, in the find box (the box you just created in #3), put #header-wrapper. When you find it, about 3 lines down, you will find the word "border". There will be a "1px". Change the "1" to a "0" (zero).
5. Next, in the find box, put #header (by itself, not header-wrapper). When you find it, about 2 lines down, you will find the word "border" and next to it there will be a "1px" again. Change the "1" to a "0" (zero).
   

Be sure to click on "SAVE" or all the changes you just did will be lost.

Now that wasn't so bad was it? CONGRATS! If you need help, just send me an email: makeminefabulous@gmail.com