> For the complete documentation index, see [llms.txt](https://kmdesign.services.gatech.edu/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://kmdesign.services.gatech.edu/components/links/link-variant.md).

# How To Apply Link Variant

Follow the steps below to apply the more stylized link variant.

#### 1. Copy the Code Snippet

```markup
<a href="https://jeffsum.com" class="gt-buzzG" title="Receive the Jeff">Receive the Jeff</a>
```

#### 2. In your KB Article editor, place your cursor where you would like to place your variant link.&#x20;

#### 3. Select the "Source Code" button in the editor toolbar. Your cursor will automatically be placed in the code where you had specified in Step 2.

**4. Paste your code snippet (CTRL+V / CMD+V) and select "OK" to go back to the standard editor.**

![](https://3834524275-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8L7pd9MFiA8_rutARh%2F-MTnboRKbivnzYiPFdwy%2F-MTnkQthEd1PWV92iYW6%2Fchrome-capture-paste-link-snippet.gif?alt=media\&token=305c06c5-65cf-4979-8eca-00cd13fe32f4)

#### 5. Click anywhere on your new link and select the insert link button in the toolbar to configure it.&#x20;

![](https://3834524275-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8L7pd9MFiA8_rutARh%2F-MTnboRKbivnzYiPFdwy%2F-MTnmwXak3ak99dX5IV7%2Fchrome-capture%20\(10\).gif?alt=media\&token=269967ab-bd38-418e-a0b1-967e7f4c01aa)

6\. Adhere to the [Do's and Don'ts](/components/links.md#dos-and-donts) in the Links guide.