Just Ask Matt - Answers

Changing the Font & Style of Your H1 Tags

QUESTION: (Rhonda) I am having problems changing the font size of my H1text. Is this very important? If so, how do I go about changing it?

Changing the text and/or style of an H1 tag is simple in CSS.  It does not affect anything other than how the visitor sees it though (i.e., if you use a large font, it means nothing more than a smaller font, in SEO terms or how Google sees it).

You can change the H1 tag locally or in the CSS definition file.

If you want to change all of the H1 tag settings in your entire website, you would do this in the CSS file:

h1 {
font-size: 24px;
}

You would use the h1 tag as you normally would:
<h1>This is my H1 tag</h1>

You can define a class in the CSS file which allows you to define your new style whenever you wish anywhere on the site:

.h1style {
font-size: 24px;
}

You would add this class to your h1 tag, when you wish it:

<h1 class=”h1style”>This is my H1 Tag</h1>

* Remember to add the “.” when defining it in the CSS to classify it as a class.

Finally, you can do it locally using a style attribute (without the CSS file):

<h1 style=”font-size:24px;”>This is my H1 Tag</h1>

All of the above do the exact same thing.  Their use is based on how often you use the style and how you want it defined (whether globally or locally).

Also, remember you can add other styles to the same definition (like color):

<h1 style=”font-size:24px; color:red;”>This is my H1 Tag that is Red and 24px high</h1>

I find that being able to change the styles of my text for header and other standard tags to be quite invaluable!  Knowing a little bit of CSS can go a long way.  Give this a try!

The easiest thing to try first is the local definition using the style attribute. If this is working for you, consider creating or editing your own CSS file!

Good luck!  cheers…matt


Read Full Post >>
More Questions & Answers...
GOT A QUESTION?

Who is Behind Marketing Mind?

Matthew Bredel begin_of_the_skype_highlighting     end_of_the_skype_highlightingMy name is Matthew Bredel and as of March, 2007, I am a full-time, work-at-home internet marketer. For close to 10 years, I worked for a defense company which was an OK job, but I was so uninspired in life and frankly, I needed some more money. That is when I first discovered internet marketing! Now I admit that I didn't start making thousands in my first couple of months (in fact, I lost my shirt!), but I finally saw the "internet light"...

Read More about Matthew Bredel
GURU STUFF END -->

Share This Post...

 
In the last post, I gave you instructions on how to produce Camtasia videos that are recognized by YouTube as High Definition.  In this post, we break down High Definition on YouTube for general use a little bit.
(I used a bit of the information found at My Digital Life to help me do a lot [...]

 

In the last post, I gave you instructions on how to produce Camtasia videos that are recognized by YouTube as High Definition.  In this post, we break down High Definition on YouTube for general use a little bit.

(I used a bit of the information found at My Digital Life to help me do a lot of this!)

So, the specs for High Definition:

  • Resolution: 1280 x 720px
  • Rendering:  h.264 (MP4/Quicktime)
  • Frame Rate: 30 fps
  • Bit Rate: > 1 mbps
  • Audio: High-quality AAC two audio channels stereo sound at 232 kbit/s 44100 Hz monaural (near CD quality)

This is what we essentially created in the last blog YouTube High Definition fromCamtasia.  One thing to note here, though, is that if you are using a camcorder to record yourself, you MUST have a High Definition camera to do this properly (standard cameras do not record in this higher 1280x720 resolution…that is why it is called high definition, right?)

So how to you embed High Definition into your website or blog?

First, grab the “embed code” as you normally would from your YouTube Video…

YouTube Embed Code

<object width=”480″ height=”295″><param name=”movie” value=”http://www.youtube.com/v/Y2Kh1EFD9HQ&hl=en&fs=1″></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/Y2Kh1EFD9HQ&hl=en&fs=1″ type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”480″ height=”295″></embed></object>

So here is the trick!  We need to add an extra variable (some extra stuff) to the video location within this code.For High Quality (which we discuss more in How to Create High Quality Video on YouTube), we need to add:

&ap=%2526fmt%3D18

Here is where we add it:

<object width=”480″ height=”295″><param name=”movie” value=”http://www.youtube.com/v/Y2Kh1EFD9HQ&hl=en&fs=1&ap=%2526fmt%3D18“></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/Y2Kh1EFD9HQ&hl=en&fs=1&ap=%2526fmt%3D18” type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”480″ height=”295″></embed></object>

For High Definition, it is really the same thing except we change the fmt variable slightly to:

&ap=%2526fmt%3D22

<object width=”480″ height=”295″><param name=”movie” value=”http://www.youtube.com/v/Y2Kh1EFD9HQ&hl=en&fs=1&ap=%2526fmt%3D22“></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/Y2Kh1EFD9HQ&hl=en&fs=1&ap=%2526fmt%3D22” type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”480″ height=”295″></embed></object>

That is it!  cheers…matt

Don't Buy Another Money Making Product Until You Watch These FREE Videos!

First Name:
Email: