- BCPS Website Resources and Support
- Add A Page Anchor/Bookmark
How To...
Page Navigation
-
Updates for Schools
- Calendar Request Form to Import Meetings/Events
- Add Direct Talk and Text Links
- Add a Page to a Section - Financial Reports Example
- Add Homepage Banner
- Buzzworthy | Homepage Graphics
- Buzzworthy | Template Resources | Files & Folders
- Update Homepage Banner
- School Logo Update
- Update Cafeteria and or Site Shortcut Document Link
- Add A Page Anchor/Bookmark
- Add A Shared App to Your Page
- Add a Site Shortcut App Link
- Add a Submit Button to a Minibase App
- Add an app to a page
- Add Canonical URL
- Changing Link Colors
- Headers
- How to embed Facebook to Homepage
- How to Use Apps
- Removal of Old Content
- Remove Staff Directory Filter (Departments Only)
- Request a Friendly URL
- Reviewing Survey/Form Results
- Search my website for a topic, word, or phrase.
- Share A Survey/Form
- Single Sign-On Quick Reference
- Update Contact Information
Add A Page Anchor/Bookmark
-
A page bookmark or anchor allows you to skip or jump to a point in your content app or page using a hyperlink. There are two ways that you can do this using either of the options below.
Option 1 - Content App
- In the Content App, open the 'Source Code' view by clicking on the following icon in the first row of tools: <>
- Find the spot you wish to add the bookmark within the HTML and add:
- <a name='bookmark' id='bookmark'></a>
- You can change the two bookmark words to anything you prefer, but the word cannot contain any spaces (for example: 'bookmark' instead of 'book mark').
- Save
- Navigate to the page and the app you wish to add a link to the bookmark
Create a hyperlink to the bookmark
- If the bookmark is on the same page, use Insert Link > Bookmark and add the bookmark word
- If the bookmark is on a different page, use Insert Link > Web Address, then add #bookmark (or whatever you named the bookmark) at the end of the URL (for example: www.website.com/page/27#bookmarkword)
- Save
Option 2 - General Bookmarks with Embed Code App
Add Bookmarks to Page
- Add an Embed Code app to the location on the page you would like the new bookmark to land
- Edit the Embed Code app, and insert the following code:<a name='bookmark' id='bookmark'></a>
- Replace the two "bookmark" words with any descriptive word you like (no spaces in the word)
- For example, if we want to bookmark to Section A, name it the following:<a name='SectionA' id='SectionA'></a>
Create Hyperlink to Bookmark
- Create a hyperlink to the bookmark with the following code:<a href="#bookmark">DISPLAYED_TEXT</a>Replace the "DISPLAYED_TEXT" with the text that you would like to show to the end-user.
- Using Section A as an example:<a href="#SectionA">Section A</a>
- Note: if the bookmark is on a different page, insert the full webaddress#bookmark (example: www.website.com/page/27#SectionA