This website uses cookies

As a user in the EEA, your approval is needed on a few things. To provide a better website experience, hubpages.com uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at: "https://hubpages.com/privacy-policy#gdpr"

Show Details
Necessary
HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
LoginThis is necessary to sign in to the HubPages Service.
Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
AkismetThis is used to detect comment spam. (Privacy Policy)
HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the googleapis.com or gstatic.com domains, for performance and efficiency reasons. (Privacy Policy)
Features
Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
MavenThis supports the Maven widget and search functionality. (Privacy Policy)
Marketing
Google AdSenseThis is an ad network. (Privacy Policy)
Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
Index ExchangeThis is an ad network. (Privacy Policy)
SovrnThis is an ad network. (Privacy Policy)
Facebook AdsThis is an ad network. (Privacy Policy)
Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
AppNexusThis is an ad network. (Privacy Policy)
OpenxThis is an ad network. (Privacy Policy)
Rubicon ProjectThis is an ad network. (Privacy Policy)
TripleLiftThis is an ad network. (Privacy Policy)
Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
Statistics
Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)
jump to last post 1-15 of 15 discussions (48 posts)

How to make the links to jump to a specific part of a page?

  1. Kiane profile image93
    Kianeposted 5 weeks ago

    Hi, hubbers!
    Does anybody know how to make the table of contents like in this hub: https://levelskip.com/mobile/Kim-Kardas … d_26734529
    Maybe the similar question has already been asked on the forum, but I can´t find the answer((

    1. TIMETRAVELER2 profile image99
      TIMETRAVELER2posted 5 weeks agoin reply to this

      I highly recommend that you don't do this because what happens is that the team will view those "links" as spam.  I went through this once before and learned this lesson the hard way.

      You don't need a table of contents if you caption your subtitles correctly and simply list the sections you will be creating in your first capsule.

      1. Eurofile profile image88
        Eurofileposted 5 weeks agoin reply to this

        I'm relatively new around here, but I've picked up that the editors favor a list of the sections, near the beginning of an article, like you say.  I made the mistake of doing this in table form, which they edited.  So I'll have to figure it out differently next time.

    2. Kiane profile image93
      Kianeposted 5 weeks agoin reply to this

      Update: I decided to make the table of contents for this article: https://hubpages.com/entertainment/top- … must-watch  But the problem is that when I click on any link and jump to a particular place in the article... after that I can´t scroll the page...

      1. lobobrandon profile image90
        lobobrandonposted 5 weeks agoin reply to this

        Good catch Kiane, I noticed this on my hub too... If you reload the page with the same link or any of them for that matter it works fine. But on click from within that page it does not scroll.

        I'll look into this and if I can't find a solution will create a new thread about it for the team.

        1. lobobrandon profile image90
          lobobrandonposted 5 weeks agoin reply to this

          My websites and wikipedia work fine with the same structure of URLs on all browsers I tested (chrome and IE). Just the niche sites have a problem with this.

          There seems to be no problem on the levelskip article either. I checked the soruce code and it's exactly the same structure: <a href="https://levelskip.com/mobile/Kim-Kardashian-Hollywood-Game-Cheats-Tips-Tricks#mod_27064327">In-App Purchases</a>

          I'll try and contact Matt about this issue.

          1. Kiane profile image93
            Kianeposted 5 weeks agoin reply to this

            lobobrandon, my hub isn't on the niche website...yet))

        2. Kiane profile image93
          Kianeposted 5 weeks agoin reply to this

          lobobrandon, sometimes I can scroll the page (the first time I click the link), after I click any of the links, and the second time it dowsn't work. I don't know... maybe I will delete this capsule with the table of contents, as I don't think the editors will bother to edit it.

          1. lobobrandon profile image90
            lobobrandonposted 5 weeks agoin reply to this

            This is exactly what I notice too.

            1. vineliner57 profile image99
              vineliner57posted 5 weeks agoin reply to this

              I have set 2 of these up, one on LevelSkip and one on PetHelpful. The LevelSkip article was accepted with no problems.

              I have had no problems at all with the scrolling issues. Could it be a browser issue? I am using Chrome.

              1. lobobrandon profile image90
                lobobrandonposted 5 weeks agoin reply to this

                I am using chrome too. Also tested on IE. The levelskip article I saw worked fine. The article of Kiane and my recent article growing tomato from seed (both of which are still on HP) tend to have the scroll issue. I wrote about it to Matt, let's see if he knows what the issue could be.

              2. Kiane profile image93
                Kianeposted 5 weeks agoin reply to this

                vineliner57, I'm also using Chrome))

                1. vineliner57 profile image99
                  vineliner57posted 5 weeks agoin reply to this

                  Hmmm.

                  One other question (just trying to figure this out). Did you set the links up before the article was moved to a vertical site? I wonder if this would change anything.

                  This is a sample of what I'm using that is working (minus the "h" in "https"):

                  ttps://levelskip.com/rpgs/Fast-Leveling-for-Your-Elder-Scrolls-Skyrim-Character#mod_42163940

                  I set one up on an article that I just now submitted to PetHelpful. If it gets approved and moved over, then I will have a better idea if I am barking up the wrong tree.

  2. lobobrandon profile image90
    lobobrandonposted 5 weeks ago

    When on your published page view the page source code: ctrl+u on most browsers or right click and say view source. On the page source code find the heading you want to link to. The heading has an ID number something like this #mod_26734529

    Append this to the end of your hub URL, like the one on levelskip you have as an example. That's it.

  3. Kiane profile image93
    Kianeposted 5 weeks ago

    Thank you so much!! For those who don´t know how to copy this part of code that you need so that everything works, you should choose "copy selector" (it took me some time to understand).

    1. NateB11 profile image94
      NateB11posted 5 weeks agoin reply to this

      On the slider on my profile I have an article called Tips for Writers on Hubpages and other Money Making Sites where I wrote a tutorial on how to post a link to a specific section of an article. It's step by step, a bit more detail, though it's basically what Brandon said.

  4. Kiane profile image93
    Kianeposted 5 weeks ago

    TIMETRAVELER2, I didn´t know that. Thanks for sharing your experience! It´s just that I see that some hubs have such tables of contents and they are published on niche websites, which means they probably have decent traffic. That´s why I thought it would be great to add a similar table to some of my long hubs. Now that you told us about your experience... I hesitate.

  5. Kiane profile image93
    Kianeposted 5 weeks ago

    NateB11, thank you! You described the process in detailes, indeed.

  6. lobobrandon profile image90
    lobobrandonposted 5 weeks ago

    TT2 if you look at it, Kiane linked to an article on levelskip, so it is allowed. Also, I use them on my articles without issues so far.

    1. TIMETRAVELER2 profile image99
      TIMETRAVELER2posted 5 weeks agoin reply to this

      That isn't her point.  She's asking about creating a table of contents that links to subsections of the same article.  Doing this creates too many links and would surely be seen as spammy...at least that has been my experience.  Also, as I stated, there's no reason to do this.  She can make a list of subsections and then create a capsule for each one in the order of her list.  Much safer and gets the same job done.

      1. lobobrandon profile image90
        lobobrandonposted 5 weeks agoin reply to this

        I disagree. It adds links to help the user jump to where they want to go. See my recent hub on Tomato plant care. Also when I do this on my own website google gives links in the meta description to the section the user searched for. So for my article, if it ranked for transplanting tomatoes, in the meta description it would say: Jump to How to transplant tomatoes.

    2. vineliner57 profile image99
      vineliner57posted 5 weeks agoin reply to this

      Pretty slick!

      I just now set one up on a PetHelpful article using this method.

      I will let you all know one way or the other what happens as far as the editors are concerned.

      smile

  7. paradigmsearch profile image91
    paradigmsearchposted 5 weeks ago

    "How to make the links to jump to a specific part of a page?"

    I can answer this. Have done it several time on website. Don't know if works on HP. Shall I post?

    1. lobobrandon profile image90
      lobobrandonposted 5 weeks agoin reply to this

      Haha I doubt it can be different to using element IDs, if it is feel free to chip in smile

    2. paradigmsearch profile image91
      paradigmsearchposted 5 weeks agoin reply to this

      Update.

      Not interested in plugging my website, Google has declared it dead; so don't give a d@mn anymore.

      Two lines of html code are required. Destination code and link code.

      1. lobobrandon profile image90
        lobobrandonposted 5 weeks agoin reply to this

        lol very helpful.

      2. paradigmsearch profile image91
        paradigmsearchposted 5 weeks agoin reply to this

        Reprint due to page change.

  8. paradigmsearch profile image91
    paradigmsearchposted 5 weeks ago

    Destination code (where one wants it to go):

    <a href="http://www.websitewithnoname.com/2016/08/base-2-4-8-16-number-system-lessons-for.html#base16" name="base16"></a>

    Am not cleaning it up, I just plain don't care.

    1. paradigmsearch profile image91
      paradigmsearchposted 5 weeks agoin reply to this

      Reprint due to page-change.

  9. paradigmsearch profile image91
    paradigmsearchposted 5 weeks ago

    Link code will follow.

  10. paradigmsearch profile image91
    paradigmsearchposted 5 weeks ago

    Link code:

    <a href="http://www.websitewithnoname.com/2016/08/base-2-4-8-16-number-system-lessons-for.html#base16">Base 16 – Hexadecimal</a>

  11. paradigmsearch profile image91
    paradigmsearchposted 5 weeks ago

    That all you need. Just substitute your own links. Am happy to answer questions for next 10 minutes.

    1. lobobrandon profile image90
      lobobrandonposted 5 weeks agoin reply to this

      That is exactly what we did. Thanks though smile For some reason, it works but then the scroll function of the page does not work anymore. But on levelskip it works fine. Also, it worked fine in the past did it a lot. Have a nice 10 minutes haha.

      1. paradigmsearch profile image91
        paradigmsearchposted 5 weeks agoin reply to this

        Figured HP would be different. Am surprised it worked at all. HP usually doesn't allow advanced code.

  12. eugbug profile image98
    eugbugposted 5 weeks ago

    Someone wrote a hub several years ago showing how to do this. I'll see if I can locate it.

  13. eugbug profile image98
    eugbugposted 5 weeks ago

    Just noticed search in the menu on the sidebar has gone. The magnifying glass on the top right of the page re-directs to the Maven search page which then re-directs back to HubPages.

  14. eugbug profile image98
    eugbugposted 5 weeks ago
    1. lobobrandon profile image90
      lobobrandonposted 5 weeks agoin reply to this

      It's the exact same method though. There's only one way to do this using HTML. If you go to that hub (which is on hubpages) and you click Create the Table of Contents Capsule and then scroll back up and click Copy the URL of the Hub you will see that it gets stuck.

      1. lobobrandon profile image90
        lobobrandonposted 5 weeks agoin reply to this

        Ah yes, it was darkside who I first learned this from. Sid also links to that hub: https://hubpages.com/community/tableofcontents

  15. lobobrandon profile image90
    lobobrandonposted 5 weeks ago

    I contacted Robin to find out whether a TOC is something that is accepted or not, and I got the green signal, just for those of you who think it is not allowed. But, I would personally not recommend using one unless you think it is really necessary. Also, it's a considerable amount of work getting it done, and when the URL changes (moved from HP to a niche site) it would probably break (not sure about this, if redirected properly it would work fine, but I have not tested this so I can't comment). So only use if really necessary.

    1. vineliner57 profile image99
      vineliner57posted 5 weeks agoin reply to this

      "Also, it's a considerable amount of work getting it done, and when the URL changes (moved from HP to a niche site) it would probably break (not sure about this, if redirected properly it would work fine, but I have not tested this so I can't comment)"

      As noted earlier in this thread, I submitted an article to PetHelpful yesterday with a TOC and it was moved over rather quickly.

      The re-direct converted the URL portion of the link properly and the TOC did not break.

      It takes me 10-15 minutes to set one of these up, and I personally think it is well worth the extra effort, especially on longer articles.

      smile

      1. lobobrandon profile image90
        lobobrandonposted 5 weeks agoin reply to this

        Ah, nice. Thanks for clearing that up smile

        The only reason I added that it takes time, is because some people have 100's of hubs to work on. It's pretty quick, to be honest, and as stated they are super helpful on longer articles.

        1. vineliner57 profile image99
          vineliner57posted 5 weeks agoin reply to this

          I like to troubleshoot, but this one (not scrolling correctly) has me puzzled, as I am not experiencing the same problem.

          As a side note, I submitted the article I spoke of yesterday to PetHelpful without doing a thorough read through/edit, and the editors made a LOT of changes.

          They are changes that I can live with, but what impressed me was the language of the email that came with it.

          It was in a positive tone, telling me how great the article is (LOL), before editing the heck out of it.

          Overall, while I don't agree with all of their decisions, I think they are doing a great job!

          1. lobobrandon profile image90
            lobobrandonposted 5 weeks agoin reply to this

            The problem is only seen on Hubpages not on the niche sites. You click a link on the TOC once on a page on HP then scroll back up and click another link (do not reload the page while doing this) and after you click the second link the scroll gets stuck. Again, this is not an issue on the niche sites: not on levelskip, not on pethelpful as you say and from what I see not on dengarden.

            EDIT: Yup, they do a great job editing smile

            1. vineliner57 profile image99
              vineliner57posted 5 weeks agoin reply to this

              The thing is, the TOC's are working for me on the HP articles as well. I can scroll up and down, go back up and click another link, etc, etc, and it works just fine. That is the part I can't figure out. It's kinda like "Why Me?", but in a good way.

              Oh well, time to move on.

              1. lobobrandon profile image90
                lobobrandonposted 5 weeks agoin reply to this

                Ooh, interesting. At least I know it's not just me, I didn't even realise it until it was pointed out to me here.

                1. Kiane profile image93
                  Kianeposted 5 weeks agoin reply to this

                  lobobrandon, everything works fine now. I don't know why, but now no matter how many links I click, I can scroll the page.

                  1. lobobrandon profile image90
                    lobobrandonposted 5 weeks agoin reply to this

                    Cool, they probably fixed it. Matt replied saying that they would be looking into it. He didn't say that he can't reproduce the issue, so I would think they figured it out and solved it.

 
working