diff --git a/docs/src/app/news/page.tsx b/docs/src/app/news/page.tsx
index c549cd2..3b1f8f3 100644
--- a/docs/src/app/news/page.tsx
+++ b/docs/src/app/news/page.tsx
@@ -1,32 +1,59 @@
 import "@/css/news.css";
+import { AddBanner } from "@/components/Adsense";
 import MainBg from "@/components/MainBg";
 
 export default function NewsPage() {
+	const GOOGLE_ADSENSE_CLIENT_ID = process.env.GOOGLE_ADSENSE_CLIENT_ID ?? "";
+	const SlotAd1AndAd2 = "9630566447";
+	const SlotAd3 = "8700628151";
+	const SlotAd4 = "3500719479";
+	const SlotAd5AndAd6 = "7092033017";
+
 	return (
 		<MainBg>
 			<div id="news-page">
 				<div className="div-ad div-ad1">
-					<h1>News1</h1>
+					<AddBanner
+						AdClient={GOOGLE_ADSENSE_CLIENT_ID}
+						AdSlot={SlotAd1AndAd2}
+					/>
 				</div>
 
 				<div className="div-ad div-ad2">
-					<h1>News2</h1>
+					<AddBanner
+						AdClient={GOOGLE_ADSENSE_CLIENT_ID}
+						AdSlot={SlotAd1AndAd2}
+					/>
 				</div>
 
 				<div className="div-ad div-ad3">
-					<h1>News3</h1>
+					<AddBanner
+						AdClient={GOOGLE_ADSENSE_CLIENT_ID}
+						AdSlot={SlotAd3}
+						AdFormat="fluid"
+					/>
 				</div>
 
 				<div className="div-ad div-ad4">
-					<h1>News4</h1>
+					<AddBanner
+						AdClient={GOOGLE_ADSENSE_CLIENT_ID}
+						AdSlot={SlotAd4}
+						AdFormat="autorelaxed"
+					/>
 				</div>
 
 				<div className="div-ad div-ad5">
-					<h1>News5</h1>
+					<AddBanner
+						AdClient={GOOGLE_ADSENSE_CLIENT_ID}
+						AdSlot={SlotAd5AndAd6}
+					/>
 				</div>
 
 				<div className="div-ad div-ad6">
-					<h1>News6</h1>
+					<AddBanner
+						AdClient={GOOGLE_ADSENSE_CLIENT_ID}
+						AdSlot={SlotAd5AndAd6}
+					/>
 				</div>
 			</div>
 		</MainBg>
diff --git a/docs/src/components/Adsense/AddBanner.tsx b/docs/src/components/Adsense/AddBanner.tsx
new file mode 100644
index 0000000..9552171
--- /dev/null
+++ b/docs/src/components/Adsense/AddBanner.tsx
@@ -0,0 +1,31 @@
+import Script from "next/script";
+
+interface AddBannerProps {
+	AdClient: string;
+	AdSlot: string;
+	AdFormat?: string;
+	FullWidthResponsive?: boolean;
+}
+
+export default function AddBanner({
+	AdClient,
+	AdSlot,
+	AdFormat = "auto",
+	FullWidthResponsive = true,
+}: AddBannerProps) {
+	return (
+		<>
+			<ins
+				className="adsbygoogle"
+				style={{ display: "block" }}
+				data-ad-client={AdClient}
+				data-ad-slot={AdSlot}
+				data-ad-format={AdFormat}
+				data-full-width-responsive={FullWidthResponsive}
+			/>
+			<Script id="adsbygoogle-start" strategy="lazyOnload">
+				{`(adsbygoogle = window.adsbygoogle || []).push({});`}
+			</Script>
+		</>
+	);
+}
diff --git a/docs/src/components/Adsense/index.tsx b/docs/src/components/Adsense/index.tsx
index 2df744b..8656552 100644
--- a/docs/src/components/Adsense/index.tsx
+++ b/docs/src/components/Adsense/index.tsx
@@ -1,3 +1,5 @@
+import Script from "next/script";
+
 interface AdsenseProps {
 	GOOGLE_ADSENSE_CLIENT_ID: string | undefined;
 }
@@ -11,3 +13,34 @@ export default function Adsense({ GOOGLE_ADSENSE_CLIENT_ID }: AdsenseProps) {
 		/>
 	);
 }
+
+interface AddBannerProps {
+	AdClient: string;
+	AdSlot: string;
+	AdFormat?: string;
+	FullWidthResponsive?: boolean;
+}
+
+// TEST
+export function AddBanner({
+	AdClient,
+	AdSlot,
+	AdFormat = "auto",
+	FullWidthResponsive = true,
+}: AddBannerProps) {
+	return (
+		<>
+			<ins
+				className="adsbygoogle"
+				style={{ display: "block" }}
+				data-ad-client={AdClient}
+				data-ad-slot={AdSlot}
+				data-ad-format={AdFormat}
+				data-full-width-responsive={FullWidthResponsive}
+			/>
+			<Script id="adsbygoogle-start" strategy="lazyOnload">
+				{`(adsbygoogle = window.adsbygoogle || []).push({});`}
+			</Script>
+		</>
+	);
+}
diff --git a/docs/src/css/news.css b/docs/src/css/news.css
index 59e4c2e..1477d8a 100644
--- a/docs/src/css/news.css
+++ b/docs/src/css/news.css
@@ -5,7 +5,6 @@
 }
 #news-page .div-ad {
   border: 0.1px solid rgba(204, 204, 204, 0.4);
