Thursday, May 14, 2009

Px & HTML Code

What's px? Px is the HTML shorthand for pixels. Ever notice the picture or title of your blog has a frame around it? There are lines separating posts and framed around headlines and pictures.

Making these lines disappear is a great way to streamline the layout of your blog and tweak the presentation to your tastes. One way to make finding specific code easier is (Ctrl +F).

On the Blogger page, click the Layout tab. Next, click the Edit HTML tab. You will see a page of text and code. Scroll down until you see /* Header.
Look for pieces of code with numerals followed by px. By changing the numerical value to zero, you can make borders and frames disappear.

Remember to save your page (Ctrl + S) or copy the original code (Ctrl + C) before making alterations. The HTML code can be altered to change fonts, colors, spacing, etc. I highly recommend changing the px value for the header to zero. Otherwise, the picture or text of your blog's header will appear inside of a frame with empty space surrounding it. The frame also makes resizing your blog header more difficult.

No comments:

Post a Comment