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

(Sonya) I came to this site by clicking on a “learn more” link that redirects to this page - what I want to know, although be it very basic, is how do I get a link to look like that? For example this web page url is http://www.matthewbredel.com/just-ask-matt, however I just clicked on something that said “learn more”. I want to know how I can title my links whatever I want with hidden url links in the exact same way you have!

Hey Sonya,

This is kind of an important topic and one I have discussed before.  This “shortening” and “personalizing” of the URL is a standard practice and one that can be done in several ways.

For most of my redirects, I edit my htaccess file: Using Your HTAccess File to Redirect Users.  I actually wrote a post on this and did a video, too (see previous link).  This may be a little bit advanced for some, but if you have the proper access on your server to do it, this redirect is perhaps the most effective.

Also note that the Wordpress Permalink is similar to the htaccess redirect (it does use the htaccess file, but a little differently).  This is how the “http://www.matthewbredel.com/just-ask-matt” works.  Wordpress does it for you.  The “just-ask-matt” is just the slug-name for the page I created and my Permalinks are turned on.

The other thing great about the htaccess redirect is that you can create a simple list of redirects.  If that link ever changes, all you need to do is change it in your htaccess file (this works really well with affiliate links!).  Plus, this “clones” the link you are redirecting to.

Now there are other, simpler redirects you can do.

Server Side (fairly advanced still):

Use a php header(”Location:http://www.yoursite.com”) command.  Here, you would create a file or a script specifically to redirect.

Javascript (simpler):

This can be written directly in the HTML as a window.location function.  I don’t recommend this, though, since it can be suppressed by pop-up blockers and won’t work in browsers where the javascript has been disabled.

HTTP Header (very simple):

By simply using the Refresh meta-tag in the header of your HTML, you can effectively redirect the user.  This is kind of old-school, though, and you lose any referrer information.  Not the best way.

<head>
  <meta http-equiv="Refresh" content="0; url=http://www.example.com/">
</head>

Use a SubDomain (Simple):

Now this is not like the others, but can be really simple.  Instead of redirecting using a filename or folder, you can use a subdomain.  This is in place of the “www”. For example, I could create a similar redirect using the domain name http://just-ask-matt.matthewbredel.com, where the subdomain is just-ask-matt.   Instead of doing the stuff above, you would go to your domain company (mine is GoDaddy) and create a new SubDomain and set up a redirection on it.  Usually, the domain company gives you about 100 subdomains for free.

Anyway, as you can see, there are several ways of doing this.  Some are complicated and more effective.  Others are simple, but have their limitations.  Play around with them and see how it goes.

There is also a great wiki that discusses these more in detail at URL redirection.

Hope this helps!

cheers…matt

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

First Name:
Email:

9 Responses to “Htaccess & Other URL Redirect Methods”

  1. Hey Matt. Great tutorial. Truly good stuff. I’m working on integrating something similar involving xml (long story)

    But, I think the answer to the question above was a little more simple.

    [Quote]
    For example this web page url is http://www.matthewbredel.com/just-ask-matt, however I just clicked on something that said “learn more”. I want to know how I can title my links whatever I want with hidden url links in the exact same way you have!
    {/Quote]

    I believe the answer she was looking for was : Using html. Any website that allows you to use html (like many but not all blog comment fields, craigslist ads, blogs, and (some)facebook pages) will let you make links the look like This

    <a href=”http://the-link-you-want-to-point-to.com/” rel=”nofollow”>The text you want displayed</a>


  2. oops. Just found out that the XMP tag is deprecated…

    Let’s try again.

    <a href=”http://the-link-you-want-to-point-to.com/” rel=”nofollow”>The text you want displayed</a>


  3. Thanks for discussing the .htaccess redirects. I am really working to learn more about them.

  4. Nice blog, just looking around some blogs, seems a pretty nice platform you’re using. I’m presently using Wordpress for a few of my sites but looking to alter one of them more than to a platform comparable to yours like a trial run. Anything in specific you would recommend about it?

  5. great share


  6. Thank you for sharing your knowledge on htaccess code.

  7. I prefer to make use of some of the content on my blog. Naturally I’ll provide you with a link in my web blog. Thanks for sharing.

  8. Excellent goods from you, man. Htaccess & Other URL Redirect Methods I’ve understand your stuff previous to and you are just too wonderful. I really like what you’ve acquired here, certainly like what you are stating and the way in which you say it. You make it entertaining and you still take care of to keep it wise. I can not wait to read far more from you. This is really a tremendous Htaccess & Other URL Redirect Methods informations.

  9. Fantastic goods from you, man. Htaccess & Other URL Redirect Methods I have understand your stuff previous to and you’re just extremely great. I actually like what you have acquired here, certainly like what you are stating and the way in which you say it. You make it entertaining and you still take care of to keep it smart. I can’t wait to read far more from you. This is really a tremendous Htaccess & Other URL Redirect Methods informations.

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>