Erm's I.T. Girl – Zelna Ellis

Don't fear when Zel is near…

How To Hide Ads On Go-Daddy Free Site

If you have a Go-Daddy free-site this is how you can hide the advertisements to display in the browsers.
It is this simple!

Update your existing CSS files by adding the following code:
/*Hide Go-Daddy Ads on free-site*/
#conash3D0
{
display:none;
}

If you do not have an existing CSS file, it is quite easy to create.
Just follow these steps:

1. How to create a CSS (Cascading Style Sheet) File:

  • Open your favourite text editor.
  • Copy a paste the above code in it.
  • Save the file as, e.g. style.css
  • Upload the file to the root directory or a directory(folder) of your choice to your Web host.

2. How to link a CSS file in your existing Web Pages
Add the following code before the </head> tag in your existing pages.

  • If the CSS file is in the root directory:
    <link rel="stylesheet" href="/style.css" type="text/css" / >
  • If the CSS file is in the same directory as your Web Page:
    <link rel="stylesheet" href="style.css" type="text/css" / >
  • If the CSS file is in another directory, replace the words directoryName with the actual directory name:
    <link rel="stylesheet" href="/directoryName/style.css" type="text/css" / >

Remember to save or upload the files to your Web Host.

28 October 2009 Posted by | Coding, HTML | , , , | Leave a comment

Have a professional looking parked domain site

Intro

Parked Domain

Well I was actually looking around for WordPress Themes for my new website, then Ian Stewart' Launchpad gave me a great idea for making a html template for websites that is not quite ready yet.

When you’re getting ready to launch your website, most of the hosting companies and/or registars offers a parked domain, that can turn your site into an advertising campaign for them. I am also not a fan of the "Under Construction" pages.

Now you can park your domain in style!

You can download this template here. The MD5 Sum for this file is e859db95e43656b1ffc8bd909d87dec8

The fileparkeddomain.zip contains:

  • A Style Sheet: style.css
  • Index Page: index.html
  • RSS Feed File: mysite.rss
  • Readme File: readme.txt
  • Images (Sub-Folder)
    • RSS graphic: rss-icon.png
    • Footer graphic: bar.gif
  • Screenshot: parkeddomain.jpg

I’ve implemented it on my new Web site. Preview it here.

DomainParking Features

  • Professional design and typesetting.
  • Integration with Feedburner
  • GPL Licensed – you can do with it what you want to.

DomainParking Editing Instructions

RSS Feed File
For more info, read the RSS 2.0 Specifications.
You can update the file with your information in any text editor. Remember to save.
Upload the file to your host.
Validate it at http://validator.w3.org/feed/.
Enter the full URL of your RSS file into the form. Click the button. If there are any errors, the validator will tell you about them. Otherwise, it will validate your file.
Subscribe at http://feedburner/google.com, follow the instruction to get your feedburner links.

The Index File
You can update the file in your favourite html editor or text editor.
Update the page's title with your own.
If you want to use a favicon, make sure to upload your icon to the host and remove <-- Favicon disabled, as well as -->.
If you want to use a logo, make sure to upload your logo imagefile to the host and remove <-- Logo disabled, as well as -->.
In <h1><span>You’ve found </span> zellism.</h1> replace zellism with your name.
In the subscribe-options division, replace the feedburner URI with yours.
Save your file and upload your file to your host.
Head over to http://validator.w3.org/ to validate your file.
Enter the URL of your HTML file into the form. Click the button. If there are any errors, the validator will tell you about them. Otherwise, it will validate your file.

Conclusion

Now you can have a professional looking parked domain theme.
If you need any more help, feel free to leave a comment on this post or contact me by e-mail.
Hope this will help you to have a professional looking site while it is "UNDER CONSTRUCTION".
Best of luck with your website!

27 October 2009 Posted by | HTML, Tutorials | , , , , , , , | Leave a comment

HTML Links – Part 3

This is the last post regarding HTML Links.
The previous posts:
HTML Links – Part 2.
HTML Links – Part 1.

The Anchor tag <a>

Optional Attributes:

  • charset=Character-set The Character Encoding of the document in the target URL.
  • coords=Coordinates Coordinates used with an object or img element.
  • href=URL The target URL of the link.
  • hreflang=LanguageCode The language of the document in the target URL.
  • name=BookmarkName Create a bookmark in a document.
  • rel=Relationship The relation of the target URL to the current page.
  • rev=Relationship The relation of the current page to the target URL.
  • shape=Shape Defines the shape of a link.
  • target=Target Specifies where the target URL will open.
  • type=mimeType Specifies the MIME type (content type) of the target URL.

