Beginner's HTML
HTML Basics
HTML Validator
CSS Level 1
CSS template tool
CSS template tool2
CSS Validator
Link text: Choose the name of link as you wish it to appear on your blog in your link menu. This is the text that people will read and click on.
URL: Directly underneath you will see the URL field. Type in the web address of the site or blog that you want to link to. Enter the text very carefully! Any mistake, no matter how small, will cause the link not to function properly.
Link title: The third field is the link title field. This is the text that you see when you place your mouse pointer over the link; it is usually a further description of the link.
When you have double-checked that you have entered the text, url and title correctly, just click on the Add button. That's all there is to it. Your links will appear immediately on your blog in alphabetical order.
Modifying links: You can modify your links whenever you want to. Once you create a link, a table will appear near the top of the Links. Choosing edit allows you change any part of your link. Clicking the hide checkbox will preserve the link in your database, but will remove it from the link menu. Delete does just what you'd expect...it eliminates the selected link.
When you have finished working with your links, click on the Save changes.
1) Title -- Enter the name of your blog into the first field. This will be the name displayed as the title of your page.
2) URL -- This will be the Internet address of your blog: http://yourURL.motime.com. This is the address that you will give to your friends so that they can come to visit your blog. Take an extra minute to decide upon a URL that you would like to keep for some time. Changing the URL will mean that the link to your that your readers have in their bookmarks will no longer be viable.
3) Description -- This description will appear in the layout of your blog page, so try to compose a clear and brief subtitle for your blog.
4) Show blog on 'newly updated' menu on the home page -- This setting allows you choose whether you want your blog to appear in the newly updated menu on the home page AND on the latest posts pages.
Number of posts on your home page: This is just what it sounds like. When the number of posts exceed the number that you choose (up until a max of 30) they go to the archives of that month, always available to you and your readers by simply clicking on the month in question. Your archive links are automatically placed on your blog. No further action on your part is needed.
Enable blog pager: Choose 'yes' if you would like to have one of those cool '1-2-3 next-page last-page' style links on the bottom of every page of your blog whenever you have more posts than can be seen on a single page.
Order of posts: Traditionally, the most recent posts are shown at the top of the page and then placed in descending order. That way your regular readers see your latest posts without having to scroll. But you can reverse the order if you want to.
Enable post titles: The default is set to No, but this is a cool feature to try out. It allows you to place a headline or title for each of your posts. It can help to clue your readers into the subject of each post or simply be another occasion for your creative writing skills to shine.
Time: Since mo'timers blog from all around the globe, we have created this panel for you to adjust the time zone of your blog. Click on the arrow of the pull-down menu and click on your local time. All posts and comments will reflect your choice. There are also formatting options for your time stamps which are self-explanatory.
Blog viewing: choose between "Everyone" (for a public blog) and "Members only" (for a private blog open to invited Motime members only). There is a space for a custom message that univited members will see if they try to access a private blog. This message is shown if the blog is PRIVATE and the user is anonymous or not a member of the blog.
Commenting access: you can choose among the following self-explanatory options: No one (comments disabled), Anyone (unrestricted), Motimers only or Invited Mo'time members only. If you intend to block certain Mo'time members from commenting, you must choose 'Motimers only' and then from the Community->Contacts panel you can specify who to block.
There is a space for a custom message which is shown to users who are NOT authorized to comment on this blog.
When you have completed your selections, click Save Changes at the bottom of the page to enable your preferences.
Turn on syndication: Publish site feed: Choose "yes" to turn on service.
Descriptions: Choose 'Short' to syndicate a short abstract of your post. Your subscribers will then have to come to your blog to read the full text. Choose 'Full' to place the entire post within the news feed which is then readable in the news readers of your subscribers.
Language: Choose the language from the pull-down menu.
Feed URL: This shows you the URL to your feed which can be inserted into a new reader directly or emailed to friends that wish to subscribe to your blog. ALternatively (and more commonly) your subscribers will use the button on your blog's home page to subscribe.
The links "preview" will display the actual XML content of your feed.
Confused? Here is a further explanation: What Are Webfeeds (RSS), and Why Should You Care?
: Click this icon to see your blog in a new window.
: This icon shows the public status of the blog. This open lock means the blog is public, whilst the the closed lock
indicates a blog visible only to members. Clicking on this icon opens the Blogs->Connections->Access panel, which allows you to modify this setting.
: If you see this icon, it means that the current blog is your main blog on mo'time. Clicking on it brings you to Account->User->Profile where you may change this setting if you so desire. If you do not see it, it simply means that this blog has not been yet chosen as your main blog. If this is your only blog, it should be your main blog. So, if you don't see the icon, go to Account-> User-> Profile and select it as your main blog right now!All of the features and functions in this section are designed to help you to keep in touch with the mo'time people that interest you the most. Once you find a blog that you enjoy reading, you can subscribe to it. Once you do so, you will find the latest posts and comments to that blog conveniently listed for you in the 'Digest'.
You can also use our built-in chatting system, keep track of mo'time friends online and block users who bother you.
When first click on the Community tab, however, you see your Community Center, a convenient "one-stop shop" to get an overview of Community activity.
next to the username of the person that you want to make a Friend, click on the profile icon. In the profile popup, click on the Add a Friend button
. When you get to the Add a Friend page, click 'Add' and the deal is done.
next to the username of the person that you want to block, click on the icon. Doing so will bring you to Community->Contacts->Blocked user with username automatically filled in. Click 'Add' and the deal is done. 
![]()
Double-click on this icon and follow the installer\'s instructions. Choose your installation preferences and click "next".

