people.ua.edu
  • About
    • FAQs
  • Getting Started
    • Themes
    • Workshops
    • Site Request
  • Learn
    • Accessibility Guidelines
    • Online Training Guide
  • Go Live
  • Showcase
  • Our Blog
  • Log In

Link to Specific Locations on a Page

10/2/2014

0 Comments

 
You can create a link that directs users to a specific place (or anchor) on a page of your site. For example, if you are writing a blog post about Twitter feeds, you may want to link to your social media page; instead of having visitors scroll all the way down to the section in question, you can link to an "already scrolled" page!

Creating these special links is very easy. Open the editor and navigate to the page you want to link to. Then, just above the section you wish to link to, add the element called "Embed Code." In this element, type the following:

<div id="Twitter Feed"></div>

(You should replace the words Twitter Feed with a title appropriate to the section you're naming.) 
Next, publish the site and navigate to the page you want to link to. 
Copy the URL (such as http://kaburns1.people.ua.edu/social-media.html). 
Then go back to the editor and highlight the text you want to use as your link. 
Click the chain link in the toolbar, and choose the URL option. 
Paste the URL that you just copied, and add the following to the end of it:  
#Twitter Feed

(Use the tag you created before in the Embed Code element. Spaces are okay!) The URL should now look something like this: http://kaburns1.people.ua.edu/social-media.html#Twitter Feed. Publish the changes, then visit your site to make sure everything works!

DivTag templates has a great video tutorial about these special links on their site. Good luck!
0 Comments

    Archives

    November 2021
    April 2021
    December 2019
    November 2019
    July 2019
    May 2019
    January 2019
    August 2018
    July 2018
    June 2018
    March 2017
    January 2017
    November 2016
    September 2016
    July 2016
    May 2016
    February 2016
    November 2015
    October 2015
    July 2015
    June 2015
    April 2015
    February 2015
    November 2014
    October 2014
    September 2014
    August 2014
    June 2014
    April 2014
    February 2014
    November 2013
    October 2013
    September 2013
    August 2013
    June 2013
    May 2013
    April 2013
    March 2013
    February 2013
    January 2013


    Categories

    All
    Accessibility
    Clip-art
    Columns
    Dashboard
    Embed Code
    Flickr
    Forms
    Graduate Students
    Html Code
    Illustrations
    Images
    LabRoots
    Nursing
    Optimization
    Personal Academic Website
    Photos
    Responsive Design
    Screen Reader
    Settings Tab
    Sidebar
    Slideshow Headers
    Social Media
    Spotlight
    Stats
    Summer
    Themes
    Twitter
    Web Design
    Weebly Cloud
    Weebly Support

    Follow us! Right-click and copy the link below. Create an RSS feed right in your Outlook or other feed reader application. 

    RSS Feed

(205) 348-3532
Accessibility | Equal Opportunity | UA Disclaimer | Site Disclaimer | Privacy
 Copyright © 2023 | The University of Alabama | Tuscaloosa, AL 35487 | (205) 348-6010
Website provided by the Center for Instructional Technology, Office of Information Technology
  • About
    • FAQs
  • Getting Started
    • Themes
    • Workshops
    • Site Request
  • Learn
    • Accessibility Guidelines
    • Online Training Guide
  • Go Live
  • Showcase
  • Our Blog
  • Log In