diff --git a/chat.md b/chat.md
index db71e0f..de6d48e 100644
--- a/chat.md
+++ b/chat.md
@@ -59,12 +59,10 @@ htmlに省略形式でcssを記述します。`tailwind.config.ts`を見てく
 
 ```html
 {{ if .Param "comment" }}
-<a href="https://example.com/post/syui.ai/{{ .Params.comment }}">
-	<button class="frontpage">@comment</button>
-</a>
-		<div class="comment">
-			<iframe class="frontpage" src="https://example.com/post/syui.ai/{{ .Params.comment }}" frameBorder="0" sandbox></iframe>
-		</div>
+<div class="comment">
+	<p><a href="https://example.com/post/syui.ai/{{ .Params.comment }}" class="frontpage-button"> @comment </a></p>
+	<iframe class="frontpage" src="https://example.com/post/syui.ai/{{ .Params.comment }}" frameBorder="0" SRC=""></iframe>
+</div>
 {{ end }}
 ```
 
@@ -77,4 +75,29 @@ date = "2024-10-26"
 [params]
   comment = "3l7lprmoka22r"
 +++
+```
+
+```css
+iframe.frontpage {
+	width:100%;
+	height: 1000px;
+	pointer-events:none;
+}
+
+a.frontpage-button {
+	width:100%;
+	font-size: 15px;
+	background-color: #e80063;
+	/* background-color: #007fff; */
+	color: #fff;
+	border: 2px solid #fff;
+	padding: 10px 30px;
+	border-radius: 5px;
+	text-decoration: none;
+}
+
+a.frontpage-button:hover {
+	/* background-color: #0077ff; */
+	background-color: #e80073;
+}
 ```
\ No newline at end of file