Standard Attributes:

accesskey, class, dir, id, lang, style, tabindex, title, xml:lang

Event Attributes:

onblur, onclick, ondblclick, onfocus, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseover, onmouseup

cset

In the earlier days of the web ASCII was the default character-set. These days the default character-set for modern browsers is ISO-8859-1. Another common character-set is UTF-8 (Unicode).
Note: Remember a browser doesn’t understand all of the character-sets.

Syntax: <a cset="Character-set">

ISO Character-sets

Character set Description Covers
ISO-8859-1 Latin alphabet part 1 North America, Western Europe, Latin America, the Caribbean, Canada, Africa
ISO-8859-2 Latin alphabet part 2 Eastern Europe
ISO-8859-3 Latin alphabet part 3 SE Europe, Esperanto, miscellaneous others
ISO-8859-4 Latin alphabet part 4 Scandinavia/Baltics (and others not in ISO-8859-1)
ISO-8859-5 Latin/Cyrillic part 5 The languages that are using a Cyrillic alphabet such as Bulgarian, Belarusian, Russian and Macedonian
ISO-8859-6 Latin/Arabic part 6 The languages that are using the Arabic alphabet
ISO-8859-7 Latin/Greek part 7 The modern Greek language as well as mathematical symbols derived from
the Greek
ISO-8859-8 Latin/Hebrew part 8 The languages that are using the Hebrew alphabet
ISO-8859-9 Latin 5 part 9 The Turkish language. Same as ISO-8859-1 except Turkish characters
replace Icelandic ones
ISO-8859-10 Latin 6 Lappish, Nordic, Eskimo The Nordic languages
ISO-8859-15 Latin 9 (aka Latin 0) Similar to ISO 8859-1 but replaces some less common symbols with the
euro sign and some other missing characters
ISO-2022-JP Latin/Japanese part 1 The Japanese language
ISO-2022-JP-2 Latin/Japanese part 2 The Japanese language
ISO-2022-KR Latin/Korean part 1 The Korean language

Unicode Character-Sets

Character-set Description
UTF-8 A character in UTF8 can be from 1 to 4 bytes long. UTF-8 can represent any character in the Unicode standard. UTF-8 is backwards compatible with ASCII. UTF-8 is the preferred encoding for e-mail and web pages
UTF-16 16-bit Unicode Transformation Format is a variable-length character encoding for Unicode, capable of encoding the entire Unicode repertoire. UTF-16 is used in major operating systems and environments, like Microsoft Windows 2000/XP/2003/Vista/CE and the Java and .NET byte code environments

Back to Top

coords

The coords attribute is used together with the shape attribute to specify the size, shape, and placement of a link in an object or img element. The coordinates of the top, left corner of an area are 0,0.
Note: Not supported in all browsers!!!
Syntax: <a coors="Coordinates,">

Value Description
x1,y1,x2,y2 If the shape attribute is set to “rect”, you need to specify the coordinates of the left-top corner and the right-bottom corner of the rectangle.
x,y,radius If the shape attribute is set to “circ”, you need to specify the coordinates of the circle center and the radius.
x1,y1,x2,y2,..,xn,yn If the shape attribute is set to “poly”, you need to specify the coordinates of the edges of the polygon. If the first and last coordinate pairs are not the same, you need to specify the last coordinate pair to close the polygon.

Back to Top

Syntax: <a href="URL,">
Have a look at the previous two posts: HTML Links – Part 1 and HTML Links – Part 2.
Back to Top

hreflang

A two-letter language code that specifies the language of the document in the target URL.
Syntax: <a hreflang="languageCode">
ISO 639-1 Language Codes

