diff --git a/exampleSite/config.yaml b/exampleSite/config.yaml
index 67dcfc2..433ba3f 100644
--- a/exampleSite/config.yaml
+++ b/exampleSite/config.yaml
@@ -98,6 +98,12 @@ params:
             enabled: true
         content:
             enabled: true
+    
+    ribbon:
+        enabled: false
+        size: 300
+        alpha: 0.6
+        zindex: -1
 
 ### Custom menu
 ### See https://docs.stack.jimmycai.com/configuration/custom-menu
diff --git a/layouts/partials/footer/components/script.html b/layouts/partials/footer/components/script.html
index 83522ff..145ddf3 100644
--- a/layouts/partials/footer/components/script.html
+++ b/layouts/partials/footer/components/script.html
@@ -3,4 +3,9 @@
 {{- $opts := dict "minify" hugo.IsProduction -}}
 {{- $script := resources.Get "ts/main.ts" | js.Build $opts -}}
 
-<script type="text/javascript" src="{{ $script.RelPermalink }}" defer></script>
\ No newline at end of file
+<script type="text/javascript" src="{{ $script.RelPermalink }}" defer></script>
+
+{{- if .Site.Params.ribbon.enabled -}}
+<script src="//cdn.jsdelivr.net/npm/ribbon.js@latest/dist/ribbon.min.js" size="{{ .Site.Params.ribbon.size }}"
+    alpha="{{ .Site.Params.ribbon.alpha }}" zindex="{{ .Site.Params.ribbon.zindex }}" defer></script>
+{{- end -}}
\ No newline at end of file