Enhance shortcode instructions with example link

Updated the shortcode creation steps with an example link and clarified the file path format.

Signed-off-by: Lee Calcote <lee.calcote@layer5.io>

Author: leecalcote

content/en/cloud/academy/creating-content/extending-the-academy/index.md

@@ -99,12 +99,14 @@ Custom shortcodes are reusable components that enhance Academy content. They fun
 
 ##### Basic Shortcode
 
-**Step 1:** Create the shortcode file in your organization's directory:
-```
+**Step 1:** Create the shortcode file in your organization's directory ([example](https://github.com/layer5io/academy-example/tree/master/layouts)):
+
+```shell
 layouts/shortcodes/<your-organization-uuid>/custom-org-shortcode.html
 ```
 
 **Step 2:** Define the shortcode template:
+
 ```html
 {{ $names := .Get "names" }}
 <div class="custom shortcode">
@@ -114,6 +116,7 @@ layouts/shortcodes/<your-organization-uuid>/custom-org-shortcode.html
 ```
 
 **Step 3:** Use the shortcode in your content:
+
 ```markdown
 {{< custom-org-shortcode names="Alex, Bob, Charely" >}}
 ```
@@ -199,4 +202,4 @@ When users click the badge, they will go to the details in the Academy:
 
 {{< alert type="info" title="Email Customization" >}}
 Email templates automatically incorporate your organization's logo and primary brand color as configured in your [Layer5 Cloud Organization Settings](https://cloud.layer5.io/identity/organizations). Custom email templates can be provided for Enterprise customers with specific branding requirements.
-{{< /alert >}}
+{{< /alert >}}