I've had a couple of people ask me how I put page navigation into my Blog entries. It's easy, and I'll show you two different ways to do it. Unfortunately, only one of them works for IMUC Blogs. A caveat first, however. I had to go back to the beginning of the World Wide Web (aka internet) days to drag up my HTML skills. There may be much newer and better ways to do this. To all those IMUC front-end developers, feel free to laugh and then jump in and comment with your updates and/or improvements.
HTML Anchor Tag
The first way to enter a link is to use a HTML anchor tag. The IMUC Blog editor has a button to create links (
). When you press a button to create a link, a pop-up box appears. This box has the following fields:
Url |
Enter the URL to go to when the link is clicked. This will be your target HTML page. |
Text to display |
Enter the text to display when the cursor hovers over this link. |
Title |
Enter the text to be displayed in your Blog. |
You can also create the same result in native HTML. To see your Blog in its raw HTML formatting, use the IMUC Blog editor HTML button (
). The HTML tag that will be created is an "anchor" tage (""). The anchor tag looks like this:
your-url-goes-here" title="your-hover-text-goes-here">your-blog-display-text-goes-here
Note that the double quote marks are important. If you use an anchor, you will see the specified display text in your Blog. Here's an example (pointing to this Blog):
HTML Anchor Tag display text
HTML Form
The second way to do embed a link is to create an HTML "Form". The IMUC editor has no way to do this and, even if you gird yourself and do battle with HTML, the editor does not process HTML Forms. For your reference to create a button on another website, the HTML to create a button is as follows:
- The action attribute of the form tag defines the URL to send the form to ("your-URL-goes-here").
- The "submit" value of the type attribute of the input tag tells HTML to submit the form when the button defined by the input tag is clicked.
- The value attribute of the input tag defines the text to display on the button ("your-button-text-goes-here").
First Blog in Series Previous Next Last Blog in series