-  display: block;
   border-radius: 5px;
   width: 100%;
   height: 100%;
diff --git a/docs/src/css/news.css.map b/docs/src/css/news.css.map
index 83bb261..b606d43 100644
--- a/docs/src/css/news.css.map
+++ b/docs/src/css/news.css.map
@@ -1 +1 @@
-{"version":3,"sources":["news.scss","news.css"],"names":[],"mappings":"AAAA;EACE,aAAA;EACA,mCAAA;EACD,SAAA;ACCD;ADCE;EACE,4CAAA;EACF,cAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;ACCF;ADCI;EACE,WAAA;ACCN;ADGE;EACE,cAAA;EACA,kBAAA;ACDJ;ADIE;EACE,cAAA;EACA,kBAAA;ACFJ;ADKE;EACE,cAAA;EACA,kBAAA;EACF,kBAAA;ACHF;ADME;EACE,qBAAA;EACA,kBAAA;ACJJ;ADOE;EACE,cAAA;EACA,kBAAA;ACLJ;ADQE;EACE,cAAA;EACF,kBAAA;ACNF;ADSC;EAhDD;IAiDE,SAAA;ECNA;EDQA;IACC,cAAA;IACA,kBAAA;ECND;EDSA;IACC,cAAA;IACA,kBAAA;ECPD;EDUA;IACC,qBAAA;IACA,kBAAA;ECRD;AACF;ADWC;EACC;IACC,qBAAA;IACA,kBAAA;ECTD;EDYA;IACC,qBAAA;IACA,kBAAA;ECVD;EDaA;IACC,qBAAA;IACA,kBAAA;ECXD;EDcA;IACC,qBAAA;IACA,kBAAA;ECZD;EDeA;IACC,cAAA;IACA,kBAAA;ECbD;EDgBA;IACC,cAAA;IACA,kBAAA;ECdD;AACF","file":"news.css"}
\ No newline at end of file
+{"version":3,"sources":["news.scss","news.css"],"names":[],"mappings":"AAAA;EACE,aAAA;EACA,mCAAA;EACD,SAAA;ACCD;ADCE;EACE,4CAAA;EACF,kBAAA;EACA,WAAA;EACA,YAAA;ACCF;ADCI;EACE,WAAA;ACCN;ADGE;EACE,cAAA;EACA,kBAAA;ACDJ;ADIE;EACE,cAAA;EACA,kBAAA;ACFJ;ADKE;EACE,cAAA;EACA,kBAAA;EACF,kBAAA;ACHF;ADME;EACE,qBAAA;EACA,kBAAA;ACJJ;ADOE;EACE,cAAA;EACA,kBAAA;ACLJ;ADQE;EACE,cAAA;EACF,kBAAA;ACNF;ADSC;EA/CD;IAgDE,SAAA;ECNA;EDQA;IACC,cAAA;IACA,kBAAA;ECND;EDSA;IACC,cAAA;IACA,kBAAA;ECPD;EDUA;IACC,qBAAA;IACA,kBAAA;ECRD;AACF;ADWC;EACC;IACC,qBAAA;IACA,kBAAA;ECTD;EDYA;IACC,qBAAA;IACA,kBAAA;ECVD;EDaA;IACC,qBAAA;IACA,kBAAA;ECXD;EDcA;IACC,qBAAA;IACA,kBAAA;ECZD;EDeA;IACC,cAAA;IACA,kBAAA;ECbD;EDgBA;IACC,cAAA;IACA,kBAAA;ECdD;AACF","file":"news.css"}
\ No newline at end of file
diff --git a/docs/src/css/news.scss b/docs/src/css/news.scss
index d40069a..929a8e1 100644
--- a/docs/src/css/news.scss
+++ b/docs/src/css/news.scss
@@ -5,7 +5,6 @@
 
   .div-ad {
     border: 0.1px solid #cccccc66;
-		display: block;
 		border-radius: 5px;
 		width: 100%;
 		height: 100%;