Skip to content

Commit a1e8bc0

Browse files
AndhiMardiantoAndhiMardianto
committed
fitur rekomendasi
1 parent 9f05bbe commit a1e8bc0

File tree

5 files changed

+94
-23
lines changed

5 files changed

+94
-23
lines changed

‎data/posts.json‎

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,18 @@
11
[
2-
{
3-
"category": "Kategori Teknologi",
4-
"title": "Apakah nulis diblog masih relevan di era AI?",
5-
"content": "yes, Menurutku di era AI, blog tetap masih relevan. Justru, blogger yang mampu memanfaatkan AI sebagai alat bantu untuk meningkatkan kualitas dan efisiensi akan memiliki keunggulan tersendiri. ",
6-
"penulis": "Ditulis Oleh Andhim",
7-
"url": "teknologi/apakah-masih-relevan-nulis-blog-di-era-AI/"
8-
},
9-
{
10-
"category": "Kategori Teknologi",
11-
"title": "Selamat datang di MIRC dunia chat klasik yang belum mati",
12-
"content": "🤔 Sekarang Masih Ada?Masih! Tapi udah jarang yang pakai. mIRC sekarang dipakai buat hal-hal khusus kayak chatting komunitas linux, python, anime, bot monitoring, atau sekedar ingin nostalgia. dan bahkan bisa jalan mulus di Windows 10 atau 11.",
13-
"penulis": "Ditulis Oleh Andhim",
14-
"url": "teknologi/MIRC-dunia-chat-klasik-yang-belum-mati/"
15-
}
16-
17-
]
18-
2+
{
3+
"category": "Kategori Teknologi",
4+
"title": "Apakah nulis diblog masih relevan di era AI?",
5+
"content": "yes, Menurutku di era AI, blog tetap masih relevan. Justru, blogger yang mampu memanfaatkan AI sebagai alat bantu untuk meningkatkan kualitas dan efisiensi akan memiliki keunggulan tersendiri.",
6+
"penulis": "Ditulis Oleh Andhim",
7+
"url": "teknologi/apakah-masih-relevan-nulis-blog-di-era-AI/",
8+
"thumbnail": "../../imagesog/ngeblog-era-ai.webp"
9+
},
10+
{
11+
"category": "Kategori Teknologi",
12+
"title": "Selamat datang di MIRC dunia chat klasik yang belum mati",
13+
"content": "🤔 Sekarang Masih Ada? Masih! Tapi udah jarang yang pakai. mIRC sekarang dipakai buat hal-hal khusus kayak chatting komunitas linux, python, anime, bot monitoring, atau sekedar ingin nostalgia.",
14+
"penulis": "Ditulis Oleh Andhim",
15+
"url": "teknologi/MIRC-dunia-chat-klasik-yang-belum-mati/",
16+
"thumbnail": "../../imagesog/irc-nostalgia.webp"
17+
}
18+
]

‎imagesog/ngeblog-era-ai.webp‎

121 KB
Loading

‎js/script.js‎

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -314,3 +314,63 @@ document.addEventListener("DOMContentLoaded", function () {
314314
thread.dataset.pageTitle = document.title;
315315
}
316316
});
317+
318+
// fungsi rekomendasi postingan
319+
document.addEventListener("DOMContentLoaded", function () {
320+
const recommendationContainer = document.getElementById("recommendation-list");
321+
322+
fetch("../../data/posts.json")
323+
.then((res) => res.json())
324+
.then((posts) => {
325+
const currentPath = window.location.pathname;
326+
327+
const recommendedPosts = posts
328+
.filter(post => !currentPath.includes(post.url))
329+
.slice(0, 5); // Ambil 5 postingan terbaru
330+
331+
recommendedPosts.forEach(post => {
332+
const wrapper = document.createElement("div");
333+
wrapper.style.display = "flex";
334+
wrapper.style.gap = "1em";
335+
wrapper.style.marginBottom = "1.5em";
336+
wrapper.style.alignItems = "flex-start";
337+
338+
const img = document.createElement("img");
339+
img.src = post.thumbnail || "/img/default-thumb.jpg";
340+
img.alt = post.title;
341+
img.style.width = "120px";
342+
img.style.height = "auto";
343+
img.style.borderRadius = "8px";
344+
345+
const textWrapper = document.createElement("div");
346+
347+
const link = document.createElement("a");
348+
link.href = `/${post.url}`;
349+
link.textContent = post.title;
350+
link.style.fontWeight = "bold";
351+
link.style.textDecoration = "none";
352+
link.style.color = "#000";
353+
link.style.display = "block";
354+
link.style.marginBottom = "0.3em";
355+
356+
const snippet = document.createElement("p");
357+
snippet.textContent = post.content.slice(0, 100) + "...";
358+
snippet.style.margin = "0";
359+
snippet.style.color = "#555";
360+
snippet.style.fontSize = "0.95em";
361+
362+
textWrapper.appendChild(link);
363+
textWrapper.appendChild(snippet);
364+
365+
wrapper.appendChild(img);
366+
wrapper.appendChild(textWrapper);
367+
368+
recommendationContainer.appendChild(wrapper);
369+
});
370+
})
371+
.catch((err) => {
372+
console.error("Gagal memuat rekomendasi:", err);
373+
});
374+
});
375+
376+

