Adding A Custom Page Banner to the Course News Page

This lesson will demonstrate how to add a custom page banner to the Course News page that contains text or images

Accessing the Page Banner

Image of the course news page with the following annotations: An arrow is pointing to a button next to the word Course News with the instructions to Click on the button next to the page title, and in the menu on screen, the words Page Banner are highlighted with instructions to click on Page Banner

Log into your Blackboard course and click the chevron button next to the page title and select Page Banner from the menu that appears.

Editing the Banner

Editing the Banner

You will now see a screen similar to the one above where you can edit the page banner information.

  1. To add text to the page banner, type the desired text in the text editor.
  2. To attach an image, click on the Attach Image button (the button that looks like a photograph) as shown by the red arrow.

Uploading an Image

Image of the Upload image screen with the following annotations:  1.Image URL: Click the Browse My Computer button to upload an image from your computer, or click Browse Course to upload an image that has already been added to the course.  The Image URL field will populate automatically.  Alternatively, an image from an external site can be linked to by typing in the direct URL for the image.2.Image Description:  Enter a description of the image here so the image can be accessible to users with screen readers in order to ensure accessibility of course content.3.Title: Enter a title for the image here.

You will now see an image similar to the one above that will allow you to link to or upload an image.

  1. Image URL: Click the Browse My Computer button to upload an image from your computer, or click Browse Course to upload an image that has already been added to the course.  The Image URL field will populate automatically.  Alternatively, an image from an external site can be linked to by typing in the direct URL for the image.
  2. Image Description:  Enter a description of the image here so the image can be accessible to users with screen readers in order to ensure accessibility of course content.
  3. Title: Enter a title for the image here.

Modifying the Image Appearance

Image of the image appearance tab with the following annotations: 1.To modify the image appearance, click the Appearance tab at the top of the page.2.Alignment: Use the dropdown menu to select the desired alignment for the image3.Dimensions: Enter the desired dimensions for the image in pixels.  Check the Constrain Proportions box to keep the image in proportion.4.Vertical Space, Horizontal Space, Border, and Style: Enter the desired volumes for image padding and border width.  5.When you are ready to add the image, click the Insert button.
  1. To modify the image appearance, click the Appearance tab at the top of the page.
  2. Alignment: Use the dropdown menu to select the desired alignment for the image
  3. Dimensions: Enter the desired dimensions for the image in pixels.  Check the Constrain Proportions box to keep the image in proportion.
  4. Vertical Space, Horizontal Space, Border, Class, and Style: Enter the desired volumes for image padding and border width.  
  5. When you are ready to add the image, click the Insert button.

Finishing Up

Image of the Edit Page Banner screen with the submit button highlighed in red with instructions to click Submit when finished.

You will then be taken back to the Edit Page Banner screen, and you will now see the attached image in the text editor.  Use the text editor to make any changes.  When finished, click Submit to save the banner.