First screen of the setup process.
You will then be asked to choose the directory of the installation and how to set up your Start menu preferences if you chose that shortcut, above.
In most cases, you will be just fine using the default settings that we built into the installer.
At the completion of the installation process, the TipicIM client will be present in your Start menu and probably on your desktop with this icon:
Double-click to launch the program!
Step three: Setting up the TipicIM client
Upon launching the application, you should see this window:

Do not check "new user"!! All motime members are automatically registered on the service.
Type in your motime username: your username is the name you see at the bottom of your posts. You must use this format: username@motime.com!! NOTE: this is not a valid email address; Motime does not give you an email address. Technically speaking this is your Jabber ID, or JID.
Type in your motime password, the same one you use to login to the site. Check "save password" only if your computer is securely under your own control. Otherwise, leave it unchecked and type it in each time you login with the TipicIM client.
Click Enter.
| Step four: your ready to begin!
File menu: Change your online status / Disconnect / Close. Action: Add contacts / Join-create group chats / Manage profile Tools: Headline and News (your alerts appear here) / Options ![]() An example of how the menu bar works. Your "avatar" in the last menu item refers to the little picture that you see next to your name. If you have a small jpg graphic, in square format (32x32, or 16x16 pixels work best), you can upload it to the server and use it as your personal avatar. Otherwise, just use one of the canned ones. Using the instant messenger (IM)
After you've set up the IM client, your main window could look something like this: ![]() 1: Using groups: You can create new groups and organize your contacts into these groups. Clicking on the group name toggles between show group members and hide group members. Instructions for creating and managing your groups are found below under 3. Username. 2: Change view: Clicking on this double-arrow icon will toggle between show online contacts and show all contacts. 3: Username: If you right-click with your mouse on the username, you can see the menu choice Create new group. In this menu you can manage all aspects of your contact list, including moving users from group to group, deleting users and blocking users from contacting you. Alerts: "the beauty part" When you are online, and your status is Available or Away, you will receive an alert from Ed, the event dispatcher, every time somebody posts or comments on the blogs on your subscription list. Using the TipicIM, the alert will be a "toaster pop-up" that will appear for a few seconds in the lower right hand corner of your screen. It looks like the image below and is a clickable link that brings your right to the blog and entry in question. ![]() You can also see your alerts after the pop-up disappears in your Headline window, available under the Tools menu of your main TipicIM window! This feature is very cool, especially if you're online for long periods of time at a stretch. You *feel* the site come alive as your favorite bloggers post and comment on the blogs you love to read. It really is "live" blogging. The pace of commenting and posting can reach frightening speeds if you have a large group of friends online! Adding ContactsStep five: Managing your contact list (also known as your roster) Go to your Actions menu and choose "Add a contact": ![]() Your can add addresses that you know, or search with partial information. Searching for a user: Click the top radio button and then click the Next button at the bottom to advance to the next window. Adding a known address: If you know the correct Jabber ID (JID) of a motime member or any other user of a Jabber IM client, enter here in the form of "username@jabberserver.com". The click Next. Communicating with other networks: If you'd like to try instant messaging with MSN, AOL, ICQ or Yahoo contacts, click the "configure the transports" links and follow the directions. This service is offered on a best effort basis. We cannot guarantee the interoperability between Tipic and these other services, but we try to keep up with their protocol changes. If you chose "Search": ![]() Note: the descriptive text in this window may not correspond with the text as shown here. Enter whatever information you have, even if just partial. In the example above I entered "how" even though I wanted to find "howard." It would have found "andhow", "show" or "howdy" too. Here are the results, though: ![]() Search results appear showing usernames containing the letters in your search string. Click on the user that you'd like to add to your contact list and then the Next button. Follow the rest of the instructions and that's it! The other user will receive an authorization request and can choose whether or not to let you add his or her name to your list. Next: Commmunity->Mo'timeNow->TipicME (mobile) Community->mo'timeNow->TipicME (mobile)
Want to chat with friends on your contact list on your cell phone or PDA? Try TipicME! Visit the TipicME download page to see if your device is compatible. The "Account" tab
All the settings are found in Account->User: Profile, Password, Email and Privacy. Account->User->Profile
My photo: You can link to a photo or graphic file that will shown in your profile and on the online page by filling in the URL of file in the space provided. The file (which must be in .gif or .jpg format) will be resized to 102x86 pixels by our system, in order to fit the space provided. To avoid distortions of your photo, you should crop it to 102x86 in an image-processing program, and then place it on your image server. If you do not know how to place a photo online, see the relevant manual section, how to insert images in your blog. About me: In the About Me section, you can write a few lines to describe yourself. be creative. Contact custom message: This appears on the Contact Me page if someone clicks on the contact icon next to your name as it appears in a comment or other places on mo'time. Name: If you wish to, you can place your first and last name in the appropriate fields -- but only if you want to. - - - - You are not required to fill out the profile information if you choose not to. It is entirely up to you. First name: Account->User->Password
Account->User->Email
Our privacy policy about email is very strict. We NEVER give out your email address to ANYBODY. Account->User->Privacy
Privacy settings: This is a simple list of yes/no options. You can show or hide your profile, your name, online presence, adjust your contact options for unlogged visitors and choose to receive or not receive our newsletter. Hide blogs in my profile: Anyone viewing your profile can see all the blogs that you own or are a member of unless you choose to hide them. This section gives you that option. Hide my membership: If you belong to any group blogs, your username could appear on that blog's membership menu unless you turn off that option here. Next: Common problems and questions... Common problems and solutions (inlcuding posting photos!)
This chapter is designed to help you through the most common problems and fixes as "painlessly" and as quickly as possible. How to insert images in your blog
The solution is not difficult, but you must have access to a webserver and know how to use FTP (file transfer protocol). If you've got both, the rest is relatively straightforward. If you lack access to a webserver, you cannot place images on your blog at this time. Click here for free hosted webserver space: free web servers but there are many that will not serve photos to web pages to your blog, so you may need to experiment. As of this writing, Photobucket is one free service that works well for this purpose. Photobucket offers a free and even easier and faster photo hosting site called Tinypic. Check it out, it's great. 1) Using your preferred graphics application (such as Adobe Photoshop or Macromedia Flash) create your web-optimized graphic element, making a note of its dimension in pixels. For the purpose of this example, let's suppose that the name of the graphic element is "picture.jpg", 100 pixels wide and 50 pixels high. 2) Upload the image to a directory on your webserver, in this case let's just say that you have put it on: http://www.yourwebsite.com in the directory called images. 3) If you are using the Windows operating system and IE Explorer version 5.5 or later, you can insert the image into your blog using the control panel interface by clicking on the Insert Image icon and then entering the URL of the image in the indicated field and clicking OK. Otherwise, if you know basic html, you can place the image in the template or within a post, as you wish. In the case of our example, here's is what the tag should look like: <IMG SRC="http://www.yourwebsite.com/images/picture.jpg" WIDTH=100 HEIGHT=50> You may place the image tag in the HTML of your template (accessed by clicking on the manage template link in the top menu bar) or in the text editor of your post. To understand how to align your images on the page and in relation to any text that you place next to it, check out this link. If you follow all the above instructions and your images still don't appear, it is very likely that the free server that you have chosen does not allow the posting of images off-site. Formatting images with adjacent text
Using these two attributes you can define the distance in pixels between the images and surrounding text. HSPACE defines the horizontal distances to the left and right of the image with respect to whatever other elements it is next to. VSPACE defines the vertical distances to the top and bottom of the image with respect to whatever other elements it is next to. This is the correct syntax: <IMG SRC="immagine.gif" WIDTH=178 HEIGHT=180 BORDER=2 VSPACE=3 HSPACE=3> How to edit or delete a published post
ou must first be logged on with your username and password. Then all you have to do is go to the Blogs->Edit Blog->Post panel of your blog by clicking on its link from the Quick Launch page. You can see your blog entries in the preview pane below the post editor. Navigate to the post that you want to update and delete in the preview pane, find the update or delete button which you see on top of each post and click the appropriate one. If you are updating, the content of your original post will appear in the text editor ready to be modified. Simply make whatever changes you want, and click the publish post button to update your post. That's it. If you are deleting, after you click the OK button on the pop-up, the post is deleted and your task is completed. Adding background music to your blog
The file can be in midi, wav, mp3, wmv or other commonly compatible formats. You must then open your template code and place an "embed" tag in your template code. It is explained in detail on this site: http://www.pageresource.com/html/embed.htm Please let us know if this link no longer works, thanks. You don't see the editor's toolbar in the control panel?
It does not work with Safari, Opera or other browsers. Write a question to the help blog if you are using a compatible system, but still do not see the editor. *An acronym meaning "what you see is what you get". In this case it means an interface that looks like a word processor, with buttons for Bold and Italic, text color and other formatting options. Inserting an "Add to favorites" link
<HEAD></HEAD> This is the code to paste into your template: <script language="JavaScript1.2"> You should enter the name of your blog as you would like it to appear in the list of favorites, even if it differs from your actual Web address, but the URL in the http string must be exact. Finally, paste the following tag into the place on your template where you would like the "Add to favorites" link to appear: <a>Add<acronym title="HyperText Markup Language">blogname</acronym> to my favorites<br></a> How to link to something on the same page
We will use the standard link tag, <A>, in a slightly different way. We will create an "anchor" in the place that you want to link to, and then a simple <A> link which refers to it. 1) To create the anchor (the destination for the link), place the following tag around the text or image that you wish to link to: <A NAME="anchorname">destination_text_or_image</A>In the above example "anchorname" is the name of the anchor (and will be invisible on the blog), and "destination_text_or_image" is the exact location that you are guiding your reader to. 2) To create the link, place this tag around the text or image that you want to become clickable link: <A HREF="#anchorname">Go to destination</A> That's all there is to it. Try it! How to create link descriptions on "mouseovers"
To do so is relatively easy. When you create the HTML tag for the link, you simply add a Title "attribute". Here is the format of the link tag with a description included. (The Title attribute is in bold for emphasis.): <A HREF="www.motime.com" title="Motime: Create your own web log in 5 minutes and publish your thoughts to the world!"><b>Motime!</b></A> And here is what it looks like after it is pasted into a post or template. Hold your mouse over the link for a second to see the descriptive text: Motime! Cool, huh? |