‎teknologi/MIRC-dunia-chat-klasik-yang-belum-mati/index.html‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -269,11 +269,8 @@ <h3>Situs Resmi dan Informasi Tambahan</h3>
269269
</div>
270270
</div>
271271
</section>
272-
</main>
273272

274-
<div class="garisheading">
275273
<h4>Komentar</h4>
276-
</div>
277274
<div id="cusdis_thread"
278275
data-host="https://cusdis.com"
279276
data-app-id="b6b91584-b82d-4c1a-b2b8-69708732972d"
@@ -283,6 +280,11 @@ <h4>Komentar</h4>
283280
></div>
284281

285282
<script src="https://cusdis.com/js/cusdis.es.js" async defer></script>
283+
<h3>👉Coba kalian intip postingan ini👇</h3>
284+
<div id="recommendation-list"></div>
285+
286+
</main>
287+
286288

287289
<section class="contacts">
288290
<h3>Kontak</h3>

‎teknologi/apakah-masih-relevan-nulis-blog-di-era-AI/index.html‎

Lines changed: 12 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,13 @@
1010
<meta name="author" content="Andhim">
1111
<meta name="robots" content="index, follow">
1212
<meta name="keywords" content="blog, era AI, relevansi blog, personal branding, konten AI, menulis blog, blog di 2025">
13+
<!-- Open Graph (OG) Tags for Social Sharing -->
14+
<meta property="og:title" content="Apakah masih relevan nulis di blog di era AI?" />
15+
<meta property="og:description" content="Tips Menulis di blog di Era AI" />
16+
<meta property="og:type" content="article" />
17+
<meta property="og:url" content="https://blog.andhim.net/teknologi/apakah-masih-relevan-nulis-blog-di-era-AI" />
18+
<meta property="og:image" content="https://blog.andhim.net/imagesog/ngeblog-era-ai.webp" />
19+
1320

1421
<!-- Canonical -->
1522
<link rel="canonical" href="https://blog.andhim.net/apakah-masih-relevan-nulis-di-blog-di-era-ai/">
@@ -150,11 +157,8 @@ <h3>Kesimpulanya, ngeblog masih sangat relevan di zaman AI sekarang ini. </h3>
150157
</div>
151158
</div>
152159
</section>
153-
</main>
154160

155-
<div class="garisheading">
156161
<h4>Komentar</h4>
157-
</div>
158162
<div id="cusdis_thread"
159163
data-host="https://cusdis.com"
160164
data-app-id="b6b91584-b82d-4c1a-b2b8-69708732972d"
@@ -164,6 +168,10 @@ <h4>Komentar</h4>
164168
></div>
165169

166170
<script src="https://cusdis.com/js/cusdis.es.js" async defer></script>
171+
<h3>👉Coba kalian intip postingan ini👇</h3>
172+
<div id="recommendation-list"></div>
173+
</main>
174+
167175

168176
<section class="contacts">
169177
<h3>Kontak</h3>
@@ -175,6 +183,7 @@ <h3>Kontak</h3>
175183
<a href="https://www.facebook.com/"><img src="../../media/iconfb.svg" alt="FaceBook"></a>
176184
</div>
177185
</section>
186+
178187
<h3>Langganan RSS</h3>
179188
<p>Masukan email dan tunggu email konfirmasi di kotak masuk</p>
180189
<script async src="https://eocampaign1.com/form/ab7e95da-18d8-11f0-8819-096433fa89ca.js" data-form="ab7e95da-18d8-11f0-8819-096433fa89ca"></script>

0 commit comments

Comments
 (0)