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...

Videos are becoming very popular online and integrating them into your current Wordpress Blog is almost a must! But still, there are a few technical questions concerning this. Here, I provide two ways that you can be streaming videos from your Wordpress blog today!

Question:

“What is it that allows video to start right up on the site vs. opening in a separate window with media player or something like that? I’m keeping my sites as simple as possible using Host Gator and Word Press. I can put videos on them, but don’t like the added step.”

Answer:

Videos can be added to Wordpress, but you need to decide how you want to add them…

The easiest way is to embed a video from a syndication site, like YouTube.  This is a good idea because it is their bandwidth and they will create a player that is fairly robust (i.e., most people will be able to play it).  Of course, then it has their brand and possibly some advertising on it.

(Companies like Revver will actually split the advertising revenue with you, though…and Revver has its own video plug-in which is pretty simple to use…)

I use YouTube for most of my blog videos. (I have had issues with latency of distribution time with Revver…and I want my videos up ASAP after I make them…YouTube is usually done within the hour and their editing process is a bit more liberal).

I use the Smart YouTube plugin to do this:

http://wordpress.org/extend/plugins/smart-youtube/

If you want to host it yourself, you do need a container for your video.  I do this on my membership websites and integrating into a blog can be done; it just may be a little bit tougher.

Normally, you can upload directly in Wordpress by using the upload feature:

videoupload

Still, most servers put a limit on how big of a file you can upload (and most video files exceed this limit).  You can either manually FTP the file to your server or you can readjust the file size upload limit in your server’s initialization file (this one is pretty advanced!).

I personally host my videos using Amazon S3…sure, you may have tons of bandwidth with your server, but you never know how fast it is and who you are sharing it with (if you have HostGator shared account).  I also have a lot of volume, though, so I feel the effect.

The second thing to consider when hosting videos yourself is the player and the file type.  Video companies, like YouTube, convert all of their videos to an older version of Flash.  This is because Flash (and soon, MP4) is used rather universally across all browsers and platforms (both Mac and PC).  Video types like WMV work well on PC’s, but not Mac’s.  Quicktime is just the opposite.  So if you are going to host it yourself, I recommend that you post it in Flash, Shockwave, or MP4 (all of these work well in a standard Adobe Flash Player).

For a simple Wordpress plug-in for flash videos, check out:

http://www.mac-dev.net/blog/index.php

Personally, I think your best bet at the beginning is to embed the video using YouTube.  It is easy, robust, and you can also build some traffic on YouTube and the other video sites (I use Traffic Geyser to syndicate and bookmark all of my videos).

If traffic starts building and you want your own brand and your own player, you should consider hosting it yourself.  It is really just as easy, but may not be as fast or robust (but that can be improved once you understand it a bit more!).

cheers…matt

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

First Name:
Email:

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>