Skip to Content
Author's profile photo David Clavey

Changing your links to Blue Box Buttons

This document decribes how to turn a link within your Blog or Document into a nice Blue Box link button as seen on some of the SAP pages
Link before:
Link after:

Blue Box = Blue Box Link
1. On your page press the HTML button on the far right.
2. Insert the following code in the HTML body where you want your button to go.
HowToAddABlueBox.png
3. Replace the text “Blue Box Link” with the text you want on your page.
4. Replace Http://scn.sap.com/docs/DOC-33290 with your webpage link.
5. Press “show full editor” at the top right of the html edit box.
6. Press “save Draft” button to see if your Blue boxes worked.

Assigned Tags

      4 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo SP RO
      SP RO

      what are you talking about ? 😕

      Author's profile photo David Clavey
      David Clavey
      Blog Post Author

      Added "This document decribes how to turn a link within your Blog or Document into a nice Blue Box link button as seen on some of the SAP pages"

      Link before:

      http://www.google.com

      Link after:

      www.google.com now as a Blue Box Button

      understand now ?

      Author's profile photo Jason Lax
      Jason Lax

      Those blue buttons are used to link to documents, videos and other stuff still hosted in SCN's digital library, such as BIBB: Reducing Password-Related IT Tickets by 7... | SCN

      Author's profile photo David Clavey
      David Clavey
      Blog Post Author

      OK, but we (The non-SAP user) don't seem to have an option to create them do we?

      And not all documents, video links etc use them either.

      So I reverse engineered the tags being used so I could point to documents myself using them. And having successfully done it and decided to share how I did it so others can use the technique as well, if they want to. (If you understand HTML that is)