Senin, 09 Juli 2007

How To Make A Link

The tags used to produce links are the <a> and </a>.

The <a> tells where the link should start and the </a> indicates
where the link ends.

Everything between these two will work as a link. The target of the link is added to the <a> tag using the href="http://www.whateverpage.com" setting.

The example below shows how to make the word here work as a link to yahoo.

Click <a href="http://www.yahoo.com">here</a> to go to
yahoo.
You simply:

* Specify the target in the <a href=" ">.
* Then add the text that should work as a link.
* Finally add an </a> tag to indicate where the link ends. (Taken from http://www.echoecho.com)

posted at 13.08 0 komentar

Directory: ,

Colors On Text Links

This page will teach you how to:

* Define colors for all links on the page.
* Define colors for individual links on the page.

Define colors for all links on the page

The general color of text links is specified in the <body> tag, like
in the example below:

<body link="#C0C0C0" vlink="#808080" alink="#FF0000">

* link - standard link - to a page the visitor hasn't been to yet. (standard
color is blue - #0000FF).

* vlink - visited link - to a page the visitor has been to before. (standard

color is purple - #800080).

* alink - active link - the color of the link when the mouse is on it. (standard

color is red - #FF0000).

Note
You can click here to learn more about the hexadecimal colorsystem that is used

in HTML.

Define colors for individual links on the page

The method described above is for setting overall link colors for the page.

However, you might want one or more links to have different colors than the
rest of the page.

There are two methods for doing this:

* Placing font tags between the <a href> and the </a> tag.
This method will work on all browsers except MSIE 3.
* Using a style setting in the <a> tag.

This method works on MSIE3 and newer browsers.
The first technique would look like this:
Click <a href="http://www.yahoo.com"><font color="FF00CC">here</font></a>
to go to yahoo.

Note:

It is important that both the <font> and the </font> tags are between
the <a href> and </a> tags.

The second technique would look like this:

Click <a href="http://www.yahoo.com" style="color: rgb(0,255,0)">here</a>
to go to yahoo.
Note:
The RGB numbers indicate amounts of red, green, and blue using values between
0 and 255. You can read more about converting between RGB colors and hexadecimal
colors here.

Now, since neither of the two methods covers all browsers, we need to use both
techniques at once.

This example will work on all browsers:

Click <a href="http://www.yahoo.com" style="color: rgb(0,255,0)"><font
color="FF00CC">here</font></a> to go to yahoo.

The last example is interesting. Not only because it will work on all browsers.
But even more because it shows a general approach to making your pages browser
safe.

Since browsers simply leave out information that is not understood, you can
work around browser differences by simply adding different settings for multiple
browsers. (taken from: http://www.echoecho.com)

posted at 12.41 0 komentar

Directory:

Minggu, 08 Juli 2007

Make "Read More" Page

Yesterday, Iwan's blog was broken. Its because he wanted to add "read more"
facility in his blog, but he get difficulty and get stress. And mas Aries and
Iwan wanted me to take resposiblity. It doesn't make sense :).
Therefore, I decide
to share how to add read more in blog to make our blog more simple and interesting.
The steps bellow is for blogger beta version. Let's Try ....

First Step :

1.Open template --> edit HTML
2.Give check in "expand widget template"
3.Find this code :

<div class='post-header-line-1'/> <div class='post-body'>
4.Write this code bellow the code above.

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

5. After code above, You can find this code

<p><data:post.body/></p>

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>

6. Between <p><data:post.body/></p> and

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>

Please write this code :

<a expr:href='data:post.url'>Read More......</a>

</b:if>

7 Please check again the code structure :

<div class='post-header-line-1'/> <div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>

</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>

8. Click SETTINGS, and choose FORMATTING. Please find POST TEMPLATE menu. Fill
the box with this code :

<span class="fullpost">

</span>

Don't forget to click SAVE

9. Place your article above the code, and place the another between

<span class="fullpost">

</span>
GOOD LUCK!!! (taken from: http://sufa-cupa.blogspot.com)

posted at 04.25 0 komentar

Directory: ,

Sabtu, 07 Juli 2007

Introduction To HTML

What is an HTML File?
* HTML stands for Hyper Text Markup Language
* An HTML file is a text file containing small markup tags
* The markup tags tell the Web browser how to display the page
* An HTML file must have an htm or html file extension
* An HTML file can be created using a simple text editor

Do You Want to Try It? If you are running Windows, start Notepad. If you are on a Mac, start SimpleText.

In OSX start TextEdit and change the following preferences: Open the the "Format" menu and select "Plain text" instead of "Rich text". Then open the "Preferences" window under the "Text Edit" menu and select "Ignore rich text commands in HTML files". Your HTML code will probably not work if you do not change the preferences above!

Type in the following text:

<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage. <b>This text is bold</b>
</body>
</html>
Save the file as "mypage.htm".

Start your Internet browser. Select "Open" (or "Open Page") in the File menu of your browser. A dialog box will appear. Select "Browse" (or "Choose File") and locate the HTML file you just created - "mypage.htm" - select it and click "Open". Now you should see an address in the dialog box, for example "C:\MyDocuments\mypage.htm". Click OK, and the browser will display the page.
Example Explained

The first tag in your HTML document is <html>. This tag tells your browser
that this is the start of an HTML document. The last tag in your document is
</html>. This tag tells your browser that this is the end of the HTML
document.

The text between the <head> tag and the </head> tag is header information.
Header information is not displayed in the browser window.

The text between the <title> tags is the title of your document. The
title is displayed in your browser's caption.

The text between the <body> tags is the text that will be displayed in
your browser.

The text between the <b> and </b> tags will be displayed in a bold
font.

HTM or HTML Extension?
When you save an HTML file, you can use either the .htm or the .html extension. We have used .htm in our examples. It might be a bad habit inherited from the past when some of the commonly used software only allowed three letter extensions.

With newer software we think it will be perfectly safe to use .html.
Note on HTML Editors:

You can easily edit HTML files using a WYSIWYG (what you see is what you get) editor like FrontPage or Dreamweaver, instead of writing your markup tags in a plain text file.

However, if you want to be a skillful web developer, we strongly recommend that you use a plain text editor to learn your primer HTML. (taken from: http://www.w3schools.com)

posted at 05.37 0 komentar

Directory:

Langganan: Postingan (Atom)