Language ISO Code
Abkhazian ab
Afar aa
Afrikaans af
Albanian sq
Amharic am
Arabic ar
Armenian hy
Assamese as
Aymara ay
Azerbaijani az
Bashkir ba
Basque eu
Bengali (Bangla) bn
Bhutani dz
Bihari bh
Bislama bi
Breton br
Bulgarian bg
Burmese my
Byelorussian (Belarusian) be
Cambodian km
Catalan ca
Chinese (Simplified) zh
Chinese (Traditional) zh
Corsican co
Croatian hr
Czech cs
Danish da
Dutch nl
English en
Esperanto eo
Estonian et
Faeroese fo
Farsi fa
Fiji fj
Finnish fi
French fr
Frisian fy
Galician gl
Gaelic (Scottish) gd
Gaelic (Manx) gv
Georgian ka
German de
Greek el
Greenlandic kl
Guarani gn
Gujarati gu
Hausa ha
Hebrew he, iw
Hindi hi
Hungarian hu
Icelandic is
Indonesian id, in
Interlingua ia
Interlingue ie
Inuktitut iu
Inupiak ik
Irish ga
Italian it
Japanese ja
Javanese jv
Kannada kn
Kashmiri ks
Kazakh kk
Kinyarwanda (Ruanda) rw
Kirghiz ky
Kirundi (Rundi) rn
Korean ko
Kurdish ku
Laothian lo
Latin la
Latvian (Lettish) lv
Limburgish ( Limburger) li
Lingala ln
Lithuanian lt
Macedonian mk
Malagasy mg
Malay ms
Malayalam ml
Maltese mt
Maori mi
Marathi mr
Moldavian mo
Mongolian mn
Nauru na
Nepali ne
Norwegian no
Occitan oc
Oriya or
Oromo (Afan, Galla) om
Pashto (Pushto) ps
Polish pl
Portuguese pt
Punjabi pa
Quechua qu
Rhaeto-Romance rm
Romanian ro
Russian ru
Samoan sm
Sangro sg
Sanskrit sa
Serbian sr
Serbo-Croatian sh
Sesotho st
Setswana tn
Shona sn
Sindhi sd
Sinhalese si
Siswati ss
Slovak sk
Slovenian sl
Somali so
Spanish es
Sundanese su
Swahili (Kiswahili) sw
Swedish sv
Tagalog tl
Tajik tg
Tamil ta
Tatar tt
Telugu te
Thai th
Tibetan bo
Tigrinya ti
Tonga to
Tsonga ts
Turkish tr
Turkmen tk
Twi tw
Uighur ug
Ukrainian uk
Urdu ur
Uzbek uz
Vietnamese vi
Volap√ľk vo
Welsh cy
Wolof wo
Xhosa xh
Yiddish yi, ji
Yoruba yo
Zulu zu

Back to Top

name

Create a bookmark in a document.
Syntax: <a name="name">
Was discussed in HTML Links – Part 1.
Back to Top

rel

The relation of the target URL to the current page.
Syntax: <a rel="relationship">

Value Description
alternate An alternate version of the document e.g. translated, mirror, etc.
appendix An appendix of a selection of documents.
bookmark A related document.
chapter A chapter of a selection of documents.
contents A table of contents for the document.
copyright A document containing copyright information.
glossary A glossary (explanation) of words used in the document.
help A help document.
index An index for the document.
next The next document in the current selection.
prev The previous document in the current selection.
section A section of a selection of documents.
start The first document in a selection.
stylesheet An external style sheet for the document.
subsection A subsection of a selection of documents.

Back to Top

rev

The relation of the current page to the target URL. This is the opposite of the rel attribute.
Syntax: <a rev="relationship">

Value Description
alternate An alternate version of the document e.g. translated, mirror, etc.
appendix An appendix of a selection of documents.
bookmark A related document.
chapter A chapter of a selection of documents.
contents A table of contents for the document.
copyright A document containing copyright information.
glossary A glossary (explanation) of words used in the document.
help A help document.
index An index for the document.
next The next document in the current selection.
prev The previous document in the current selection.
section A section of a selection of documents.
start The first document in a selection.
stylesheet An external style sheet for the document.
subsection A subsection of a selection of documents.

Back to Top

shape

Syntax: <a shape="link-shape">

Value Description
default Specifies the entire region.
rect Defines a rectangular region.
circle Defines a circular region.
poly Defines a polygonal region.

Back to Top

target

Syntax: <a target="target">
Was discussed in HTML Links – Part 1.

Value Description
_blank Target URL opens in a new window
_self Target URL will open in the same frame as it was clicked.
_parent Target URL will open in the parent frameset.
_top Target URL will open in the full body of the window.
framename Name of the target frame the URL should open in.
_tab Target URL will open in a new tab page if the browser supports it, otherwise in a new window.

Back to Top

type

