Add content to your page by using content Boxes.

Click on ‘Add New Box’ to get started.

Libguides at UCT: Adding content to Boxes

In the ‘Add New Box’ screen, use the ‘Create New Box’ tab to get started.

Libguides at UCT: Adding content to Boxes

Select the type of box you want to use from the drop down menu.Choose ‘Rich text/dynamic content/scripts’

Libguides at UCT: Adding content to Boxes

This is the most versatile box type, for any type of formatted text, HTML, or JavaScript code, or embedded widgets…..

Enter the title of th

e box

Choose the position of the box on the page

Libguides at UCT: Adding content to Boxes

Libguides at UCT: Adding content to Boxes

A box has been added to the page….. Now add some content. Click on ‘Add text’.

Add text in the ‘Rich Text Editor’

Libguides at UCT: Adding content to Boxes

‘Save changes’

Libguides at UCT: Adding content to Boxes

Add a hyperlink:

Highlight the words you want to hyperlink. Click the hyperlink icon on the toolbar. Fill in the URL (web address).

Target: Choose ‘Open Link in New Window’ if you want the linked page to open in a new window. This is the default.

Title: Give your link a description.

Click ‘Insert’

Libguides at UCT: Adding content to Boxes

Add an email address:

Highlight the words you want to hyperlink.

Click the hyperlink icon on the toolbar.

Fill in the email in the ‘Link URL’ field as follows:mailto:your.name@uct.ac.za

Title: Give your link a description.

Click ‘Insert’

The ‘Plain-text Editor’ tab will show the HTML coding. You can add your own coding here.

For example the coding for an email link is:

<a href="mailto:your.name@uct.ac.za">Your Name</a>

Libguides at UCT: Adding content to Boxes

Libguides at UCT: Adding content to Boxes

Content has been added to the box

Click on “Edit Text” to add more content – we will now add a picture….

Click on the Picture Icon in the toolbar.

Libguides at UCT: Adding content to Boxes

Now we have to fill in the URL of the image………

Choose the picture that you want from your computer.Copy the file.

Libguides at UCT: Adding content to Boxes

Go to My Network Places….

Chooselegacy.lib.uct.ac.za

Login……

If you do not know what this is please check with your section head or email jen.eidelman@uct.ac.za

You must be a Libguide user to have rights here……

Find your library folder where you will store all your images.

PLEASE NOTE: The law here is – do not delete or mess with anyone else’s folder!!

Paste your file in the folder where you have chosen to store your images. In this instance the SciTech folder has been chosen.

Your URL will be the address you find in the toolbar plus the name of your file.

http://legacy.lib.uct.ac.za/scitech/images/law_bookshx_.png

Copy this address into the Libguide ‘Image URL’

Paste your URL here

Libguides at UCT: Adding content to Boxes

http://legacy.lib.uct.ac.za/scitech/images/law_bookshx_.png

Click ‘Insert’

Your image has been inserted – you can play with the size of your image by clicking on the image and then dragging the handles to the size that you want.

Libguides at UCT: Adding content to Boxes

Click ‘Save and Close’

Your image has been inserted in the Box

Libguides at UCT: Adding content to Boxes

Now let’s add another box…….

Libguides at UCT: Adding content to Boxes

Create a box with Links and Lists

Libguides at UCT: Adding content to Boxes

Fill in a title for your new box and choose the position you want for the box.Choose ‘Create Box’

A new box has been created.Click on ‘Add New Link’

Libguides at UCT: Adding content to Boxes

Fill in the Link titleLink URL (web address)Add a description of the link.Choose ‘Create Link’

Libguides at UCT: Adding content to Boxes

The link has been added to the box.You can add as many links as you like.Remember that text in front of the link can always be added by clicking on ‘add text’.

Libguides at UCT: Adding content to Boxes

Now let’s add another new box…….

Now we are going to add a box for ‘Embedded Media & Widgets’

Libguides at UCT: Adding content to Boxes

“Display a video, audio or any widget inside the box.“

Libguides at UCT: Adding content to Boxes

Give the box a title, choose the position and then click on ‘Create Box.’

A new box has been added. Click ‘Add Media/Widget Code’

Libguides at UCT: Adding content to Boxes

Choose any widget from an internet source. Download the file with the code.Save the file.

Libguides at UCT: Adding content to Boxes

The coding for the widget.

Copy the code and paste it into the ‘Embedded Media & Widgets’ Libguide template.

Click ‘Embed it’.

Libguides at UCT: Adding content to Boxes

The widget has been embedded in the Box

Libguides at UCT: Adding content to Boxes

Click on the ‘Edit’ button to edit the box information.

Libguides at UCT: Adding content to Boxes

Here you can change the heading (box title) of your box.You may also wish to change the type of box here.

Libguides at UCT: Edit content to Boxes

Edit ‘Box colours’ – allows you to make changes to the colours of your box.

Libguides at UCT: Edit content to Boxes

Edit ‘Box Link & Embed Code’ – allows you to make changes to the code or links in your box.

Go to ‘Add Edit Pages’ and click on Reorder Boxes to change the order in which the boxes appear on the page.

Libguides at UCT: Reorder Boxes

This screen shows the order in which boxes appear on the page

Libguides at UCT: Reorder Boxes

Swop the order of the boxes by clicking on the box you want to move and dragging it into the position you want.When you see the green + icon the item has been successfully moved.

Libguides at UCT: Reorder Boxes

‘Search HeinOnline’ is now in the centre of the page and ‘Resources’ has moved to the right of the page.

Libguides at UCT: Reorder Boxes

You can also put the boxes underneath each other in the same way.

Libguides at UCT: Adding content to Boxes

Boxes now appear one underneath the other on the page.

Libguides at UCT: Reorder Boxes

Choose ‘Add/Edit Pages’ and click on ‘Resize Columns’

Libguides at UCT: Resize Columns

Drag the handles to resize the left, centre or right columns

Libguides at UCT: Resize Columns

Left columns have been successfully enlarged.

Choose to hide one of the three columns.In this instance choose to hide the right column

Libguides at UCT: Resize Columns

Left and Centre columns are shown. No right column is shown.