How to Create an Anchor Text Link?
Code:
<a href="http://www.Your-Company-Name.com">Your Website Address</a>
Will make "Your Website Address" a clickable link.
Showing posts with label HTML Tutorials. Show all posts
Showing posts with label HTML Tutorials. Show all posts
Wednesday, September 2, 2009
How to Make a URL/Website Address "Linkable"
<a href="http://www.your-company-name.com/">http://www.Your-Company-Name.com</a> will make "http://www.Your-Company-Name.com" a clickable link.
Just substitute your website address into the above code and now you know how to "link" up a website address.
Just substitute your website address into the above code and now you know how to "link" up a website address.
Monday, May 11, 2009
How to optimize Image to improve image search result
This is very Important when you are a Photo Blogger. Because Search engine cant read a photo so you need to put a name or description to your photo so search engine can read your photo description.
So this is What you called Alt Tag.
Alt tag is where you will put the description of the photo.
Basically the HTML code for an image is
So we need to add an alt tag to this so search engine ca read whats the photo all about.
The HTML code for an Image with Alt Tag is
Take Note that done overuse Alt tag. Just put a brief description not exceeding to 12 words or less.
See Also:
Code for Alt Tag | How to use
So this is What you called Alt Tag.
Alt tag is where you will put the description of the photo.
Basically the HTML code for an image is
<img src="image/picture1.jpg"/>
So we need to add an alt tag to this so search engine ca read whats the photo all about.
The HTML code for an Image with Alt Tag is
<img src="image/picture1.jpg" alt="picture description" />
Take Note that done overuse Alt tag. Just put a brief description not exceeding to 12 words or less.
See Also:
Code for Alt Tag | How to use
Sunday, May 3, 2009
How to put favicon to your Blogger Blog or Website
Here i will discuss how to Properly put an favicon to your blog or website. Its so easy.
Here Is the Step by Step Tutorials on How to put favicon to your Blogger Blog or Website.
If you are Using Blogger:
Step 1: Go to Blogger>Layout>Edit HTML
Step 2: Find <head> hen paste this code after <head> tag.
Remember: change the favicon.ico to your personal ico. if you dont know how to have a .ico file visit How To Convert PNG to ICO.
Step 3: Save
If your Not using A Blogger just paste this code inside your <head> tag.
Hope This Help.
Don't know how to make a .ico File?
Visit: How To Convert PNG to ICO
Here Is the Step by Step Tutorials on How to put favicon to your Blogger Blog or Website.
If you are Using Blogger:
Step 1: Go to Blogger>Layout>Edit HTML
Step 2: Find <head> hen paste this code after <head> tag.
<link rel="shortcut icon" href="favicon.ico" />
Remember: change the favicon.ico to your personal ico. if you dont know how to have a .ico file visit How To Convert PNG to ICO.
Step 3: Save
If your Not using A Blogger just paste this code inside your <head> tag.
<link rel="shortcut icon" href="favicon.ico" />
Hope This Help.
Don't know how to make a .ico File?
Visit: How To Convert PNG to ICO
Saturday, May 2, 2009
Changing your Post Title to H1 Tag
Some Themes are not SEO friendly so i will teach you one step in making your Blogger theme SEO friendly.
Making your Post title your H1 tag is a very big deal when it comes to SEO it's because Search engine gives more attention in H1 Tags compare to other heading tags.
If you need more knowledge about heading tags visit: What is Heading Tags and how to use it.
Now i will teach you how to Edit your Theme so it automatically make your Post Tittle an H1 Tag.
So lets start our Step by Step Tutorials in Changing your Post Title to H1 Tag.
Step 1: Go to Blogger>Layout>Edit HTML
Step 2: Click the "Expand Widget Templates Check box"
Step 3: Find This Code:
Remember: Bellow that code you will see a code something like this:
As you can see the above code is Optimized. If its happen to to be an <h2> or something, just change it to <h1>
Step 4: Change the CSS Code for the Title Tag.
This is maybe Difficult for beginners for HTML. Just free to ask Questions and ill answer it.
Hope you understand. :D
Making your Post title your H1 tag is a very big deal when it comes to SEO it's because Search engine gives more attention in H1 Tags compare to other heading tags.
If you need more knowledge about heading tags visit: What is Heading Tags and how to use it.
Now i will teach you how to Edit your Theme so it automatically make your Post Tittle an H1 Tag.
So lets start our Step by Step Tutorials in Changing your Post Title to H1 Tag.
Step 1: Go to Blogger>Layout>Edit HTML
Step 2: Click the "Expand Widget Templates Check box"
So its shows all the codes of your Blogger theme
Step 3: Find This Code:
<b:if cond='data:post.title'>
Remember: Bellow that code you will see a code something like this:
<h1>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
As you can see the above code is Optimized. If its happen to to be an <h2> or something, just change it to <h1>
Step 4: Change the CSS Code for the Title Tag.
In Step 3: If you Change an <h2> to <h1> be sure to change the CSS style from <h2> to <h1> also.
This is maybe Difficult for beginners for HTML. Just free to ask Questions and ill answer it.
Hope you understand. :D
Friday, May 1, 2009
Code for Alt Tag | How to use
How To Use Alt Tag
In This Topic I Am Going to explain how to use <alt> tags in your images.
First of all, What is an Alt Tag?(see post: What is <alt> tag?)
So the code of the alt tab is
<img src="image/picture1.jpg" alt="picture description" />
So Basically Alt Tag is used for describing an image.
So if Google Bots crawls your page, the images will also be crawled by Google Bots using Alt Tag.
Sunday, April 26, 2009
What is Heading Tags and how to use it
Now I will Discuss how to use Heading Tags Properly
So Lets Start.
There are 6 Heading tags, they are:
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<h1> Post Tittle </h1>
<h2> Main Point </h2>
<p> Post Content </p>
<h3> sub points/sub heading </h3>
<p> Post Content </p>
So Lets Start.
What are Heading tags?
Heading Tags are HTML tags that is used to denote a page or section heading on a web page. Search engines pay special attention to text that is marked with a heading tag.
There are 6 Heading tags, they are:
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
This is how you use Heading Tags on your Blog Post
<h1> Post Tittle </h1>
<h2> Main Point </h2>
<p> Post Content </p>
<h3> sub points/sub heading </h3>
<p> Post Content </p>
Thursday, April 23, 2009
How to use Meta Tags
The META tag is primarily used to help search engines better index a document by supplying additional information about the document. The types of additional information that META tags can provide include an author's name, a description or short abstract of a document, or a set of keywords for indexing a document. Providing this type of additional information should increase the chance that users will find your documents -- the information they want -- on the Web. In addition to providing indexing information, META tags can also be used to refresh a Web page or to redirect a user from one Web page to another.
Here Are The Examples
Where can I put my Meta Tags?
META Tags are properly place inside the <head> tags.
Example:
<HTML>
<HEAD>
<title>Blogger: yimzWik</title>
<meta name="DESCRIPTION" content="put your page description here"/>
<meta name="robots" content="index,follow" />
<meta name="keywords" content="put your keywords here" />
</HEAD>
As you can see All of the Meta Tags are inside the <head> tags.
How to Use the META Description Tag
The META Description Tag is where you put a brief description about your blog or Web Page.
Example of a Meta Description Tag:
<meta name="description" content="put your page description here" />
How to Use the META Keywords Tag
The Meta Keywords tag is used to be an important way to get your page listed under specific keywords under the search engines. Today major search engines like Google and Alta Vista ignore this tag, and the keywords tag no longer has the significance it used to have in the early days of the web.
Example of a Meta Keyword Tag:
<meta name="keywords" content="put your keywords here" />
Meta Keywords and META Description Tags is the 2 most important Meta Tags in Blogging. So put your Meta Tags Now!!!
Subscribe to:
Comments (Atom)
|