Specifies the content type of the target URL.
Syntax: <a type="mimeType">
A commonly used example is: <a type="text/html">
A list of registered content types can be find here.

Back to Top

Note to Facebook Note Readers: Facebook Notes is not supporting tables, rather view the original post.

This was the last part of HTML Links.

4 March 2009 Posted by | HTML | , , | Leave a comment

HTML Links – Part 2

This is a follow up from HTML Links – Part 1. In this post we are going to have a look how to use a picture/image as a link as well as E-Mail Links.

Using an image as a link.

Example

<a href="http://ersmitgirl/wordpress.com/lastpage.html"><img border="0" alt="My Last Page"src="http://ermsitgirl/wordpress.com/2009/03/02/html-link-part-2/roll.gif&quot; width="75" height="68"></a>

Try It
Last Page

Note: The Image File can be any format, jpeg, bmp, tiff, etc.

E-Mail Links

Example
With this example it will open the client’s default e-mail program, create a new message, add a recipient in the ‘To’, ‘cc’, ‘bcc’ fields and also a short message in the ‘message text box’ (body of the message).

<a href="mailto:someone@ontheweb.com?cc=someoneelse@ontheweb.com&bcc=someobodyelse@ontheweb.com&subject=Winter%20Expo&body=I%20will%20will%20attend%20the%20Expo!">Send Mail</a>

Note:Use %20 instead of spaces in the sucject line and body text so the text will be displayed correctly.

Try It
Send mail!

In the next post we have an indepth look at all the attributes of the <a> Anchor tag.

3 March 2009 Posted by | HTML | , | 1 Comment

HTML Links – Part 1

The link also known as the hyperlink, refers to the resourse(URL)/document on the Web: An image, web page, movie, sound, image file, etc.

By default, links will appear as follows in all browsers:

  • An unvisited link is underlined and blue
  • A visited link is underlined and purple
  • An active link is underlined and red

Note: The XHTML & HTML code is the same.

Syntax:
<a href="url">Link Text</a>

Example:
<a href="https://ermsitgirl.wordpress.com/">Visit Zelna’s Blog</a>
Will display as:
Visit Zelna’s Blog

The <a> Tag
This defines the anchor, which can be used for:

  1. A link to another document, by using the href attribute
  2. A bookmark inside a document, by using the name attribute

The href attribute
The href attribute indicates the destination.

The target Attribute
The target attribute specifies where the linked document will be opened.

Example: This will open the page in a new window:
<a href="https://ermsitgirl.wordpress.com/&quot; target="_blank">Visit Zelna’s Blog</a>

The target attribute values
_blank The target URL will open in a new window.
_self The target URL will open in the same frame as it was clicked.
_parent The target URL will open in the parent frameset.
_top The target URL will open in the full body of the window.
framename The name of the target frame the URL should open in.
_tab The target URL will open in a new tab page.

The name Attribute
When the name attribute is used, the <a> defines a named anchor inside the document. This is not displayed in any special way. The importance is to create a link to the named anchor.
Remember if a browser cannot find a named anchor that has been specified, it goes to the top of the document. No error occurs.

Named anchor Syntax
<a name="label">Content</a>

Link Syntax to a Named Anchor
<a href="#label">Content</a>

Example:

<p>
<a href="#ch3">See also Chapter 3.</a>
</p>

<h2>Chapter 1</h2>
<p>In this chapter you will learn about blah, blah, blah, …</p>

<h2>Chapter 2</h2>
<p>In this chapter you will learn about blah, blah, blah, …</p>

<h2><a name="ch3">Chapter 3</a></h2>
<p>In this chapter you will learn about blah, blah, blah, …</p>

<h2>Chapter 4</h2>
<p>In this chapter you will learn about blah, blah, blah, …</p>

Note: You can also specify it as follow, and refer to another page:
<h2><a name="https://ermsitgirl.wordpress.com/#ch3">Chapter 3</a></h2>

TryIt:

See also Chapter 3.

Chapter 1

In this chapter you will learn about blah, blah, blah, …

Chapter 2

In this chapter you will learn about blah, blah, blah, …

Chapter 3

In this chapter you will learn about blah, blah, blah, …

Chapter 4

In this chapter you will learn about blah, blah, blah, …

This was a quick introduction to links. In the next post we have at look at some more links.

2 March 2009 Posted by | HTML | , | Leave a comment