PageSourceSearch

https://www.tatarjabar.com/2026/09/peduli-duka-lions-club-menjangkau-titik.html

html tatarjabar.com collected 2026-09-25 04:06:43 UTC 144,037 bytes, 4,078 lines download raw bytes

1<!DOCTYPE html>
2<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
3<head>
4<meta name='impact-site-verification' value='63f46a50-f01f-4d79-9d15-b12939d16d61'/>
5<script async='async' crossorigin='anonymous' src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1783745483990845'></script>
5
6<meta charset='utf-8'/>
7<meta content='width=device-width, initial-scale=1, shrink-to-fit=no' name='viewport'/>
8<title>Peduli Duka Lions Club Menjangkau Titik-Titik Masyarakat yang Sangat Membutuhkan</title>
9<!-- Google Fonts: Plus Jakarta Sans (Judul) & Inter (Body) -->
10<link href='https://fonts.googleapis.com' rel='preconnect'/>
11<link crossorigin='anonymous' href='https://fonts.gstatic.com' rel='preconnect'/>
12<link href='https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Noto+Serif:wght@600;700;800&display=swap' rel='stylesheet'/>
13<!-- Bootstrap 5 CSS & FontAwesome -->
14<link href='https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css' rel='stylesheet'/>
15<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css' rel='stylesheet'/>
16<style id='page-skin-1' type='text/css'><!--
17/* Global Typography Reset */
18body {
19font-family: 'Inter', system-ui, -apple-system, sans-serif;
20background-color: #f8f9fa;
21color: #2b2b2b;
22font-size: 0.975rem;
23line-height: 1.6;
24}
25h1, h2, h3, h4, h5, h6, .sidebar-widget-title {
26font-family: 'Noto Serif', Georgia, serif;
27letter-spacing: -0.02em;
28}
29a { color: #0d6efd; text-decoration: none; }
30a:hover { color: #0a58ca; }
31/* Header & Navigation Menu */
32.navbar-main { background-color: #1a252f; padding: 12px 0; }
33.navbar-brand-logo { color: #ffffff !important; font-size: 1.65rem; font-weight: 800; text-decoration: none; }
34.navbar-brand-logo { font-family: 'Inter', system-ui, sans-serif; }
35.navbar-brand-logo img { max-height: 45px; width: auto; }
36.navbar-main .nav-link { color: #ffffff !important; font-weight: 600; font-size: 0.925rem; padding: 10px 16px; }
37.navbar-main .nav-link:hover { color: #e53935 !important; }
38.dropdown-menu { border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
39/* Auto-HD Main Slider - Compact Caption Fix */
40#main-slider { position: relative; overflow: hidden; border-radius: 8px; margin-bottom: 35px; background: #000; min-height: 380px; }
41#main-slider .carousel-item { height: 380px; background-size: cover; background-position: center center; background-repeat: no-repeat; }
42#main-slider .carousel-caption {
43background: linear-gradient(0deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 75%, rgba(0,0,0,0) 100%);
44left: 0;
45right: 0;
46bottom: 0;
47padding: 14px 22px;
48text-align: left;
49}
50#main-slider .carousel-caption h3 {
51font-size: 1.35rem;
52font-weight: 700;
53margin-bottom: 0;
54line-height: 1.3;
55color: #ffffff !important;
56}
57/* Article List / Post Card Layout - Krop Fokus Atas */
58.post-card { border-radius: 8px; overflow: hidden; background: #fff; transition: transform 0.2s ease-in-out; margin-bottom: 30px; }
59.post-card:hover { transform: translateY(-3px); }
60.post-thumb-wrapper { display: block; overflow: hidden; max-height: 320px; background-color: #e9ecef; }
61.post-thumb-img { width: 100%; height: 320px; object-fit: cover; object-position: top center; }
62.post-card .card-title { font-weight: 700; line-height: 1.35; }
63.single-article-wrapper { background: #fff; border-radius: 8px; padding: 32px; }
64.single-article-wrapper h1 { font-weight: 800; font-size: 2rem; line-height: 1.25; }
65.single-article-wrapper img { max-width: 100%; height: auto; border-radius: 6px; margin: 15px 0; }
66.article-content { font-size: 1.05rem; line-height: 1.75; color: #333333; }
67/* =========================================================
68FIX SIDEBAR WIDGET & SEARCH FORM (GLOBAL FIX)
69========================================================= */
70.sticky-sidebar-wrapper { position: -webkit-sticky; position: sticky; top: 20px; z-index: 10; }
71/* Memaksa SEMUA widget di sidebar berbentuk kartu putih */
72.sticky-sidebar-wrapper .widget,
73.sidebar-widget-card {
74background: #fff;
75border-radius: 8px;
76padding: 22px;
77margin-bottom: 35px;
78box-shadow: 0 2px 8px rgba(0,0,0,0.05);
79}
80/* Memaksa SEMUA judul widget berukuran seragam */
81.sticky-sidebar-wrapper .widget h2,
82.sticky-sidebar-wrapper .widget h2.title,
83.sidebar-widget-title {
84font-size: 0.95rem !important;
85font-weight: 800 !important;
86text-transform: uppercase;
87letter-spacing: 0.05em;
88border-bottom: 2px solid #1a252f;
89padding-bottom: 8px;
90margin-bottom: 16px;
91color: #1a252f;
92line-height: 1.2;
93}
94/* Hover judul widget Berita Populer &#8212; merah tema */
95.sticky-sidebar-wrapper .widget.PopularPosts h2.title:hover {
96color: #e53935 !important;
97transition: color 0.2s ease-in-out !important;
98}
99/* Merapikan Form Pencarian (Search Widget) */
100.sticky-sidebar-wrapper .gsc-search-box,
101.sticky-sidebar-wrapper form { display: flex; gap: 8px; }
102.sticky-sidebar-wrapper input[type="text"] {
103border: 1px solid #dee2e6;
104border-radius: 6px;
105padding: 6px 12px;
106width: 100%;
107font-size: 0.9rem;
108}
109.sticky-sidebar-wrapper input[type="submit"],
110.sticky-sidebar-wrapper button {
111background: #1a252f;
112color: #fff;
113border: none;
114border-radius: 6px;
115padding: 6px 16px;
116font-size: 0.9rem;
117font-weight: 600;
118}
119/* =========================================================
120FIX CAPTION FOTO ARTIKEL (DESKTOP & MOBILE)
121========================================================= */
122.article-content figure,
123.article-content .tr-caption-container {
124margin: 15px 0 !important;
125max-width: 100%;
126}
127.article-content img {
128max-width: 100%;
129height: auto;
130border-radius: 6px;
131margin-bottom: 4px !important;
132display: block;
133}
134.article-content figcaption,
135.article-content .tr-caption {
136font-size: 0.825rem !important;
137line-height: 1.35 !important;
138color: #6c757d !important;
139margin-top: 4px !important;
140margin-bottom: 10px !important;
141padding: 0 4px !important;
142text-align: center;
143font-style: italic;
144}
145/* =========================================================
146FIX CAPTION SLIDER HOMEPAGE (DESKTOP & MOBILE)
147========================================================= */
148#main-slider .carousel-caption {
149background: linear-gradient(0deg, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.4) 75%, rgba(0,0,0,0) 100%);
150left: 0;
151right: 0;
152bottom: 0;
153padding: 10px 16px !important;
154text-align: left;
155}
156#main-slider .carousel-caption h3 {
157font-size: 1.25rem;
158font-weight: 700;
159margin: 0 !important;
160padding: 0 !important;
161line-height: 1.3;
162color: #ffffff !important;
163}
164@media (max-width: 767.98px) {
165#main-slider { min-height: 250px !important; }
166#main-slider .carousel-item { height: 250px !important; }
167#main-slider .carousel-caption {
168padding: 8px 12px !important;
169}
170#main-slider .carousel-caption h3 {
171font-size: 0.95rem !important;
172line-height: 1.25 !important;
173}
174.article-content figcaption,
175.article-content .tr-caption {
176font-size: 0.8rem !important;
177margin-top: 3px !important;
178}
179}
180/* 3-Column Footer Area Fix */
181.footer-wrapper { background-color: #111111 !important; color: #dddddd !important; padding-top: 45px; padding-bottom: 25px; margin-top: 50px; }
182.footer-wrapper h5 { color: #ffffff !important; margin-bottom: 15px; font-size: 1.05rem; font-weight: 700; }
183.footer-wrapper a, .footer-wrapper p, .footer-wrapper li { color: #cccccc !important; text-decoration: none; }
184.footer-wrapper a:hover { color: #e53935 !important; }
185/* Footer Copyright Credit Text Fix */
186.footer-copyright { color: #aaaaaa !important; font-size: 0.9rem; }
187.footer-copyright a { color: #ffffff !important; font-weight: 600; }
188/* --- Mempercantik Widget Kategori Sidebar --- */
189/* Menghilangkan list bawaan (titik-titik hitam) dan membuat layout grid/flex */
190.widget.Label ul,
191.widget.Category ul {
192list-style: none !important;
193padding: 0 !important;
194margin: 0 !important;
195display: flex !important;
196flex-direction: column !important;
197gap: 8px !important; /* Jarak antar kotak kategori */
198}
199/* Mengubah tiap item kategori menjadi bentuk kotak dengan sudut rounded */
200.widget.Label li,
201.widget.Category li {
202margin: 0 !important;
203padding: 0 !important;
204}
205/* Styling tampilan tombol/kotak kategori */
206.widget.Label li a,
207.widget.Category li a {
208display: flex !important;
209justify-content: space-between !important;
210align-items: center !important;
211padding: 10px 14px !important;
212background-color: #f8f9fa !important; /* Warna latar belakang lembut */
213border: 1px solid #e9ecef !important; /* Garis outline tipis */
214border-radius: 8px !important; /* Ujung kotak melengkung (rounded) */
215color: #333 !important;
216font-size: 14px !important;
217font-weight: 500 !important;
218text-decoration: none !important;
219transition: all 0.2s ease-in-out !important;
220}
221/* Efek saat kursor diarahkan ke kotak kategori (Hover) */
222.widget.Label li a:hover {
223background-color: #212529 !important; /* Berubah jadi gelap elegan */
224color: #fff !important;
225border-color: #212529 !important;
226transform: translateX(4px) !important; /* Sedikit bergeser halus ke kanan */
227}
228/* Opsional: Jika ada angka jumlah postingan (counter) di samping nama kategori */
229.widget.Label .label-count,
230.widget.Category .category-count {
231background-color: rgba(0, 0, 0, 0.08) !important;
232padding: 2px 8px !important;
233border-radius: 12px !important;
234font-size: 12px !important;
235}
236.widget.Label li a:hover .label-count {
237background-color: rgba(255, 255, 255, 0.2) !important;
238color: #fff !important;
239}
240/* --- Mempercantik Widget Berita Populer --- */
241/* Menghilangkan list bawaan dan mengatur jarak */
242.widget.PopularPosts ul {
243list-style: none !important;
244padding: 0 !important;
245margin: 0 !important;
246display: flex !important;
247flex-direction: column !important;
248gap: 8px !important;
249}
250.widget.PopularPosts li {
251margin: 0 !important;
252padding: 0 !important;
253}
254/* Mengubah tiap baris artikel populer menjadi kotak rounded */
255.widget.PopularPosts li a {
256display: block !important;
257padding: 10px 14px !important;
258background-color: #f8f9fa !important;
259border: 1px solid #e9ecef !important;
260border-radius: 8px !important;
261color: #333 !important;
262font-size: 14px !important;
263font-weight: 500 !important;
264text-decoration: none !important;
265transition: all 0.2s ease-in-out !important;
266}
267/* Hover HANYA untuk kartu/judul artikel, BUKAN gambar */
268.widget.PopularPosts li .item-title a:hover {
269background-color: #212529 !important;
270color: #fff !important;
271border-color: #212529 !important;
272transform: translateX(4px) !important;
273}
274/* Thumbnail tidak boleh menerima background hover dari link */
275.widget.PopularPosts li .item-thumbnail,
276.widget.PopularPosts li .item-thumbnail a {
277background: transparent !important;
278background-color: transparent !important;
279border: 0 !important;
280transform: none !important;
281box-shadow: none !important;
282padding: 0 !important;
283}
284.widget.PopularPosts li .item-thumbnail a:hover {
285background: transparent !important;
286background-color: transparent !important;
287border: 0 !important;
288transform: none !important;
289box-shadow: none !important;
290}
291.widget.PopularPosts li .item-thumbnail img {
292display: block !important;
293width: 100% !important;
294height: 150px !important;
295object-fit: cover !important;
296border-radius: 8px !important;
297background: transparent !important;
298box-shadow: none !important;
299}
300/* --- Paksa Tombol Baca Selengkapnya Jadi Merah (Universal) --- */
301a.btn-primary,
302.post-body a.btn,
303.blog-posts .btn,
304.post a[class*="button"],
305.post a[class*="read-more"],
306.post-outer a.more-link {
307background-color: #dc3545 !important;
308border-color: #dc3545 !important;
309color: #fff !important;
310}
311a.btn-primary:hover,
312.post-body a.btn:hover,
313.blog-posts .btn:hover,
314.post a[class*="button"]:hover,
315.post a[class*="read-more"]:hover,
316.post-outer a.more-link:hover {
317background-color: #bb2d3b !important;
318border-color: #b02a37 !important;
319color: #fff !important;
320}
321/* Merapatkan jarak antar baris teks dan paragraf di postingan */
322.post-body,
323.post-body p,
324.post-body div {
325line-height: 1.4 !important; /* Mengontrol kerapatan antar baris teks (semakin kecil ukurannya, semakin rapat) */
326margin-bottom: 8px !important; /* Jarak bawah antar paragraf */
327margin-top: 0 !important;
328}
329/* Menghilangkan spasi ganda berlebih akibat tag br (Enter di editor) */
330.post-body br {
331display: block !important;
332content: "" !important;
333margin-top: 2px !important;
334}
335/* Netralkan semua elemen dalam postingan agar tunduk pada satu aturan */
336.post-body, .post-body *, .post-body p, .post-body span {
337line-height: 1.4 !important;
338margin-top: 0 !important;
339margin-bottom: 6px !important;
340}
341/* Memperkecil ukuran huruf di dalam artikel */
342.post-body,
343.post-body p,
344.post-body span,
345.post-body div {
346font-size: 12px !important; /* Bisa diganti ke 13px atau 15px sesuai selera */
347}
348/* PERBAIKAN SPASI PARAGRAF & GAMBAR DALAM ARTIKEL */
349.post-body p {
350margin: 0 0 1.25rem 0 !important;
351line-height: 1.7 !important;
352}
353.post-body img {
354max-width: 100% !important;
355height: auto !important;
356display: block !important;
357margin: 1.5rem auto !important;
358}
359/* TatarJabar FINAL FIX &#8212; BERITA POPULER: title box follows thumbnail width */
360.PopularPosts li .item-content,
361.PopularPosts li .item-title,
362.PopularPosts li .item-title a {
363width: 100% !important;
364box-sizing: border-box !important;
365}
366.PopularPosts li .item-title {
367margin-left: 0 !important;
368margin-right: 0 !important;
369padding-left: 12px !important;
370padding-right: 12px !important;
371border-radius: 8px !important;
372box-sizing: border-box !important;
373}
374/* Keep hover/normal backgrounds aligned exactly with the image */
375.PopularPosts li .item-title a {
376display: block !important;
377box-sizing: border-box !important;
378border-radius: 8px !important;
379}
380.PopularPosts li .item-thumbnail,
381.PopularPosts li .item-thumbnail a {
382width: 100% !important;
383box-sizing: border-box !important;
384}
385/* TatarJabar FINAL FIX V3 &#8212; hilangkan padding container item-title.
386Padding tetap berada pada kotak link agar kotak judul sama lebar dengan foto. */
387.widget.PopularPosts li .item-title {
388width: 100% !important;
389margin-left: 0 !important;
390margin-right: 0 !important;
391padding: 0 !important;
392box-sizing: border-box !important;
393}
394.widget.PopularPosts li .item-title a {
395display: block !important;
396width: 100% !important;
397margin: 0 !important;
398box-sizing: border-box !important;
399border-radius: 8px !important;
400}
401/* TatarJabar &#8212; Berita Populer clean hover, matching Berita Terkait */
402.PopularPosts li .item-title,
403.PopularPosts li .item-title a,
404.PopularPosts li .item-title a:hover {
405background: #fff !important;
406background-color: #fff !important;
407color: inherit !important;
408box-shadow: none !important;
409text-decoration: none !important;
410}
411.PopularPosts li .item-title a:hover {
412color: inherit !important;
413}
414/* Keep the title box aligned exactly with the thumbnail */
415.PopularPosts li .item-title,
416.PopularPosts li .item-title a {
417width: 100% !important;
418box-sizing: border-box !important;
419border-radius: 8px !important;
420}
421.PopularPosts li .item-title a {
422display: block !important;
423padding: 12px !important;
424}
425
426--></style>
427<!-- External JavaScript Core -->
428<script src='https://code.jquery.com/jquery-3.6.0.min.js'></script>
vendor: 1 bytes, line 428
428
429<script src='https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js'></script>
429
430<style>
431  .related-post-card {
432    transition: transform 0.2s ease, shadow 0.2s ease;
433  }
434  .related-post-card:hover {
435    transform: translateY(-3px);
436  }
437  .related-post-img {
438    height: 160px;
439    object-fit: cover;
440  }
441    
442 /* Menghilangkan skeleton loading dan kotak kosong */
443.skeleton,
444.skeleton-line,
445.skeleton-loading,
446.placeholder-item {
447  display: none !important;
448  visibility: hidden !important;
449  opacity: 0 !important;
450  height: 0 !important;
451}
452 /* Penyesuaian ukuran judul artikel khusus tampilan HP / Mobile */
453/* Penyesuaian ukuran judul artikel khusus tampilan HP / Mobile */
454@media screen and (max-width: 576px) {
455  .PopularPosts .post-title,
456  .PopularPosts .entry-title,
457  .PopularPosts h3,
458  .PopularPosts h4,
459  .tj-popular-posts .post-title,
460  .tj-popular-posts h3,
461  .card-title,
462  .post-title a,
463  .entry-title a {
464    font-size: 14px !important;
465    line-height: 1.4 !important;
466    font-weight: 600 !important;
467  }
468
469  /* Merapikan padding area teks agar tidak terlalu tebal */
470  .PopularPosts .card-body,
471  .tj-popular-posts .card-body {
472    padding: 8px 10px !important;
473  }
474}
475 /* Paksa kecil semua variasi judul artikel utama di HP */
476@media screen and (max-width: 576px) {
477  .post-title,
478  .entry-title,
479  .post-title-single,
480  .single-post-title,
481  .blog-post h1,
482  .post h1,
483  article h1,
484  h1.post-title,
485  h1.entry-title {
486    font-size: 21px !important;
487    line-height: 1.35 !important;
488    font-weight: 700 !important;
489    margin-top: 5px !important;
490    margin-bottom: 8px !important;
491  }
492}
493 /* Merapikan jarak gambar, caption, dan paragraf isi artikel */
494.post-body .tr-caption-container,
495.post-body .separator,
496.entry-content figure,
497.entry-content .wp-caption {
498  margin-bottom: 12px !important; /* Rapatkan jarak foto/caption ke teks di bawahnya */
499}
500
501.post-body .tr-caption,
502.entry-content figcaption {
503  margin-top: 6px !important;
504  margin-bottom: 0 !important;
505  font-size: 13px !important;
506  line-height: 1.3 !important;
507}
508
509/* Merapikan spasi antar paragraf dan merapatkan jarak baris teks */
510.post-body p,
511.entry-content p,
512.post-body div,
513.entry-content div {
514  margin-top: 0 !important;
515  margin-bottom: 10px !important; /* Jarak antar paragraf */
516  line-height: 1.45 !important;    /* Jarak antar baris teks */
517}
518
519/* Khusus sub-judul di dalam isi artikel (seperti H2/H3 Hasil Penjualan Lukisan...) */
520.post-body h2, .post-body h3, .post-body h4,
521.entry-content h2, .entry-content h3, .entry-content h4 {
522  margin-top: 18px !important;
523  margin-bottom: 10px !important;
524}
525 /* Memaksa elemen pembungkus gambar penuh 100% dan mengabaikan script JavaScript */
526.post-body div,
527.post-body .separator, 
528.post-body .tr-caption-container,
529.post-body a[style*="margin"] {
530  width: 100% !important;
531  max-width: 100% !important;
532  clear: both !important;
533  text-align: center !important;
534  box-sizing: border-box !important;
535}
536
537/* Memaksa tag gambar agar selalu 100% dari lebar area postingan */
538.post-body img,
539.post-body .separator img,
540.post-body .tr-caption-container img {
541  width: 100% !important;
542  max-width: 100% !important;
543  height: auto !important;
544  display: block !important;
545  margin: 0 auto !important;
546  object-fit: cover !important;
547}
548
549/* Merapikan teks caption agar tetap presisi di tengah */
550.post-body .tr-caption,
551.post-body span.tr-caption {
552  display: block !important;
553  width: 100% !important;
554  text-align: center !important;
555  margin-top: 8px !important;
556}   
557</style>
558<style>
559    /* Menyembunyikan HANYA slider utama di halaman label/kategori */
560    #main-slider {
561      display: none !important;
562    }
563  </style>
564<style>
565@media screen and (max-width: 768px) {
566  /* 1. Atur footer jadi satu kolom dan lebar 100% */
567  .footer-wrapper .row {
568    display: flex !important;
569    flex-direction: column !important;
570  }
571  .footer-wrapper .col-md-4 {
572    flex: 0 0 100% !important;
573    max-width: 100% !important;
574    width: 100% !important;
575    margin-bottom: 15px !important;
576  }
577
578  /* 2. Ukuran judul widget di HP (lebih kecil) */
579  .footer-wrapper h5 {
580    font-size: 16px !important;
581    margin-top: 0px !important;
582    margin-bottom: 6px !important;
583  }
584
585  /* 3. Spasi antar teks paragraf dirapatkan */
586  .footer-wrapper p {
587    line-height: 1.3 !important;
588    margin-bottom: 6px !important;
589  }
590
591  /* 4. Jarak gambar logo ke teks bawahnya */
592  .footer-wrapper img {
593    margin-bottom: 6px !important;
594  }
595}
596</style>
597<style>
598/* TatarJabar: FINAL VISUAL FIX &#8212; spacing artikel & thumbnail clarity only */
599.post-body p,
600.entry-content p {
601  margin-top: 0 !important;
602  margin-bottom: 8px !important;
603  line-height: 1.55 !important;
604}
605
606/* Rapatkan gambar dengan paragraf sebelum/sesudahnya */
607.post-body .separator,
608.post-body .tr-caption-container,
609.post-body figure,
610.entry-content figure,
611.entry-content .wp-caption {
612  margin-top: 6px !important;
613  margin-bottom: 6px !important;
614}
615
616.post-body .separator img,
617.post-body .tr-caption-container img,
618.post-body figure img,
619.entry-content figure img,
620.entry-content .wp-caption img {
621  margin-top: 0 !important;
622  margin-bottom: 0 !important;
623}
624
625/* Hindari margin bawaan link pembungkus gambar */
626.post-body .separator > a,
627.post-body .tr-caption-container > a {
628  margin: 0 !important;
629  padding: 0 !important;
630}
631
632/* Thumbnail widget: jangan beri efek blur/filter */
633.sidebar-post-thumb,
634.custom-twocol-outer-box .card-img-top,
635.related-post-img,
636.tj-random-thumb-box img,
637.PopularPosts .item-thumbnail img,
638.related-img-wrap img {
639  filter: none !important;
640  image-rendering: auto !important;
641}
642</style>
643<style id='tatarjabar-final-visual-fix'>
644/* FINAL VISUAL FIX V4 &#8212; rapat tetapi tidak menumpuk */
645.post-body,
646.article-content,
647#tj-post-body {
648  line-height: 1.45 !important;
649}
650
651.post-body p,
652.article-content p,
653#tj-post-body p {
654  margin-top: 0 !important;
655  margin-bottom: 6px !important;
656  padding-top: 0 !important;
657  padding-bottom: 0 !important;
658  line-height: 1.45 !important;
659}
660
661.post-body p + p,
662.article-content p + p,
663#tj-post-body p + p {
664  margin-top: 0 !important;
665}
666
667/* Jangan menghapus line box Blogger: height/line-height 0 pada BR dapat membuat teks bertumpuk */
668.post-body br,
669.article-content br,
670#tj-post-body br {
671  margin: 0 !important;
672  padding: 0 !important;
673  line-height: 1.45 !important;
674  height: auto !important;
675}
676
677/* Gambar artikel tetap rapat dengan teks, tetapi mempunyai line box normal */
678.post-body img,
679.article-content img,
680#tj-post-body img {
681  display: block !important;
682  margin-top: 4px !important;
683  margin-bottom: 4px !important;
684  padding: 0 !important;
685  max-width: 100% !important;
686  height: auto !important;
687}
688
689/* Wrapper gambar: rapat tanpa line-height:0 yang menyebabkan overlap */
690.post-body .separator,
691.post-body .tr-caption-container,
692.post-body figure,
693.article-content .separator,
694.article-content .tr-caption-container,
695.article-content figure,
696#tj-post-body .separator,
697#tj-post-body .tr-caption-container,
698#tj-post-body figure,
699.entry-content figure,
700.entry-content .wp-caption {
701  margin-top: 4px !important;
702  margin-bottom: 4px !important;
703  padding-top: 0 !important;
704  padding-bottom: 0 !important;
705  line-height: 1.45 !important;
706}
707
708.post-body .separator img,
709.post-body .tr-caption-container img,
710.post-body figure img,
711.article-content .separator img,
712.article-content .tr-caption-container img,
713.article-content figure img,
714#tj-post-body .separator img,
715#tj-post-body .tr-caption-container img,
716#tj-post-body figure img,
717.entry-content figure img,
718.entry-content .wp-caption img {
719  margin: 0 !important;
720  padding: 0 !important;
721}
722
723/* Paragraf kosong tetap dihilangkan, tetapi hanya jika benar-benar kosong */
724#tj-post-body p:empty,
725.article-content p:empty,
726.post-body p:empty {
727  display: none !important;
728}
729
730.post-body .tr-caption,
731.post-body span.tr-caption,
732.article-content .tr-caption,
733.article-content span.tr-caption,
734#tj-post-body .tr-caption,
735#tj-post-body span.tr-caption,
736.entry-content figcaption {
737  margin-top: 2px !important;
738  margin-bottom: 2px !important;
739  padding: 0 !important;
740  line-height: 1.25 !important;
741}
742</style>
743<style id='caption-spacing-8px-final'>
744/* Jarak foto dan caption: sedikit lebih longgar, tetap proporsional */
745#tj-post-body .tr-caption,
746#tj-post-body span.tr-caption,
747.article-content .tr-caption,
748.article-content span.tr-caption,
749.post-body .tr-caption,
750.post-body span.tr-caption,
751.entry-content figcaption,
752.article-content figcaption {
753  display: block !important;
754  margin-top: 8px !important;
755  margin-bottom: 4px !important;
756  padding: 0 !important;
757}
758</style>
759<style id='tatarjabar-mobile-image-text-spacing-fix'>
760/* FINAL MOBILE FIX: rapatkan foto/gambar dengan paragraf pertama di bawahnya */
761@media screen and (max-width: 768px) {
762  #tj-post-body img,
763  .article-content #tj-post-body img {
764    margin-top: 0 !important;
765    margin-bottom: 0 !important;
766    padding: 0 !important;
767  }
768
769  #tj-post-body .separator,
770  #tj-post-body .tr-caption-container,
771  #tj-post-body figure,
772  .article-content #tj-post-body .separator,
773  .article-content #tj-post-body .tr-caption-container,
774  .article-content #tj-post-body figure {
775    margin-top: 0 !important;
776    margin-bottom: 6px !important;
777    padding-top: 0 !important;
778    padding-bottom: 0 !important;
779  }
780
781  /* Jangan beri jarak tambahan pada paragraf tepat setelah foto */
782  #tj-post-body .separator + p,
783  #tj-post-body .tr-caption-container + p,
784  #tj-post-body figure + p {
785    margin-top: 0 !important;
786    padding-top: 0 !important;
787  }
788
789  /* Hapus BR kosong yang sering ditambahkan editor Blogger setelah foto */
790  #tj-post-body .separator + br,
791  #tj-post-body .separator + br + br,
792  #tj-post-body .tr-caption-container + br,
793  #tj-post-body .tr-caption-container + br + br,
794  #tj-post-body figure + br,
795  #tj-post-body figure + br + br {
796    display: none !important;
797  }
798
799  #tj-post-body p {
800    margin-top: 0 !important;
801    padding-top: 0 !important;
802  }
803}
804</style>
805<style id='tatarjabar-mobile-homepage-post-order-fix'>
806/* =========================================================
807   TATARJABAR - HOMEPAGE MOBILE
808   1. Sembunyikan blok BERITA PILIHAN/random di HP agar
809      daftar berita terbaru tampil langsung berurutan.
810   2. Judul artikel utama diperbesar.
811   3. Cuplikan dibuat lebih kecil dari judul.
812   ========================================================= */
813@media screen and (max-width: 768px) {
814
815  /* Blok Berita Pilihan tidak mengganggu urutan berita terbaru di HP */
816  .custom-twocol-outer-box {
817    display: none !important;
818  }
819
820  /* Daftar postingan utama: satu kolom penuh, dari atas ke bawah */
821  .posts-feed-wrapper {
822    display: block !important;
823    width: 100% !important;
824  }
825
826  .posts-feed-wrapper .post-card {
827    display: block !important;
828    width: 100% !important;
829    margin-left: 0 !important;
830    margin-right: 0 !important;
831    margin-bottom: 24px !important;
832  }
833
834  /* JUDUL ARTIKEL UTAMA - dibuat paling dominan */
835  .posts-feed-wrapper .post-card .card-title,
836  .posts-feed-wrapper .post-card .card-title a {
837    font-family: 'Noto Serif', Georgia, serif !important;
838    font-size: 28px !important;
839    line-height: 1.25 !important;
840    font-weight: 800 !important;
841    letter-spacing: -0.02em !important;
842    margin-top: 0 !important;
843    margin-bottom: 12px !important;
844  }
845
846  /* Tanggal */
847  .posts-feed-wrapper .post-card .text-muted {
848    font-size: 14px !important;
849    line-height: 1.4 !important;
850    margin-bottom: 12px !important;
851  }
852
853  /* Cuplikan artikel harus lebih kecil daripada judul */
854  .posts-feed-wrapper .post-card .card-text {
855    font-family: 'Inter', system-ui, sans-serif !important;
856    font-size: 17px !important;
857    line-height: 1.55 !important;
858    font-weight: 400 !important;
859    color: #6c757d !important;
860    margin-bottom: 16px !important;
861  }
862
863  /* Tombol baca */
864  .posts-feed-wrapper .post-card .btn {
865    font-size: 16px !important;
866    padding: 10px 16px !important;
867  }
868
869  /* Ruang teks kartu */
870  .posts-feed-wrapper .post-card .card-body {
871    padding: 18px 16px 20px !important;
872  }
873}
874
875/* HP sangat kecil */
876@media screen and (max-width: 375px) {
877  .posts-feed-wrapper .post-card .card-title,
878  .posts-feed-wrapper .post-card .card-title a {
879    font-size: 25px !important;
880  }
881
882  .posts-feed-wrapper .post-card .card-text {
883    font-size: 16px !important;
884  }
885}
886</style>
887<style id='tatarjabar-mobile-affiliate-image-fix'>
888/* =========================================================
889   TATARJABAR - MOBILE AFFILIATE IMAGE FIX
890   Memastikan gambar iklan eksternal tetap tampil di HP.
891   ========================================================= */
892@media screen and (max-width: 768px) {
893  /* Widget Rekomendasi Produk */
894  #tatarjabarShopeeWidget .tatarjabar-grid,
895  #tatarjabarShopeeWidget .affiliate-card,
896  #tatarjabarShopeeWidget .img-container {
897    display: block !important;
898    visibility: visible !important;
899    opacity: 1 !important;
900  }
901
902  #tatarjabarShopeeWidget .tatarjabar-grid {
903    display: grid !important;
904    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
905    gap: 10px !important;
906  }
907
908  #tatarjabarShopeeWidget .affiliate-card {
909    width: 100% !important;
910    min-width: 0 !important;
911    padding: 8px !important;
912    box-sizing: border-box !important;
913  }
914
915  #tatarjabarShopeeWidget .img-container {
916    width: 100% !important;
917    height: auto !important;
918    min-height: 0 !important;
919    aspect-ratio: 1 / 1 !important;
920    overflow: hidden !important;
921    display: block !important;
922    position: relative !important;
923  }
924
925  #tatarjabarShopeeWidget .affiliate-card img {
926    display: block !important;
927    visibility: visible !important;
928    opacity: 1 !important;
929    width: 100% !important;
930    height: 100% !important;
931    max-width: none !important;
932    min-width: 0 !important;
933    object-fit: cover !important;
934    margin: 0 !important;
935    padding: 0 !important;
936  }
937
938  /* Iklan Eiger HTML10 */
939  #HTML10,
940  #HTML10 .widget-content {
941    display: block !important;
942    visibility: visible !important;
943    opacity: 1 !important;
944    width: 100% !important;
945    max-width: 100% !important;
946    overflow: visible !important;
947  }
948
949  #HTML10 img {
950    display: block !important;
951    visibility: visible !important;
952    opacity: 1 !important;
953    width: 100% !important;
954    max-width: 100% !important;
955    height: auto !important;
956    margin: 0 auto !important;
957    padding: 0 !important;
958    transform: none !important;
959  }
960}
961</style>
962<link href='https://www.blogger.com/dyncss/8933285899404174265/authorization.css?zx=7129982e-2b4d-45f7-a50b-cddabfe43f3f' media='none' onload='if(media!=&#39;all&#39;)media=&#39;all&#39;' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyncss/8933285899404174265/authorization.css?zx=7129982e-2b4d-45f7-a50b-cddabfe43f3f' rel='stylesheet'/></noscript>
963<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
964<meta name='google-adsense-platform-domain' content='blogspot.com'/>
965
966<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1783745483990845&host=ca-host-pub-1556223355139109" crossorigin="anonymous"></script>
966
967
968<!-- data-ad-client=ca-pub-1783745483990845 -->
969
970</head>
971<body>
972<!-- Header & Navigation Area -->
973<header class='header-wrapper'>
974<nav class='navbar navbar-expand-lg navbar-main shadow-sm'>
975<div class='container'>
976<!-- Logo / Title Header -->
977<div class='section' id='header-logo'><div class='widget Header' data-version='1' id='Header1'>
978<div class='site-header-logo' style='padding: 10px 0; text-align: left;'>
979<a href='https://www.tatarjabar.com/' style='display: inline-block;'>
980<img alt='Tatar Jabar' src='https://blogger.googleusercontent.com/img/a/AVvXsEiON-fQaGD5omWpbqrfxA9N_EQ57Z3o5XzfCN6XvaUteJ3BSG3n9XkTyazofgsukvCj6K5V9TaSquG0HhARzmZfdVuvY6qGksZySuJnnGu8gmWZvGXnS6p5rMWoJsb0cg7sTPLKq1GeFr6Le1GMNuBppGKDUSg5BYQ-yjBfa4r3pnu5CZylJvx0BlqY8ZK0' style='max-height: 45px; width: auto; display: block;'/>
981</a>
982</div>
983</div></div>
984<!-- Tombol Toggle Mobile -->
985<button aria-controls='navbarNav' aria-expanded='false' aria-label='Toggle navigation' class='navbar-toggler text-white border-0' data-bs-target='#navbarNav' data-bs-toggle='collapse' type='button'>
986<span class='navbar-toggler-icon' style='filter: invert(1);'></span>
987</button>
988<!-- Menu Navbar -->
989<div class='collapse navbar-collapse' id='navbarNav'>
990<ul class='navbar-nav ms-auto align-items-lg-center gap-2'>
991<!-- 1. HOME -->
992<li class='nav-item'>
993<a class='nav-link' href='https://www.tatarjabar.com/'>
994<i class='fa-solid fa-house me-1'></i> Home
995      </a>
996</li>
997<!-- 2. PRIVACY POLICY -->
998<li class='nav-item'>
999<a class='nav-link' href='https://www.tatarjabar.com/p/privacy-policy-for-tatar-jabar-at-tatar.html'>Privacy Policy</a>
1000</li>
1001<!-- 3. DISCLAIMER -->
1002<li class='nav-item'>
1003<a class='nav-link' href='https://www.tatarjabar.com/p/disclaimer-for-tatar-jabar-if-you.html'>Disclaimer</a>
1004</li>
1005<!-- 4. KONTAK KAMI -->
1006<li class='nav-item'>
1007<a class='nav-link' href='https://www.tatarjabar.com/p/pedoman-siber.html'>Pedoman Siber</a>
1008</li>
1009</ul>
1010</div>
1011</div>
1012</nav>
1013</header>
1014<!-- Bar Menu Kategori - tatarjabar.com -->
1015<style>
1016/*<![CDATA[*/
1017  .tj-cat-navbar {
1018    background-color: #ffffff;
1019    border-bottom: 2px solid #e53935;
1020    width: 100%;
1021    margin-top: 0 !important;
1022    margin-bottom: 0 !important;
1023    padding: 0 !important;
1024    position: relative;
1025    z-index: 1000;
1026  }
1027
1028  .tj-cat-container {
1029    max-width: 1200px;
1030    margin: 0 auto;
1031    display: flex;
1032    align-items: center;
1033    white-space: nowrap;
1034  }
1035
1036  .tj-cat-list {
1037    list-style: none;
1038    margin: 0 !important;
1039    padding: 0 !important;
1040    display: flex;
1041    align-items: stretch;
1042    width: 100%;
1043  }
1044
1045  .tj-cat-list > li {
1046    position: relative;
1047    margin: 0 !important;
1048    padding: 0 !important;
1049  }
1050
1051  .tj-cat-link,
1052  .tj-cat-dropdown-toggle {
1053    display: inline-flex;
1054    align-items: center;
1055    justify-content: center;
1056    min-height: 42px;
1057    box-sizing: border-box;
1058    padding: 12px 16px;
1059    font-family: Arial, sans-serif;
1060    font-size: 13px;
1061    font-weight: bold;
1062    color: #1e293b;
1063    text-decoration: none !important;
1064    text-transform: uppercase;
1065    letter-spacing: 0.5px;
1066    background: transparent;
1067    border: 0;
1068    cursor: pointer;
1069    transition: color 0.2s ease, background-color 0.2s ease;
1070  }
1071
1072  .tj-cat-link:hover,
1073  .tj-cat-link.active,
1074  .tj-cat-dropdown-toggle:hover,
1075  .tj-cat-dropdown-toggle.active {
1076    color: #e53935 !important;
1077    background-color: transparent !important;
1078  }
1079
1080  /* Dropdown SERBA-SERBI */
1081  .tj-cat-dropdown-toggle {
1082    gap: 7px;
1083  }
1084
1085  .tj-cat-arrow {
1086    display: inline-block;
1087    font-size: 10px;
1088    line-height: 1;
1089    transition: transform 0.2s ease;
1090  }
1091
1092  .tj-cat-dropdown-menu {
1093    position: absolute;
1094    top: 100%;
1095    left: 0;
1096    min-width: 205px;
1097    margin: 0;
1098    padding: 7px 0;
1099    list-style: none;
1100    background: #ffffff;
1101    border: 1px solid #e5e7eb;
1102    border-top: 2px solid #e53935;
1103    border-radius: 0 0 8px 8px;
1104    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
1105    visibility: hidden;
1106    opacity: 0;
1107    transform: translateY(5px);
1108    pointer-events: none;
1109    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
1110    z-index: 9999;
1111  }
1112
1113  .tj-cat-dropdown-menu li {
1114    margin: 0 !important;
1115    padding: 0 !important;
1116  }
1117
1118  .tj-cat-dropdown-menu a {
1119    display: block;
1120    padding: 10px 15px;
1121    color: #1e293b !important;
1122    background: #ffffff !important;
1123    font-family: Arial, sans-serif;
1124    font-size: 13px;
1125    font-weight: 600;
1126    line-height: 1.35;
1127    text-decoration: none !important;
1128    text-transform: none;
1129    white-space: nowrap;
1130    transition: color 0.15s ease, background-color 0.15s ease;
1131  }
1132
1133  .tj-cat-dropdown-menu a:hover,
1134  .tj-cat-dropdown-menu a.active {
1135    color: #e53935 !important;
1136    background: #f8f9fa !important;
1137  }
1138
1139  /* Desktop: dropdown muncul saat mouse diarahkan */
1140  @media (min-width: 769px) {
1141    .tj-cat-dropdown:hover > .tj-cat-dropdown-menu,
1142    .tj-cat-dropdown.is-open > .tj-cat-dropdown-menu {
1143      visibility: visible;
1144      opacity: 1;
1145      transform: translateY(0);
1146      pointer-events: auto;
1147    }
1148
1149    .tj-cat-dropdown:hover .tj-cat-arrow,
1150    .tj-cat-dropdown.is-open .tj-cat-arrow {
1151      transform: rotate(180deg);
1152    }
1153  }
1154
1155  .widget.HTML, .widget-content {
1156    margin-bottom: 0 !important;
1157    padding-bottom: 0 !important;
1158  }
1159
1160  /* Mobile: menu utama tetap horizontal, dropdown bisa dibuka dengan tap */
1161  @media (max-width: 768px) {
1162    .tj-cat-container {
1163      overflow-x: auto;
1164      scrollbar-width: none;
1165      -webkit-overflow-scrolling: touch;
1166    }
1167
1168    .tj-cat-container::-webkit-scrollbar {
1169      display: none;
1170    }
1171
1172    .tj-cat-list {
1173      width: max-content;
1174      min-width: 100%;
1175    }
1176
1177    .tj-cat-link,
1178    .tj-cat-dropdown-toggle {
1179      min-height: 42px;
1180      padding: 12px 14px;
1181      font-size: 12px;
1182    }
1183
1184    .tj-cat-dropdown-menu {
1185      position: fixed;
1186      top: auto;
1187      left: 14px;
1188      right: 14px;
1189      min-width: 0;
1190      max-width: 360px;
1191      margin: 0 auto;
1192      border-radius: 8px;
1193      border-top: 2px solid #e53935;
1194      box-shadow: 0 8px 22px rgba(0,0,0,0.16);
1195      transform: translateY(5px);
1196    }
1197
1198    .tj-cat-dropdown.is-open > .tj-cat-dropdown-menu {
1199      visibility: visible;
1200      opacity: 1;
1201      transform: translateY(0);
1202      pointer-events: auto;
1203    }
1204
1205    .tj-cat-dropdown-menu a {
1206      padding: 12px 16px;
1207      font-size: 13px;
1208    }
1209
1210    .tj-cat-dropdown.is-open .tj-cat-arrow {
1211      transform: rotate(180deg);
1212    }
1213  }
1214/*]]>*/
1215</style>
1216<div class='tj-cat-navbar' id='tjCategoryNavbar'>
1217<div class='tj-cat-container'>
1218<ul class='tj-cat-list' id='tjCatList'>
1219<li><a class='tj-cat-link' href='/'>BERANDA</a></li>
1220<li><a class='tj-cat-link' href='/search/label/Jawa%20Barat'>JAWA BARAT</a></li>
1221<li><a class='tj-cat-link' href='/search/label/Koropak%20Serat'>KOROPAK SERAT</a></li>
1222<li><a class='tj-cat-link' href='/search/label/Pendidikan'>PENDIDIKAN</a></li>
1223<!-- SERBA-SERBI: MENU INDUK + SUBMENU -->
1224<li class='tj-cat-dropdown' id='tjSerbaSerbiMenu'>
1225<button aria-expanded='false' aria-haspopup='true' class='tj-cat-dropdown-toggle' type='button'>
1226          SERBA-SERBI <span class='tj-cat-arrow'>&#9662;</span>
1227</button>
1228<ul class='tj-cat-dropdown-menu'>
1229<li><a href='/search/label/Islam'>Islam</a></li>
1230<li><a href='/search/label/Teknologi'>Teknologi</a></li>
1231<li><a href='/search/label/Tips%20%26%20Trik'>Tips & Trik</a></li>
1232<li><a href='/search/label/Sejarah'>Sejarah</a></li>
1233<li><a href='/search/label/Gaya%20Hidup'>Gaya Hidup</a></li>
1234<li><a href='/search/label/Ekonomi%20%26%20Bisnis'>Ekonomi & Bisnis</a></li>
1235<li><a href='/search/label/Inspirasi'>Inspirasi</a></li>
1236</ul>
1237</li>
1238<li><a class='tj-cat-link' href='/search/label/Sosial%20Politik'>SOSIAL POLITIK</a></li>
1239<li><a class='tj-cat-link' href='/search/label/Tatar%20Ukur'>TATAR UKUR</a></li>
1240<li><a class='tj-cat-link' href='/search/label/Wisata%20Budaya'>WISATA BUDAYA</a></li>
1241<li><a class='tj-cat-link' href='/search/label/Wisata%20Kuliner'>WISATA KULINER</a></li>
1242</ul>
1243</div>
1244</div>
1245<script>
1246//<![CDATA[
1247(function() {
1248  var currentPath = decodeURIComponent(window.location.pathname);
1249  var links = document.querySelectorAll('#tjCatList .tj-cat-link');
1250  var subLinks = document.querySelectorAll('#tjSerbaSerbiMenu .tj-cat-dropdown-menu a');
1251  var dropdown = document.getElementById('tjSerbaSerbiMenu');
1252  var toggle = dropdown ? dropdown.querySelector('.tj-cat-dropdown-toggle') : null;
1253
1254  function normalizePath(path) {
1255    path = decodeURIComponent(path || '/');
1256    if (path.length > 1 && path.charAt(path.length - 1) === '/') {
1257      path = path.substring(0, path.length - 1);
1258    }
1259    return path;
1260  }
1261
1262  currentPath = normalizePath(currentPath);
1263
1264  /* Tandai menu utama yang sedang aktif */
1265  for (var i = 0; i < links.length; i++) {
1266    var linkPath = normalizePath(links[i].getAttribute('href'));
1267    if (currentPath === linkPath || (linkPath !== '/' && currentPath.indexOf(linkPath) === 0)) {
1268      links[i].classList.add('active');
1269      break;
1270    }
1271  }
1272
1273  /* Tandai submenu aktif dan SERBA-SERBI ikut aktif */
1274  for (var j = 0; j < subLinks.length; j++) {
1275    var subPath = normalizePath(subLinks[j].getAttribute('href'));
1276    if (currentPath === subPath || (subPath !== '/' && currentPath.indexOf(subPath) === 0)) {
1277      subLinks[j].classList.add('active');
1278      if (toggle) toggle.classList.add('active');
1279      break;
1280    }
1281  }
1282
1283  /* Tombol dropdown: tap/click untuk mobile, tetap aman di desktop */
1284  if (toggle && dropdown) {
1285    toggle.addEventListener('click', function(e) {
1286      e.preventDefault();
1287      var opened = dropdown.classList.toggle('is-open');
1288      toggle.setAttribute('aria-expanded', opened ? 'true' : 'false');
1289    });
1290  }
1291
1292  /* Tutup dropdown ketika klik di luar area */
1293  document.addEventListener('click', function(e) {
1294    if (!dropdown || dropdown.contains(e.target)) return;
1295    dropdown.classList.remove('is-open');
1296    if (toggle) toggle.setAttribute('aria-expanded', 'false');
1297  });
1298})();
1299//]]>
1300</script>
1300
1301<!-- Running Text / Breaking News Ticker Otomatis (Safe Blogger Version) -->
1302<div style='background: #dfe0e1; color: #333333; border: 1px solid #e0e0e0; border-radius: 4px; padding: 10px 20px; font-size: 14px; font-weight: 500; display: flex; align-items: center; overflow: hidden; margin-bottom: 20px;'>
1303<!-- Label Ticker di Kiri (Aksen Merah TatarJabar) -->
1304<div style='background: #d9534f; color: #ffffff; padding: 4px 10px; font-size: 12px; font-weight: bold; text-transform: uppercase; margin-right: 15px; white-space: nowrap; border-radius: 2px;'>
1305    Info Terkini
1306  </div>
1307<!-- Area Teks Berjalan Otomatis -->
1308<marquee behavior='scroll' direction='left' id='breaking-news-container' onmouseout='this.start();' onmouseover='this.stop();' scrollamount='4' style='color: #444444; width: 100%;'>
1309<span style='margin-right: 50px;'>&#8226; Memuat berita terbaru...</span>
1310</marquee>
1311</div>
1312<script>
1313//<![CDATA[
1314function loadBreakingNews(json) {
1315  var container = document.getElementById('breaking-news-container');
1316  if (!container) return;
1317  
1318  var entries = json.feed.entry;
1319  var html = '';
1320  
1321  if (entries && entries.length > 0) {
1322    var limit = Math.min(entries.length, 5);
1323    for (var i = 0; i < limit; i++) {
1324      var entry = entries[i];
1325      var title = entry.title.$t;
1326      var postUrl = '';
1327      
1328      for (var j = 0; j < entry.link.length; j++) {
1329        if (entry.link[j].rel === 'alternate') {
1330          postUrl = entry.link[j].href;
1331          break;
1332        }
1333      }
1334      
1335      html += '<span style="margin-right: 50px;">&#8226; <a href="' + postUrl + '" style="color: #444444; text-decoration: none;" onmouseover="this.style.color=\'#d9534f\'" onmouseout="this.style.color=\'#444444\'">' + title + '</a></span>';
1336    }
1337    container.innerHTML = html;
1338  } else {
1339    container.innerHTML = '<span>Belum ada berita terbaru.</span>';
1340  }
1341}
1342
1343window.addEventListener('DOMContentLoaded', function() {
1344  var feedUrl = window.location.protocol + "//" + window.location.hostname + "/feeds/posts/summary?alt=json-in-script&callback=loadBreakingNews&max-results=5";
1345  var script = document.createElement('script');
1346  script.src = feedUrl;
1347  document.body.appendChild(script);
1348});
1349//]]>
1350</script>
1350
1351<!-- Main Container -->
1352<div class='container my-4'>
1353<div class='row'>
1354<!-- Main Content Area (Column 8) -->
1355<main class='col-lg-8'>
1356<!-- Auto-HD Carousel Slider (Hanya Tampil di Homepage) -->
1357<style>
1358.custom-header-title {
1359  display: block;
1360  font-size: 1.1rem; 
1361  font-weight: 700; 
1362  color: #000 !important; 
1363  background: #ffffff !important; 
1364  padding: 0 0 8px 0; 
1365  margin: 0;
1366  text-transform: uppercase; 
1367  letter-spacing: 0.5px;
1368}
1369.custom-twocol-outer-box { width: 100%; box-sizing: border-box; }
1370.custom-twocol-outer-box .card-item-box { width: 48.5%; }
1371.custom-twocol-outer-box .card {
1372  background: #f1f3f5 !important; /* Latar kartu abu-abu muda */
1373  border: 1px solid #e9ecef !important;
1374  border-radius: 6px;
1375  overflow: hidden;
1376  box-shadow: none !important;
1377  height: 100%;
1378  display: flex;
1379  flex-direction: column;
1380  transition: transform 0.2s ease, border-color 0.2s ease;
1381}
1382.custom-twocol-outer-box .card:hover { 
1383  transform: translateY(-3px); 
1384  border-color: #ced4da !important;
1385}
1386.custom-twocol-outer-box .card-img-top {
1387  width: 100%;
1388  height: 160px;
1389  object-fit: cover;
1390  border: none !important;
1391}
1392.custom-twocol-outer-box .card-body { padding: 12px 15px; flex-grow: 1; }
1393.custom-twocol-outer-box .card-title a {
1394  color: #161a1d !important; /* Teks hitam */
1395  text-decoration: none;
1396  font-size: 0.95rem;
1397  font-weight: 600;
1398  line-height: 1.4;
1399  transition: color 0.2s;
1400}
1401.custom-twocol-outer-box .card-title a:hover { color: #dc3545 !important; } /* Jadi merah saat disorot */
1402
1403@media (max-width: 768px) {
1404  .custom-twocol-outer-box { padding: 12px !important; }
1405  .custom-twocol-outer-box .row { flex-direction: column !important; }
1406  .custom-twocol-outer-box .card-item-box { width: 100% !important; margin-bottom: 10px; }
1407}
1408</style>
1409<script>
1410//<![CDATA[
1411/* BERITA PILIHAN - hanya label Serba-serbi, Sejarah, dan Teknologi */
1412(function() {
1413  var container;
1414  var allEntries = [];
1415  var loadedFeeds = 0;
1416  var labels = ['Serba-serbi', 'Sejarah', 'Teknologi'];
1417
1418  function addEntries(json) {
1419    if (json && json.feed && json.feed.entry) {
1420      for (var i = 0; i < json.feed.entry.length; i++) {
1421        var entry = json.feed.entry[i];
1422        var id = entry.id && entry.id.$t ? entry.id.$t : '';
1423        var exists = false;
1424        for (var j = 0; j < allEntries.length; j++) {
1425          var oldId = allEntries[j].id && allEntries[j].id.$t ? allEntries[j].id.$t : '';
1426          if (id && oldId === id) { exists = true; break; }
1427        }
1428        if (!exists) allEntries.push(entry);
1429      }
1430    }
1431    loadedFeeds++;
1432    if (loadedFeeds === labels.length) renderPosts();
1433  }
1434
1435  function renderPosts() {
1436    container = document.getElementById('auto-twocol-posts');
1437    if (!container || allEntries.length === 0) return;
1438
1439    allEntries.sort(function() { return 0.5 - Math.random(); });
1440    var limit = Math.min(allEntries.length, 2);
1441    var html = '';
1442
1443    for (var i = 0; i < limit; i++) {
1444      var entry = allEntries[i];
1445      var title = entry.title && entry.title.$t ? entry.title.$t : 'TatarJabar';
1446      var postUrl = '';
1447
1448      if (entry.link) {
1449        for (var j = 0; j < entry.link.length; j++) {
1450          if (entry.link[j].rel === 'alternate') {
1451            postUrl = entry.link[j].href;
1452            break;
1453          }
1454        }
1455      }
1456
1457      var thumb = 'https://via.placeholder.com/600x350?text=TatarJabar';
1458      if (entry.media$thumbnail && entry.media$thumbnail.url) {
1459        thumb = entry.media$thumbnail.url
1460          .replace(/\/s\d+(?:-[^\/]+)?\//, '/w600-h400-p-k-no-nu/')
1461          .replace(/\/w\d+(?:-h\d+)?(?:-[^\/]+)?\//, '/w600-h400-p-k-no-nu/');
1462      }
1463
1464      html += '<div class="card-item-box"><div class="card"><a href="' + postUrl + '"><img src="' + thumb + '" class="card-img-top" alt="' + title.replace(/"/g, '&quot;') + '"></a><div class="card-body"><h5 class="card-title m-0"><a href="' + postUrl + '">' + title + '</a></h5></div></div></div>';
1465    }
1466
1467    container.innerHTML = html;
1468  }
1469
1470  window.addEventListener('DOMContentLoaded', function() {
1471    if (!document.getElementById('auto-twocol-posts')) return;
1472
1473    for (var i = 0; i < labels.length; i++) {
1474      var script = document.createElement('script');
1475      var callbackName = 'tjLoadTwoCol_' + i;
1476      window[callbackName] = addEntries;
1477      script.src = window.location.protocol + '//' + window.location.hostname + '/feeds/posts/summary/-/' + encodeURIComponent(labels[i]) + '?alt=json-in-script&callback=' + callbackName + '&max-results=10';
1478      document.body.appendChild(script);
1479    }
1480  });
1481})();
1482//]]>
1483</script>
1483
1484<!-- Main Posts Section -->
1485<div class='section' id='main-posts'><div class='widget Blog' data-version='1' id='Blog1'>
1486<article class='single-article-wrapper shadow-sm border-0 mb-4'>
1487<h1 class='fw-bold mb-3'>Peduli Duka Lions Club Menjangkau Titik-Titik Masyarakat yang Sangat Membutuhkan</h1>
1488<div class='text-muted small mb-3 pb-2 border-bottom'>
1489<i class='fa-regular fa-calendar me-1'></i>
1490Friday, September 18, 2026
1491<span class='ms-3'><i class='fa-regular fa-user me-1'></i>
1492Tatarjabar.com</span>
1493</div>
1494<div class='article-content'>
1495<div id='tj-post-body'>
1496<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzznKtuT_G6wvFUp4pNiGsCeliv1pNIfupOagLkOS5oBlp5Ua59PFJR06nSL6X9ATE4RjWQ3s4aCFdoekWogVAmVFzkpcs8cD9JFEgomPij1_xxOELvCG81JRwdcHAG-MX1Mcmjc2PY6tfw599P-ElaPMndqkrm0mo2BbAOJXTdl9aR7BE1hW44OLZDEj6/s1279/01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1279" data-original-width="1069" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzznKtuT_G6wvFUp4pNiGsCeliv1pNIfupOagLkOS5oBlp5Ua59PFJR06nSL6X9ATE4RjWQ3s4aCFdoekWogVAmVFzkpcs8cD9JFEgomPij1_xxOELvCG81JRwdcHAG-MX1Mcmjc2PY6tfw599P-ElaPMndqkrm0mo2BbAOJXTdl9aR7BE1hW44OLZDEj6/w534-h640/01.jpg" width="534" /></a></div><div><br /></div><b><a href="http://Tatarjabar.com">Tatarjabar.com</a> - Bandung </b>&#8211;&nbsp;Perkumpulan Lions Indonesia Distrik 307 B2 Wilayah 1 Bandung-Cirebon kembali memperkuat kepedulian sosial melalui Bakti Sosial Peduli Duka atau <i>Caring for the Grieving</i>. Program tersebut memberikan paket kedukaan berupa kain kafan beserta kelengkapannya secara cuma-cuma kepada masyarakat prasejahtera yang membutuhkan. <b>Kegiatan Bakti Sosial Peduli Duka 2026 akan dilaksanakan pada 27 September 2026 di Pendopo Kota Bandung</b>.<br /><br />Sebanyak 22 Lions Club di Wilayah 1 Distrik 307 B2 terlibat dalam kegiatan tersebut. Program ini tidak hanya berorientasi pada jumlah bantuan yang disalurkan. Lions Club juga berupaya memastikan paket kedukaan menyentuh titik-titik wilayah yang benar-benar membutuhkan. Pemetaan calon penerima dilakukan dengan melibatkan jaringan Dewan Kemakmuran Masjid (DKM) serta dukungan data dan informasi dari Dinas Sosial setempat.<br /><br />Kolaborasi tersebut diharapkan dapat membantu Lions Club mengidentifikasi masyarakat prasejahtera, termasuk warga yang tinggal di wilayah terpencil, keluarga dengan keterbatasan ekonomi, serta masyarakat yang membutuhkan bantuan akibat kondisi tertentu atau bencana.<br /><br /><b>Ketua Pelaksana Bakti Sosial Peduli Duka 2026, President Siska Ispandiari</b>, mengatakan kebutuhan kain kafan sering kali muncul pada saat keluarga sedang berada dalam kondisi emosional dan finansial yang sulit.<br /><br />&#8220;Kehilangan anggota keluarga adalah momen terberat bagi siapapun. Bagi masyarakat prasejahtera, beban emosional ini sering kali bertambah dengan adanya beban finansial untuk biaya pemakaman. Melalui Bakti Sosial Peduli Duka Tahun 2026 ini, Perkumpulan Lions Indonesia Distrik 307 B2 Wilayah 1 hadir untuk meringankan beban tersebut. Kami ingin memastikan bahwa pengadaan kain kafan yang layak tidak lagi menjadi kendala bagi mereka yang sedang berduka, khususnya bagi masyarakat prasejahtera.<br /><br />Untuk itu, kami mendistribusikan kain kafan gratis ini secara kolaboratif melalui jaringan Dewan Kemakmuran Masjid (DKM) di wilayah Jawa Barat khususnya. Tujuannya agar bantuan menjadi stok kesiapsiagaan di masjid setempat. Jadi, saat ada warga prasejahtera yang membutuhkan, bantuan bisa langsung diserahkan tanpa birokrasi yang rumit. Ini adalah wujud nyata dari komitmen pengabdian <i>We Serve</i> kami di masyarakat,&#8221; demikian Siska Ispandiari, selaku Ketua Pelaksana Bakti Sosial Peduli Duka 2026.<br /><br /><b>Ketua Wilayah Lions Club Distrik 307 B2, Lion Chen Sun Fen</b>, mengatakan program Peduli Duka merupakan bentuk pelayanan yang mengutamakan kebutuhan nyata masyarakat. Lions Club Wilayah 1 berkomitmen untuk selalu hadir membawa kepedulian kepada masyarakat, memberikan penghiburan, dan meringankan beban sesama, terutama masyarakat yang tidak mampu. Salah satu bukti nyatanya, kita mempunyai "Program Peduli Duka" berbentuk paket kain kafan beserta perlengkapannya. Paket ini dibagikan ke masjid-masjid di wilayah Bandung dan sekitarnya. Tahun ini Lions Club Wilayah 1 masih sedang mengumpulkan Baksos paket Peduli Duka yang ditargetkan sebanyak 400 paket. Saya, atas nama pribadi dan pengurus Distrik Wilayah 1, menghaturkan apresiasi yang sebesar-besarnya kepada Club-Club Wilayah 1 yang sudah berpartisipasi berdonasi Paket Peduli Duka dan kepada seluruh Panitia Peduli Duka yang telah bekerja keras menyukseskan program ini.
1496<br /><br />Menutup pertemuan dengan <b>Ketua Komite Peduli Duka Distrik 307 B2 Perkumpulan Lions Indonesia</b>,<b> Lion Tommy Herawan</b>, menyatakan bahwa menyelenggarakan Kegiatan Bakti Sosial Peduli Duka dengan semangat kita kembali bergerak di tengah masyarakat untuk melaksanakan salah satu program kepedulian utama kami, yaitu pembagian kain kafan dan kelengkapannya secara gratis.<br /><br />Program ini lahir dari refleksi mendalam kami mengenai pentingnya kesiapan dalam menghadapi kedukaan. Kita semua tahu bahwa kematian adalah kepastian, namun tidak semua keluarga memiliki kesiapan baik secara mental maupun finansial ketika saat itu tiba.<br /><br />Peduli Duka atau <i>caring for the grieving</i> hadir untuk meringankan beban sesama, memastikan bahwa saudara-saudara kita yang membutuhkan dapat mendapatkan pengurusan jenazah yang layak dan sesuai dengan syariat.<br /><br />Pada kegiatan 27 September di Pendopo Bandung nanti, kami memprioritaskan pendistribusian kepada: Pengurus Masjid (DKM) sebagai stok darurat warga sekitar, yaitu keluarga prasejahtera dan yatim piatu yang membutuhkan bantuan langsung.<br /><br />Kami menyadari bahwa gerakan ini tidak akan berjalan tanpa adanya gotong royong. Untuk itu, saya selaku Ketua Komite Distrik Peduli Duka mengucapkan terima kasih yang sebesar-besarnya kepada para donatur, simpatisan, dan seluruh relawan yang telah menyisihkan sebagian rezeki dan waktunya.<br /><br />Kain kafan atau perlengkapan duka yang dibagikan ini mungkin tampak sederhana, namun bagi mereka yang sedang kesulitan, ini adalah wujud nyata dari kepedulian dan kehangatan persaudaraan kita.<br /><br />Kami dari Lions Club berharap kegiatan yang sudah hampir 1 dekade dilaksanakan ini dapat terus berjalan secara konsisten dan menjangkau wilayah yang lebih luas. Peduli Duka akan selalu berkomitmen untuk hadir dan menemani masyarakat, baik dalam kondisi lapang maupun di saat-saat paling sulit, demikian penjelasannya.<br /><br />Melalui semangat <i>&#8220;We Serve&#8221;</i>, Lions Club berharap program tersebut dapat menjadi jembatan kepedulian yang menghubungkan para donatur dengan masyarakat yang membutuhkan, khususnya pada saat keluarga menghadapi kedukaan.
1497</div>
1498<div class='related-posts-wrapper my-4 pt-3 border-top'>
1499<h5 class='fw-bold mb-3'>
1500<i class='fa-solid fa-layer-group me-2 text-danger'></i>Berita Terkait
1501    </h5>
1502<div id='related-posts-container'>
1503<div class='spinner-border spinner-border-sm text-secondary' role='status'>
1504<span class='visually-hidden'>Loading...</span>
1505</div>
1506</div>
1507<div data-label='Sosial Politik' id='first-label-data' style='display:none;'></div>
1508<script>
1509      //<![CDATA[
1510      // Fungsi callback untuk memproses data dari feed Google
1511      function showRelatedPosts(json) {
1512        var container = document.getElementById('related-posts-container');
1513        if (!container) return;
1514
1515        var entries = json.feed.entry || [];
1516        var currentUrl = "<data:post.url.canonical/>";
1517        var html = '<ul class="list-unstyled mb-0">';
1518        var count = 0;
1519
1520        for (var i = 0; i < entries.length; i++) {
1521          var entry = entries[i];
1522          var title = entry.title.$t;
1523          var href = '';
1524
1525          for (var k = 0; k < entry.link.length; k++) {
1526            if (entry.link[k].rel === 'alternate') {
1527              href = entry.link[k].href;
1528              break;
1529            }
1530          }
1531
1532          // Abaikan artikel yang sedang dibuka
1533          if (href && href !== currentUrl && count < 5) {
1534            html += '<li class="mb-2"><a href="' + href + '" class="text-decoration-none text-dark fw-semibold hover-danger">&#8226; ' + title + '</a></li>';
1535            count++;
1536          }
1537        }
1538
1539        html += '</ul>';
1540
1541        if (count > 0) {
1542          container.innerHTML = html;
1543        } else {
1544          container.innerHTML = '<p class="text-muted small mb-0">Belum ada berita terkait lainnya.</p>';
1545        }
1546      }
1547
1548      // Pemanggil Feed
1549      (function() {
1550        var labelEl = document.getElementById('first-label-data');
1551        var labelName = labelEl ? labelEl.getAttribute('data-label') : '';
1552        
1553        var feedUrl = labelName 
1554          ? '/feeds/posts/summary/-/' + encodeURIComponent(labelName) + '?alt=json-in-script&callback=showRelatedPosts&max-results=6'
1555          : '/feeds/posts/summary?alt=json-in-script&callback=showRelatedPosts&max-results=6';
1556
1557        var script = document.createElement('script');
1558        script.src = feedUrl;
1559        document.body.appendChild(script);
1560      })();
1561      //]]>
1562   </script>
1562
1563</div>
1564</div>
1565</article>
1566</div><div class='widget HTML' data-version='1' id='HTML3'>
1567<div class='widget-content'>
1568<div class="tatarjabar-widget" id="tatarjabarShopeeWidget">
1569    <h3 class="widget-title">Rekomendasi Produk</h3>
1570    <div id="shopee-widget-container"></div>
1571</div>
1572
1573<style>
1574.tatarjabar-widget {
1575    background: #fff;
1576    border: 1px solid #e0e0e0;
1577    border-radius: 12px;
1578    padding: 20px;
1579    margin: 20px 0;
1580    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
1581    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
1582}
1583
1584.tatarjabar-widget .widget-title {
1585    font-size: 18px;
1586    font-weight: 700;
1587    color: #333;
1588    margin: 0 0 15px;
1589    border-left: 4px solid #ee4d2d;
1590    padding-left: 10px;
1591}
1592
1593.tatarjabar-grid {
1594    display: grid;
1595    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
1596    gap: 15px;
1597}
1598
1599.affiliate-card {
1600    border: 1px solid #eee;
1601    border-radius: 8px;
1602    padding: 12px;
1603    text-align: center;
1604    background: #fff;
1605    display: flex;
1606    flex-direction: column;
1607    justify-content: space-between;
1608    box-sizing: border-box;
1609    transition: transform 0.2s ease, box-shadow 0.2s ease;
1610}
1611
1612.affiliate-card:hover {
1613    transform: translateY(-3px);
1614    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
1615}
1616
1617.affiliate-card .img-container {
1618    width: 100%;
1619    aspect-ratio: 1 / 1;
1620    overflow: hidden;
1621    border-radius: 10px;
1622    background: #f9f9f9;
1623    margin: 0;
1624}
1625
1626.affiliate-card > a {
1627    display: block;
1628    text-decoration: none !important;
1629    line-height: 0;
1630}
1631
1632.affiliate-card img {
1633    width: 100%;
1634    height: 100%;
1635    object-fit: cover;
1636    border-radius: 10px;
1637    display: block;
1638}
1639</style>
1640
1641<script>
1642(function() {
1643
1644    /* DAFTAR PRODUK AFFILIATE */
1645    var daftarProduk = [
1646        {
1647            link: "https://atid.me/adv.php?rk=00ieyn002rgo",
1648            img: "https://images.accesstrade.co.id/7ecd070e606afbf07a07c32e7267051f/859199_1284x1288_20240627031150717.png"
1649        },
1650        {
1651            link: "https://atid.me/adv.php?rk=00gems002rgo",
1652            img: "https://images.accesstrade.co.id/fb1378d0b80ae44aae0000a3cff0b90f/765460_250x300_20240226110046717.jpg"
1653        },
1654        {
1655            link: "https://atid.me/go/i1d3eM2y",
1656            img: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz7C-j_hZHf5Ex94R9lAsYaBAVH5_A6iTnVPuK7bW3Ixmcn6PiTRsVKFOynXgIgk6cvIuJM4j6kFOHh8Jy6gwxhRyZpqoKa4fa6ZwQCUhx7_ZPbWDOe5lCZGL6qKLN4FiWko2tNItckVp2JcmrBV7qfsMvBkJfAbAGBJeSMy52k-9PZ2DZ2qzYOCWIPXpj/s700/Mouse.jpeg"
1657        },
1658        {
1659            link: "https://s.shopee.co.id/3VjYOF515E",
1660            img: "https://down-id.img.susercontent.com/file/sg-11134201-824gf-mpm2ux1k8qh9a2@resize_w450_nl.webp"
1661        }
1662    ];
1663
1664    function tampilkanWidget() {
1665
1666        var container = document.getElementById("shopee-widget-container");
1667        var widget = document.getElementById("tatarjabarShopeeWidget");
1668
1669        if (!container || !widget) {
1670            return;
1671        }
1672
1673        /* Hanya tampil di halaman artikel Blogger (.html).
1674           Beranda, arsip, label, dan halaman statis disembunyikan. */
1675        var path = window.location.pathname || "";
1676        var isPostPage = /\.html$/i.test(path);
1677
1678        if (!isPostPage) {
1679            widget.style.setProperty("display", "none", "important");
1680            return;
1681        }
1682
1683        var htmlContent = '<div class="tatarjabar-grid">';
1684
1685        daftarProduk.forEach(function(item, index) {
1686
1687            /*
1688             * Gambar produk dimuat melalui proxy untuk semua perangkat.
1689             * Link affiliate TIDAK diubah.
1690             * Ini khusus untuk mengatasi hotlink/CDN gambar yang gagal dimuat.
1691             */
1692            var originalImage = item.img;
1693            /* Gambar Blogger/Googleusercontent dimuat langsung agar tidak rusak oleh proxy.
1694               Gambar CDN affiliate lainnya tetap memakai proxy seperti sebelumnya. */
1695            var isBloggerImage = /blogger\.googleusercontent\.com/i.test(originalImage);
1696            var imageUrl = isBloggerImage
1697                ? originalImage
1698                : (/^https:\/\//.test(originalImage)
1699                    ? 'https://wsrv.nl/?url=' + encodeURIComponent(originalImage)
1700                    : originalImage);
1701
1702            /* Placeholder SVG inline: tidak bergantung pada server gambar lain. */
1703            var fallbackImage = 'data:image/svg+xml;charset=UTF-8,' + encodeURIComponent(
1704                '<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 600 600">' +
1705                '<rect width="600" height="600" fill="#f5f5f5"/>' +
1706                '<text x="300" y="285" text-anchor="middle" font-family="Arial,sans-serif" font-size="28" fill="#777">Rekomendasi Produk</text>' +
1707                '<text x="300" y="325" text-anchor="middle" font-family="Arial,sans-serif" font-size="18" fill="#aaa">Lihat Harga</text>' +
1708                '</svg>'
1709            );
1710
1711            htmlContent +=
1712                '<div class="affiliate-card">' +
1713                    '<a href="' + item.link + '" target="_blank" rel="sponsored noopener">' +
1714                        '<div class="img-container">' +
1715                            '<img src="' + imageUrl + '" data-original-src="' + originalImage + '" data-fallback="' + fallbackImage + '" alt="Rekomendasi Produk" loading="eager" decoding="async" referrerpolicy="no-referrer">' +
1716                        '</div>' +
1717                    '</a>' +
1718                '</div>';
1719
1720        });
1721
1722        htmlContent += '</div>';
1723
1724        container.innerHTML = htmlContent;
1725
1726        var imgs = container.querySelectorAll('img[data-original-src]');
1727        for (var j = 0; j < imgs.length; j++) {
1728            (function(img) {
1729                img.addEventListener('error', function() {
1730                    var original = img.getAttribute('data-original-src');
1731                    var fallback = img.getAttribute('data-fallback');
1732
1733                    /* Coba sumber asli sekali. Jika tetap gagal, tampilkan placeholder. */
1734                    if (!img.dataset.directTried && original) {
1735                        img.dataset.directTried = '1';
1736                        img.src = original;
1737                        return;
1738                    }
1739
1740                    if (!img.dataset.fallbackTried && fallback) {
1741                        img.dataset.fallbackTried = '1';
1742                        img.src = fallback;
1743                    }
1744                });
1745            })(imgs[j]);
1746        }
1747    }
1748
1749    /* Jalankan setelah halaman selesai dimuat */
1750    if (document.readyState === "loading") {
1751        document.addEventListener("DOMContentLoaded", tampilkanWidget);
1752    } else {
1753        tampilkanWidget();
1754    }
1755
1756})();
1757</script>
1757
1758</div>
1759<div class='clear'></div>
1760</div><div class='widget HTML' data-version='1' id='HTML6'>
1761<div class='widget-content'>
1762<!-- Widget Random Posts 2 Kolom - tatarjabar.com -->
1763<style>
1764  .random-posts-container {
1765    display: grid;
1766    grid-template-columns: repeat(2, 1fr);
1767    gap: 16px;
1768    margin: 20px 0;
1769    font-family: Arial, sans-serif;
1770  }
1771  
1772  .random-post-card {
1773    background: #ffffff;
1774    border: 1px solid #e2e8f0;
1775    border-radius: 8px;
1776    padding: 16px;
1777    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
1778    transition: transform 0.2s, box-shadow 0.2s;
1779  }
1780  
1781  .random-post-card:hover {
1782    transform: translateY(-2px);
1783    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
1784  }
1785  
1786  .random-post-badge {
1787    display: inline-block;
1788    background-color: #e53935; /* Warna Merah Tema */
1789    color: #ffffff;
1790    font-size: 11px;
1791    font-weight: bold;
1792    text-transform: uppercase;
1793    padding: 3px 8px;
1794    border-radius: 4px;
1795    margin-bottom: 8px;
1796  }
1797  
1798  .random-post-title {
1799    margin: 0 0 8px 0;
1800    font-size: 16px;
1801    line-height: 1.3;
1802    font-weight: bold;
1803  }
1804  
1805  .random-post-title a {
1806    color: #0066cc; /* Warna Biru Link */
1807    text-decoration: none;
1808  }
1809  
1810  .random-post-title a:hover {
1811    color: #e53935;
1812  }
1813  
1814  .random-post-snippet {
1815    color: #4a5568;
1816    font-size: 13px;
1817    line-height: 1.5;
1818    margin: 0;
1819  }
1820
1821  /* Responsif untuk layar HP (1 kolom) */
1822  @media (max-width: 600px) {
1823    .random-posts-container {
1824      grid-template-columns: 1fr;
1825    }
1826  }
1827</style>
1828
1829<div class="random-posts-container" id="random-posts"></div>
1830
1831<script>
1832  // Pengaturan Jumlah Postingan
1833  var numberOfPosts = 2; // Menampilkan 2 postingan (1 per kolom)
1834  
1835  function showRandomPosts(json) {
1836    var totalEntries = json.feed.openSearch$totalResults.$t;
1837    var randomIndex = Math.floor(Math.random() * Math.max(1, totalEntries - numberOfPosts));
1838    
1839    // Fetch ulang data dengan offset acak
1840    var script = document.createElement('script');
1841    script.src = '/feeds/posts/summary?alt=json-in-script&start-index=' + (randomIndex + 1) + '&max-results=' + numberOfPosts + '&callback=renderRandomPosts';
1842    document.body.appendChild(script);
1843  }
1844
1845  function renderRandomPosts(json) {
1846    var container = document.getElementById('random-posts');
1847    var html = '';
1848    
1849    if (json.feed.entry) {
1850      for (var i = 0; i < json.feed.entry.length; i++) {
1851        var entry = json.feed.entry[i];
1852        var title = entry.title.$t;
1853        var snippet = entry.summary ? entry.summary.$t.substring(0, 110) + '...' : '';
1854        var postUrl = '';
1855        
1856        for (var j = 0; j < entry.link.length; j++) {
1857          if (entry.link[j].rel === 'alternate') {
1858            postUrl = entry.link[j].href;
1859            break;
1860          }
1861        }
1862        
1863        html += '<div class="random-post-card">';
1864        html += '<span class="random-post-badge">Baca Juga</span>';
1865        html += '<h3 class="random-post-title"><a href="' + postUrl + '">' + title + '</a></h3>';
1866        html += '<p class="random-post-snippet">' + snippet + '</p>';
1867        html += '</div>';
1868      }
1869    }
1870    container.innerHTML = html;
1871  }
1872</script>
1872
1873
1874<!-- Mengambil Feed Blogger -->
1875<script src="/feeds/posts/summary?alt=json-in-script&max-results=0&callback=showRandomPosts"></script>
1875
1876</div>
1877<div class='clear'></div>
1878</div><div class='widget HTML' data-version='1' id='HTML5'>
1879<div class='widget-content'>
1880<style type='text/css'>
1881@media screen and (max-width: 768px) {
1882  .post-body h1, .post-body h2, .post-body h3 {
1883    font-size: 22px !important;
1884    line-height: 1.3 !important;
1885    margin-bottom: 10px !important;
1886  }
1887}
1888.post-body img, .entry-content img {
1889  display: block !important;
1890  margin: 5px auto !important;
1891  max-width: 100% !important;
1892  height: auto !important;
1893}
1894.post-body .separator, .post-body a {
1895  margin: 0 !important;
1896  padding: 0 !important;
1897}
1898.post-body p, .entry-content p {
1899  margin-top: 0 !important;
1900  margin-bottom: 10px !important;
1901  line-height: 1.5 !important;
1902}
1903.PopularPosts ul, .related-posts {
1904  display: flex;
1905  flex-wrap: wrap;
1906  gap: 15px;
1907}
1908.PopularPosts li, .related-item {
1909  display: flex !important;
1910  flex-direction: column !important;
1911  background: #fff;
1912  border: 1px solid #eee;
1913  border-radius: 8px;
1914  overflow: hidden;
1915  width: 100%;
1916  margin-bottom: 12px;
1917  box-sizing: border-box;
1918}
1919.PopularPosts .item-thumbnail, .related-img-wrap {
1920  width: 100% !important;
1921  max-height: 150px !important;
1922  overflow: hidden;
1923  margin: 0 !important;
1924  float: none !important;
1925}
1926.PopularPosts .item-thumbnail img, .related-img-wrap img {
1927  width: 100% !important;
1928  height: 150px !important;
1929  object-fit: cover !important;
1930  display: block !important;
1931}
1932.PopularPosts .item-title, .related-title {
1933  padding: 10px 12px !important;
1934  font-size: 14px !important;
1935  font-weight: 600 !important;
1936  line-height: 1.4 !important;
1937}
1938
1939/* FINAL FIX: thumbnail Berita Populer tetap bersih saat hover */
1940.PopularPosts li .item-thumbnail,
1941.PopularPosts li .item-thumbnail a {
1942  background: transparent !important;
1943  background-color: transparent !important;
1944  border: 0 !important;
1945  transform: none !important;
1946  box-shadow: none !important;
1947  padding: 0 !important;
1948}
1949
1950.PopularPosts li .item-thumbnail a:hover {
1951  background: transparent !important;
1952  background-color: transparent !important;
1953  border: 0 !important;
1954  transform: none !important;
1955  box-shadow: none !important;
1956}
1957
1958.PopularPosts li .item-thumbnail img {
1959  display: block !important;
1960  width: 100% !important;
1961  height: 150px !important;
1962  object-fit: cover !important;
1963  border-radius: 8px !important;
1964  background: transparent !important;
1965  box-shadow: none !important;
1966}
1967</style>
1968</div>
1969<div class='clear'></div>
1970</div><div class='widget HTML' data-version='1' id='HTML10'>
1971<div class='widget-content'>
1972<div style="width:100%; overflow:hidden; line-height:0;">
1973  <a href="https://atid.me/adv.php?rk=00l6im002rgo" target="_blank" rel="sponsored noopener">
1974    <img
1975      src="https://images.accesstrade.co.id/9565f1cd832c9675c76672081c819342/988222_728x90_20241106104432157.jpg" referrerpolicy="no-referrer" onerror="this.onerror=null;this.src='https://wsrv.nl/?url=' + encodeURIComponent(this.src);"
1976      alt="Eiger"
1977      border="0"
1978      style="display:block; width:100%; max-width:100%; height:auto; margin:0; transform:none;"
1979    />
1980</img
1981></a>
1982</div>
1983</div>
1984<div class='clear'></div>
1985</div></div>
1986</main>
1987<!-- Sidebar Area (Column 4) -->
1988<aside class='col-lg-4'>
1989<div class='sticky-sidebar-wrapper'>
1990<div class='section' id='sidebar-widgets'><div class='widget HTML' data-version='1' id='HTML8'>
1991<div class='widget-content'>
1992<!-- Widget Search Bar Modern Semi-Rounded - tatarjabar.com -->
1993<style>
1994  .tj-search-widget {
1995    background: #ffffff;
1996    border: 1px solid #e2e8f0;
1997    border-radius: 10px;
1998    padding: 18px;
1999    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
2000    font-family: Arial, sans-serif;
2001    box-sizing: border-box;
2002  }
2003
2004  .tj-search-title {
2005    font-size: 14px;
2006    font-weight: bold;
2007    color: #1e293b;
2008    text-transform: uppercase;
2009    letter-spacing: 0.5px;
2010    margin: 0 0 14px 0;
2011    padding-bottom: 8px;
2012    border-bottom: 2px solid #e53935; /* Garis Merah Tema */
2013  }
2014
2015  .tj-search-form {
2016    display: flex;
2017    align-items: stretch;
2018    width: 100%;
2019    margin: 0;
2020    padding: 0;
2021    border-radius: 6px; /* Lengkungan Pas (Semi-Rounded) */
2022    overflow: hidden;
2023    border: 1px solid #cbd5e1;
2024    transition: border-color 0.2s, box-shadow 0.2s;
2025  }
2026
2027  /* Efek Fokus saat diklik */
2028  .tj-search-form:focus-within {
2029    border-color: #e53935;
2030    box-shadow: 0 0 0 3px rgba(229, 57, 53, 0.15);
2031  }
2032
2033  .tj-search-input {
2034    flex: 1;
2035    border: none !important;
2036    outline: none !important;
2037    background: #f8fafc !important;
2038    padding: 10px 14px !important;
2039    font-size: 13px !important;
2040    color: #1e293b !important;
2041    margin: 0 !important;
2042    box-shadow: none !important;
2043    height: 40px !important;
2044    box-sizing: border-box !important;
2045  }
2046
2047  .tj-search-input::placeholder {
2048    color: #94a3b8;
2049  }
2050
2051  .tj-search-button {
2052    border: none !important;
2053    outline: none !important;
2054    background: #e53935 !important; /* Merah Tema */
2055    color: #ffffff !important;
2056    padding: 0 16px !important;
2057    cursor: pointer;
2058    display: flex;
2059    align-items: center;
2060    justify-content: center;
2061    transition: background-color 0.2s;
2062    height: 40px !important;
2063    margin: 0 !important;
2064    box-shadow: none !important;
2065  }
2066
2067  .tj-search-button:hover {
2068    background: #c62828 !important;
2069  }
2070
2071  .tj-search-icon {
2072    width: 15px;
2073    height: 15px;
2074    fill: currentColor;
2075  }
2076</style>
2077
2078<div class="tj-search-widget">
2079  <h3 class="tj-search-title">CARI BERITA</h3>
2080  <form class="tj-search-form" action="/search" method="get">
2081    <input 
2082      type="text" 
2083      class="tj-search-input" 
2084      name="q" 
2085      placeholder="Ketik kata kunci berita..." 
2086      required 
2087      autocomplete="off"
2088    />
2089    <button type="submit" class="tj-search-button" aria-label="Cari">
2090      <!-- Icon Kaca Pembesar SVG -->
2091      <svg class="tj-search-icon" viewbox="0 0 24 24">
2092        <path d="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z"/>
2093      </path></svg>
2094    </button>
2095  </form>
2096</div>
2097</div>
2098<div class='clear'></div>
2099</div><div class='widget HTML' data-version='1' id='HTML4'>
2100<div class='widget-content'>
2101<style>
2102  .custom-widget-card {
2103    background-color: #ffffff;
2104    border: 1px solid #e2e8f0;
2105    border-radius: 12px;
2106    padding: 16px;
2107    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
2108    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Helvetica, Arial, sans-serif;
2109    max-width: 100%;
2110    box-sizing: border-box;
2111    margin: 10px auto;
2112  }
2113
2114  .custom-widget-link {
2115    text-decoration: none;
2116    color: inherit;
2117    display: block;
2118  }
2119
2120  .custom-widget-subhead {
2121    font-size: 12px;
2122    font-weight: 600;
2123    color: #64748b;
2124    text-transform: uppercase;
2125    letter-spacing: 0.5px;
2126    margin-bottom: 6px;
2127  }
2128
2129  .custom-widget-title {
2130    font-size: 15px;
2131    font-weight: 700;
2132    color: #0284c7;
2133    line-height: 1.35;
2134    margin: 0 0 12px 0;
2135    transition: color 0.2s ease;
2136  }
2137
2138  .custom-widget-card:hover .custom-widget-title {
2139    color: #0369a1;
2140  }
2141
2142  .custom-widget-img-container {
2143    width: 100%;
2144    aspect-ratio: 16 / 9;
2145    border-radius: 10px;
2146    overflow: hidden;
2147    background-color: #f1f5f9;
2148    margin-bottom: 12px;
2149  }
2150
2151  .custom-widget-img-container img {
2152    width: 100%;
2153    height: 100%;
2154    object-fit: cover;
2155    display: block;
2156    transition: transform 0.3s ease;
2157  }
2158
2159  .custom-widget-card:hover .custom-widget-img-container img {
2160    transform: scale(1.02);
2161  }
2162
2163  .custom-widget-btn-text {
2164    display: inline-flex;
2165    align-items: center;
2166    font-size: 13px;
2167    font-weight: 600;
2168    color: #2563eb;
2169  }
2170
2171  .custom-widget-btn-text svg {
2172    width: 16px;
2173    height: 16px;
2174    margin-left: 4px;
2175    fill: currentColor;
2176    transition: transform 0.2s ease;
2177  }
2178
2179  .custom-widget-card:hover .custom-widget-btn-text svg {
2180    transform: translateX(3px);
2181  }
2182</style>
2183
2184<div class="custom-widget-card">
2185  <a href="https://wa.me/6281564911112" target="_blank" rel="noopener noreferrer" class="custom-widget-link">
2186    
2187    <!-- 1. Teks paling atas warna abu-abu -->
2188    <div class="custom-widget-subhead">Millimalis Artwork</div>
2189
2190    <!-- 2. Teks deskripsi utama -->
2191    <h3 class="custom-widget-title">Jasa Desain Profesional: Logo, Branding, Desain Grafis</h3>
2192
2193    <!-- Gambar di bagian bawah -->
2194    <div class="custom-widget-img-container">
2195      <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIMzIHA0qKKpftQlDLsdPzqpIdQrGkY7L9rFuA9QuEfnBjXxtVFJx7BWh3ZfGWOCkYpg3ibVHwMd085XwjaZso2cYgJQJ-p4Um46FRRI_EF-b55rcK7J59I9sO8SZ1ES_7nSp536rPP8-6BAYVSIXRP05fN
2195M0AzjZFWnNcoswMS0eWYOENSvijvsdU5eZA/s2848/New%20Chat%20%2811%29.png" alt="Millimalis Artwork" loading="lazy" />
2196    </div>
2197
2198    <!-- 3. Teks Klik Disini di bagian paling bawah -->
2199    <div class="custom-widget-btn-text">
2200      Klik Disini
2201      <svg viewbox="0 0 24 24">
2202        <path d="M5 12h14M12 5l7 7-7 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2203      </path></svg>
2204    </div>
2205
2206  </a>
2207</div>
2208</div>
2209<div class='clear'></div>
2210</div><div class='widget HTML' data-version='1' id='HTML9'>
2211<div class='widget-content'>
2212<!-- Widget Slider Berita Acak - tatarjabar.com -->
2213<style>
2214  .tj-random-slider-widget {
2215    background: #ffffff;
2216    border: 1px solid #e2e8f0;
2217    border-radius: 10px;
2218    padding: 16px;
2219    box-shadow: 0 2px 5px rgba(0,0,0,0.04);
2220    font-family: Arial, sans-serif;
2221    box-sizing: border-box;
2222  }
2223
2224  .tj-random-slider-header {
2225    display: flex;
2226    justify-content: space-between;
2227    align-items: center;
2228    margin-bottom: 12px;
2229    padding-bottom: 8px;
2230    border-bottom: 2px solid #e53935; /* Garis Merah Tema */
2231  }
2232
2233  .tj-random-slider-title {
2234    font-size: 14px;
2235    font-weight: bold;
2236    color: #1e293b;
2237    text-transform: uppercase;
2238    letter-spacing: 0.5px;
2239    margin: 0;
2240  }
2241
2242  .tj-random-slider-nav {
2243    display: flex;
2244    gap: 4px;
2245  }
2246
2247  .tj-random-btn {
2248    background: #f1f5f9;
2249    border: none;
2250    color: #1e293b;
2251    width: 26px;
2252    height: 26px;
2253    border-radius: 50%;
2254    cursor: pointer;
2255    display: flex;
2256    align-items: center;
2257    justify-content: center;
2258    font-size: 12px;
2259    font-weight: bold;
2260    transition: background-color 0.2s, color 0.2s;
2261  }
2262
2263  .tj-random-btn:hover {
2264    background: #e53935;
2265    color: #ffffff;
2266  }
2267
2268  .tj-random-container {
2269    position: relative;
2270    overflow: hidden;
2271    min-height: 220px;
2272  }
2273
2274  .tj-random-item {
2275    display: none;
2276    animation: tjRandomFade 0.4s ease-in-out;
2277  }
2278
2279  .tj-random-item.active {
2280    display: block;
2281  }
2282
2283  @keyframes tjRandomFade {
2284    from { opacity: 0; transform: translateX(8px); }
2285    to { opacity: 1; transform: translateX(0); }
2286  }
2287
2288  .tj-random-item-title {
2289    font-size: 16px; /* Ukuran Proporsional */
2290    line-height: 1.35;
2291    font-weight: bold;
2292    margin: 0 0 8px 0;
2293  }
2294
2295  .tj-random-item-title a {
2296    color: #0066cc; /* Warna Link Biru */
2297    text-decoration: none;
2298    transition: color 0.2s;
2299  }
2300
2301  .tj-random-item-title a:hover {
2302    color: #e53935;
2303  }
2304
2305  .tj-random-snippet {
2306    font-size: 13px;
2307    color: #4a5568;
2308    line-height: 1.5;
2309    margin: 0 0 12px 0;
2310  }
2311
2312  .tj-random-thumb-box {
2313    width: 100%;
2314    height: 180px;
2315    border-radius: 8px; /* Lengkungan Rounded Presisi */
2316    overflow: hidden;
2317    background-color: #f1f5f9;
2318  }
2319
2320  .tj-random-thumb-box img {
2321    width: 100%;
2322    height: 100%;
2323    object-fit: cover;
2324    display: block;
2325    transition: transform 0.3s ease;
2326  }
2327
2328  .tj-random-thumb-box img:hover {
2329    transform: scale(1.03);
2330  }
2331</style>
2332
2333<div class="tj-random-slider-widget">
2334  <div class="tj-random-slider-header">
2335    <h3 class="tj-random-slider-title">BERITA PILIHAN</h3>
2336    <div class="tj-random-slider-nav">
2337      <button class="tj-random-btn" id="tjRandomPrev">&#10094;</button>
2338      <button class="tj-random-btn" id="tjRandomNext">&#10095;</button>
2339    </div>
2340  </div>
2341
2342  <div class="tj-random-container" id="tj-random-box"></div>
2343</div>
2344
2345<script>
2346(function() {
2347  var tjRandomCurrentIdx = 0;
2348  var tjRandomTimer = null;
2349  var maxResults = 5; // Jumlah artikel acak yang diambil
2350
2351  // Step 1: Hitung total artikel dulu
2352  window.getTJTotalPosts = function(json) {
2353    var totalEntries = parseInt(json.feed.openSearch$totalResults.$t, 10);
2354    var randomIndex = Math.floor(Math.random() * Math.max(1, totalEntries - maxResults)) + 1;
2355    
2356    // Step 2: Ambil artikel dari urutan acak (offset random)
2357    var script = document.createElement('script');
2358    script.src = '/feeds/posts/summary?alt=json-in-script&start-index=' + randomIndex + '&max-results=' + maxResults + '&callback=renderTJRandomSlider';
2359    document.body.appendChild(script);
2360  };
2361
2362  // Step 3: Render tampilan slider
2363  window.renderTJRandomSlider = function(json) {
2364    var box = document.getElementById('tj-random-box');
2365    if (!box || !json.feed.entry) return;
2366    
2367    var entries = json.feed.entry;
2368    var html = '';
2369    
2370    for (var i = 0; i < entries.length; i++) {
2371      var entry = entries[i];
2372      var title = entry.title.$t;
2373      var snippet = entry.summary ? entry.summary.$t.substring(0, 110) + '...' : '';
2374      var url = '';
2375      
2376      for (var j = 0; j < entry.link.length; j++) {
2377        if (entry.link[j].rel === 'alternate') {
2378          url = entry.link[j].href;
2379          break;
2380        }
2381      }
2382      
2383  var thumb = '';
2384if (entry.media$thumbnail) {
2385  thumb = entry.media$thumbnail.url;
2386} else if (entry.content && entry.content.$t.indexOf('<img') !== -1) {
2387  var m = entry.content.$t.match(/src=["']([^"']+)["']/);
2388  if (m) thumb = m[1];
2389}
2390
2391// Mengganti semua jenis penanda ukuran resolusi kecil ke HD (600x400)
2392if (thumb) {
2393  thumb = thumb.replace(/\/s[0-9]+(?:-[^\/]+)?\//g, '/w600-h400-p-k-no-nu/')
2394               .replace(/\/w[0-9]+(?:-h[0-9]+)?(?:-[^\/]+)?\//g, '/w600-h400-p-k-no-nu/');
2395}
2396      if (!thumb) thumb = 'https://via.placeholder.com/500x300/e2e8f0/94a3b8?text=No+Image';
2397      
2398      var activeClass = (i === 0) ? ' active' : '';
2399      
2400      html += '<div class="tj-random-item' + activeClass + '">';
2401      html += '<h4 class="tj-random-item-title"><a href="' + url + '">' + title + '</a></h4>';
2402      html += '<p class="tj-random-snippet">' + snippet + '</p>';
2403      html += '<div class="tj-random-thumb-box"><a href="' + url + '"><img src="' + thumb + '" alt="' + title + '" /></a></div>';
2404      html += '</div>';
2405    }
2406    
2407    box.innerHTML = html;
2408    
2409    var slides = box.querySelectorAll('.tj-random-item');
2410    
2411    function show(idx) {
2412      for (var k = 0; k < slides.length; k++) {
2413        slides[k].classList.remove('active');
2414      }
2415      if (idx >= slides.length) tjRandomCurrentIdx = 0;
2416      else if (idx < 0) tjRandomCurrentIdx = slides.length - 1;
2417      else tjRandomCurrentIdx = idx;
2418      
2419      slides[tjRandomCurrentIdx].classList.add('active');
2420    }
2421
2422    function next() { show(tjRandomCurrentIdx + 1); startAuto(); }
2423    function prev() { show(tjRandomCurrentIdx - 1); startAuto(); }
2424    function startAuto() {
2425      clearInterval(tjRandomTimer);
2426      tjRandomTimer = setInterval(function() { show(tjRandomCurrentIdx + 1); }, 5000);
2427    }
2428
2429    document.getElementById('tjRandomNext').addEventListener('click', next);
2430    document.getElementById('tjRandomPrev').addEventListener('click', prev);
2431    startAuto();
2432  };
2433
2434  // Panggil feed awal untuk dapatkan total angka postingan
2435  var initScript = document.createElement('script');
2436  initScript.src = '/feeds/posts/summary?alt=json-in-script&max-results=0&callback=getTJTotalPosts';
2437  document.body.appendChild(initScript);
2438})();
2439</script>
2439
2440</div>
2441<div class='clear'></div>
2442</div><div class='widget HTML' data-version='1' id='HTML1'>
2443<div class='widget-content'>
2444<div id="tatarjabar-sholat-widget" style="font-family: inherit; background: #ffffff; border: 1px solid #e0e0e0; border-radius: 6px; padding: 16px; box-shadow: 0 2px 4px rgba(0,0,0,0.02); color: #333; max-width: 100%;">
2445  <div style="display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #d9534f; padding-bottom: 8px; margin-bottom: 12px;">
2446    <h3 style="margin: 0; font-size: 15px; font-weight: bold; color: #111;">JADWAL SHOLAT</h3>
2447    <span id="tj-current-date" style="font-size: 11px; color: #666;">Memuat tanggal...</span>
2448  </div>
2449  
2450  <div style="margin-bottom: 10px;">
2451    <select id="tj-city-select" style="width: 100%; padding: 6px 10px; font-size: 13px; border: 1px solid #ccc; border-radius: 4px; background: #f9f9f9; outline: none;">
2452      <option value="1218" />Kab. Bandung
2453      <option value="1219" />Kota Bandung
2454      <option value="1221" />Kota Cimahi
2455      <option value="1215" />Kab. Bandung Barat
2456      <option value="1233" />Kab. Garut
2457      <option value="1223" />Kab. Cianjur
2458      <option value="1216" />Kab. Bekasi
2459      <option value="1224" />Kota Bogor
2460    </select>
2461  </div>
2462
2463  <div id="tj-sholat-list" style="font-size: 13px;">
2464    <div style="text-align: center; padding: 15px; color: #777;">Memuat jadwal...</div>
2465  </div>
2466</div>
2467
2468<script>
2469(function() {
2470  const citySelect = document.getElementById('tj-city-select');
2471  const sholatList = document.getElementById('tj-sholat-list');
2472  const dateEl = document.getElementById('tj-current-date');
2473
2474  function fetchSchedule(cityId) {
2475    const today = new Date();
2476    const year = today.getFullYear();
2477    const month = String(today.getMonth() + 1).padStart(2, '0');
2478    const day = String(today.getDate()).padStart(2, '0');
2479    
2480    // Tampilkan tanggal hari ini
2481    const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
2482    dateEl.innerText = today.toLocaleDateString('id-ID', options);
2483
2484    sholatList.innerHTML = '<div style="text-align: center; padding: 15px; color: #777;">Mengambil data...</div>';
2485
2486    fetch(`https://api.myquran.com/v2/sholat/jadwal/${cityId}/${year}/${month}/${day}`)
2487      .then(response => response.json())
2488      .then(data => {
2489        if (data.status && data.data && data.data.jadwal) {
2490          const j = data.data.jadwal;
2491          const times = [
2492            { name: 'Imsak', time: j.imsak },
2493            { name: 'Subuh', time: j.subuh },
2494            { name: 'Dzuhur', time: j.dzuhur },
2495            { name: 'Ashar', time: j.ashar },
2496            { name: 'Maghrib', time: j.maghrib },
2497            { name: 'Isya', time: j.isya }
2498          ];
2499
2500          let html = '<table style="width: 100%; border-collapse: collapse;">';
2501          times.forEach((item, index) => {
2502            let bg = index % 2 === 0 ? '#fafafa' : '#ffffff';
2503            html += `<tr style="background: ${bg};">
2504              <td style="padding: 6px 8px; font-weight: 500; color: #444;">${item.name}</td>
2505              <td style="padding: 6px 8px; text-align: right; font-weight: bold; color: #222;">${item.time}</td>
2506            </tr>`;
2507          });
2508          html += '</table>';
2509          sholatList.innerHTML = html;
2510        } else {
2511          sholatList.innerHTML = '<div style="text-align: center; color: red; padding: 10px;">Gagal memuat jadwal.</div>';
2512        }
2513      })
2514      .catch(err => {
2515        sholatList.innerHTML = '<div style="text-align: center; color: red; padding: 10px;">Koneksi error.</div>';
2516      });
2517  }
2518
2519  // Load awal (default Kota Bandung / ID 1219)
2520  fetchSchedule(citySelect.value);
2521
2522  // Jika kota diganti
2523  citySelect.addEventListener('change', function() {
2524    fetchSchedule(this.value);
2525  });
2526})();
2527</script>
2527
2528</div>
2529<div class='clear'></div>
2530</div><div class='widget HTML' data-version='1' id='HTML11'>
2531<div class='widget-content'>
2532<!-- =====================================================
2533     TATARJABAR - WIDGET HADIS NABI ï·º
2534     50 HADIS SAHIH
2535     
2536     SISTEM:
2537     - 1 hadis tampil setiap halaman
2538     - Tidak bergerak otomatis
2539     - Tidak ada slider
2540     - Tidak ada timer
2541     - Refresh = pilih hadis lagi
2542     - Buka artikel lain = pilih hadis lagi
2543     - Menghindari pengulangan hadis terakhir
2544     ===================================================== -->
2545
2546<div id="tj-hadith-widget">
2547
2548  <div class="tj-hadith-header">
2549    <span class="tj-hadith-icon">ï·º</span>
2550    <span class="tj-hadith-title">HADIS NABI ï·º</span>
2551  </div>
2552
2553  <div class="tj-hadith-content" id="tjHadithContent">
2554    <div class="tj-hadith-loading">
2555      Memuat hadis...
2556    </div>
2557  </div>
2558
2559</div>
2560
2561
2562<style>
2563
2564/* =====================================================
2565   CONTAINER
2566   ===================================================== */
2567
2568#tj-hadith-widget {
2569  width: 100%;
2570  box-sizing: border-box;
2571  background: #ffffff;
2572  border: 1px solid #dfe5eb;
2573  border-radius: 10px;
2574  padding: 18px;
2575  margin: 0;
2576  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
2577  font-family: Arial, Helvetica, sans-serif;
2578  overflow: hidden;
2579}
2580
2581
2582/* =====================================================
2583   HEADER
2584   ===================================================== */
2585
2586#tj-hadith-widget .tj-hadith-header {
2587  display: flex;
2588  align-items: center;
2589  gap: 9px;
2590  padding-bottom: 10px;
2591  margin-bottom: 15px;
2592  border-bottom: 2px solid #ee3333;
2593}
2594
2595
2596/* ICON */
2597
2598#tj-hadith-widget .tj-hadith-icon {
2599  width: 28px;
2600  height: 28px;
2601  min-width: 28px;
2602
2603  display: flex;
2604  align-items: center;
2605  justify-content: center;
2606
2607  background: #ee3333;
2608  color: #ffffff;
2609
2610  border-radius: 50%;
2611
2612  font-family: Arial, Helvetica, sans-serif;
2613  font-size: 12px;
2614  line-height: 1;
2615}
2616
2617
2618/* JUDUL */
2619
2620#tj-hadith-widget .tj-hadith-title {
2621  color: #26323b;
2622
2623  font-family: Georgia, "Times New Roman", serif;
2624
2625  font-size: 15px;
2626  font-weight: 700;
2627
2628  letter-spacing: 0.02em;
2629}
2630
2631
2632/* =====================================================
2633   CONTENT
2634   ===================================================== */
2635
2636#tj-hadith-widget .tj-hadith-content {
2637  width: 100%;
2638  box-sizing: border-box;
2639}
2640
2641
2642/* =====================================================
2643   HADIS
2644   ===================================================== */
2645
2646#tj-hadith-widget .tj-hadith-item {
2647  animation: tjHadithFade 0.4s ease;
2648}
2649
2650
2651@keyframes tjHadithFade {
2652
2653  from {
2654    opacity: 0;
2655    transform: translateY(4px);
2656  }
2657
2658  to {
2659    opacity: 1;
2660    transform: translateY(0);
2661  }
2662
2663}
2664
2665
2666/* =====================================================
2667   LABEL
2668   ===================================================== */
2669
2670#tj-hadith-widget .tj-hadith-label {
2671
2672  display: inline-block;
2673
2674  padding: 5px 9px;
2675
2676  margin-bottom: 12px;
2677
2678  background: #f6f7f8;
2679
2680  border: 1px solid #e2e6e9;
2681
2682  border-radius: 20px;
2683
2684  color: #68737d;
2685
2686  font-size: 9px;
2687
2688  font-weight: 700;
2689
2690  letter-spacing: 0.04em;
2691}
2692
2693
2694/* =====================================================
2695   TEKS HADIS
2696   ===================================================== */
2697
2698#tj-hadith-widget .tj-hadith-text {
2699
2700  margin: 0 0 16px 0;
2701
2702  padding-left: 12px;
2703
2704  border-left: 3px solid #ee3333;
2705
2706  color: #303030;
2707
2708  font-family: Georgia, "Times New Roman", serif;
2709
2710  font-size: 15px;
2711
2712  line-height: 1.75;
2713
2714  font-weight: 600;
2715}
2716
2717
2718/* =====================================================
2719   PERAWI
2720   ===================================================== */
2721
2722#tj-hadith-widget .tj-hadith-narrator {
2723
2724  margin-top: 2px;
2725
2726  color: #28343d;
2727
2728  font-size: 12px;
2729
2730  line-height: 1.5;
2731
2732  font-weight: 700;
2733}
2734
2735
2736/* =====================================================
2737   SUMBER
2738   ===================================================== */
2739
2740#tj-hadith-widget .tj-hadith-source {
2741
2742  margin-top: 3px;
2743
2744  color: #7a838a;
2745
2746  font-size: 11px;
2747
2748  line-height: 1.5;
2749}
2750
2751
2752/* =====================================================
2753   LOADING
2754   ===================================================== */
2755
2756#tj-hadith-widget .tj-hadith-loading {
2757
2758  padding: 30px 0;
2759
2760  text-align: center;
2761
2762  color: #888888;
2763
2764  font-size: 12px;
2765}
2766
2767
2768/* =====================================================
2769   MOBILE
2770   ===================================================== */
2771
2772@media screen and (max-width: 768px) {
2773
2774  #tj-hadith-widget {
2775    padding: 16px;
2776    border-radius: 9px;
2777  }
2778
2779  #tj-hadith-widget .tj-hadith-text {
2780    font-size: 14px;
2781    line-height: 1.7;
2782  }
2783
2784  #tj-hadith-widget .tj-hadith-title {
2785    font-size: 14px;
2786  }
2787
2788}
2789
2790
2791/* =====================================================
2792   HP KECIL
2793   ===================================================== */
2794
2795@media screen and (max-width: 375px) {
2796
2797  #tj-hadith-widget {
2798    padding: 14px;
2799  }
2800
2801  #tj-hadith-widget .tj-hadith-text {
2802    font-size: 13.5px;
2803  }
2804
2805}
2806
2807</style>
2808
2809
2810<script>
2811
2812(function() {
2813
2814  /* ===================================================
2815     DATABASE 50 HADIS
2816     =================================================== */
2817
2818  var tjHadiths = [
2819
2820    {
2821      text: "Sesungguhnya setiap amal perbuatan bergantung pada niatnya, dan setiap orang mendapatkan sesuai dengan apa yang ia niatkan.",
2822      narrator: "Umar bin Khattab r.a.",
2823      source: "HR. Bukhari No. 1",
2824      status: "SAHIH AL-BUKHARI"
2825    },
2826
2827    {
2828      text: "Islam dibangun di atas lima perkara: syahadat, mendirikan salat, menunaikan zakat, haji, dan puasa Ramadan.",
2829      narrator: "Abdullah bin Umar r.a.",
2830      source: "HR. Bukhari No. 8",
2831      status: "SAHIH AL-BUKHARI"
2832    },
2833
2834    {
2835      text: "Iman memiliki banyak cabang, dan rasa malu merupakan salah satu cabang iman.",
2836      narrator: "Abu Hurairah r.a.",
2837      source: "HR. Bukhari No. 9",
2838      status: "SAHIH AL-BUKHARI"
2839    },
2840
2841    {
2842      text: "Seorang Muslim adalah orang yang kaum Muslimin selamat dari gangguan lisan dan tangannya.",
2843      narrator: "Abdullah bin Amr r.a.",
2844      source: "HR. Bukhari No. 10",
2845      status: "SAHIH AL-BUKHARI"
2846    },
2847
2848    {
2849      text: "Islam yang baik antara lain ditunjukkan dengan memberi makan dan mengucapkan salam kepada orang yang dikenal maupun yang tidak dikenal.",
2850      narrator: "Abdullah bin Amr r.a.",
2851      source: "HR. Bukhari No. 12",
2852      status: "SAHIH AL-BUKHARI"
2853    },
2854
2855    {
2856      text: "Tidak sempurna iman seseorang sampai ia mencintai untuk saudaranya apa yang ia cintai untuk dirinya sendiri.",
2857      narrator: "Anas bin Malik r.a.",
2858      source: "HR. Bukhari No. 13",
2859      status: "SAHIH AL-BUKHARI"
2860    },
2861
2862    {
2863      text: "Tidak sempurna iman seseorang sampai Rasulullah ï·º lebih ia cintai daripada orang tua, anak, dan seluruh manusia.",
2864      narrator: "Anas bin Malik r.a.",
2865      source: "HR. Bukhari No. 15",
2866      status: "SAHIH AL-BUKHARI"
2867    },
2868
2869    {
2870      text: "Ada tiga perkara yang membuat seseorang merasakan manisnya iman: mencintai Allah dan Rasul-Nya lebih dari yang lain, mencintai seseorang karena Allah, dan membenci kembali kepada kekufuran.",
2871      narrator: "Anas bin Malik r.a.",
2872      source: "HR. Bukhari No. 16",
2873      status: "SAHIH AL-BUKHARI"
2874    },
2875
2876    {
2877      text: "Halal itu jelas dan haram itu jelas. Di antara keduanya terdapat perkara-perkara yang samar. Menjauhinya berarti menjaga agama dan kehormatan.",
2878      narrator: "An-Nu'man bin Basyir r.a.",
2879      source: "HR. Bukhari No. 52",
2880      status: "SAHIH AL-BUKHARI"
2881    },
2882
2883    {
2884      text: "Sebaik-baik manusia dalam pergaulan adalah yang berbuat baik kepada ibunya, kemudian kepada ibunya, kemudian kepada ibunya, lalu kepada ayahnya.",
2885      narrator: "Abu Hurairah r.a.",
2886      source: "HR. Bukhari No. 5971",
2887      status: "SAHIH AL-BUKHARI"
2888    },
2889
2890    {
2891      text: "Allah menjaga hubungan dengan orang yang menjaga silaturahmi dan memutus hubungan dengan orang yang memutuskannya.",
2892      narrator: "Abu Hurairah r.a.",
2893      source: "HR. Bukhari No. 5987",
2894      status: "SAHIH AL-BUKHARI"
2895    },
2896
2897    {
2898      text: "Orang-orang beriman dalam kasih sayang dan kepedulian mereka seperti satu tubuh; ketika satu bagian sakit, seluruh tubuh ikut merasakan.",
2899      narrator: "An-Nu'man bin Basyir r.a.",
2900      source: "HR. Bukhari No. 6011",
2901      status: "SAHIH AL-BUKHARI"
2902    },
2903
2904    {
2905      text: "Seorang Muslim yang menanam tanaman lalu manusia atau hewan memakan darinya mendapatkan pahala seperti sedekah.",
2906      narrator: "Anas bin Malik r.a.",
2907      source: "HR. Bukhari No. 6012",
2908      status: "SAHIH AL-BUKHARI"
2909    },
2910
2911    {
2912      text: "Barang siapa tidak menyayangi orang lain, ia tidak akan disayangi.",
2913      narrator: "Jarir bin Abdullah r.a.",
2914      source: "HR. Bukhari No. 6013",
2915      status: "SAHIH AL-BUKHARI"
2916    },
2917
2918    {
2919      text: "Jibril terus-menerus berwasiat kepada Nabi ï·º tentang tetangga sampai beliau mengira tetangga akan mendapat bagian warisan.",
2920      narrator: "Aisyah r.a.",
2921      source: "HR. Bukhari No. 6014",
2922      status: "SAHIH AL-BUKHARI"
2923    },
2924
2925    {
2926      text: "Barang siapa beriman kepada Allah dan hari akhir, hendaknya berkata baik atau diam, memuliakan tetangga, dan memuliakan tamu.",
2927      narrator: "Abu Hurairah r.a.",
2928      source: "HR. Bukhari No. 6018",
2929      status: "SAHIH AL-BUKHARI"
2930    },
2931
2932    {
2933      text: "Kekuatan yang sebenarnya bukanlah mengalahkan orang lain, tetapi mampu mengendalikan diri ketika marah.",
2934      narrator: "Abu Hurairah r.a.",
2935      source: "HR. Bukhari No. 6114",
2936      status: "SAHIH AL-BUKHARI"
2937    },
2938
2939    {
2940      text: "Laa haula wa laa quwwata illaa billaah merupakan salah satu simpanan berharga dari simpanan surga.",
2941      narrator: "Abu Musa Al-Asy'ari r.a.",
2942      source: "HR. Bukhari No. 6409",
2943      status: "SAHIH AL-BUKHARI"
2944    },
2945
2946    {
2947      text: "Orang yang beriman kepada Allah dan hari akhir hendaknya berkata baik atau diam, tidak menyakiti tetangga, dan memuliakan tamunya.",
2948      narrator: "Abu Hurairah r.a.",
2949      source: "HR. Bukhari No. 6475",
2950      status: "SAHIH AL-BUKHARI"
2951    },
2952
2953    {
2954      text: "Masa bertamu adalah tiga hari, dan orang yang beriman kepada Allah dan hari akhir hendaknya memuliakan tamunya.",
2955      narrator: "Abu Syuraih Al-Khuza'i r.a.",
2956      source: "HR. Bukhari No. 6476",
2957      status: "SAHIH AL-BUKHARI"
2958    },
2959
2960    {
2961      text: "Islam ditegakkan di atas lima perkara: mengesakan Allah, mendirikan salat, menunaikan zakat, berpuasa Ramadan, dan berhaji.",
2962      narrator: "Abdullah bin Umar r.a.",
2963      source: "HR. Muslim No. 16a",
2964      status: "SAHIH MUSLIM"
2965    },
2966
2967    {
2968      text: "Tidak masuk surga orang yang tetangganya tidak merasa aman dari gangguannya.",
2969      narrator: "Abu Hurairah r.a.",
2970      source: "HR. Muslim No. 46",
2971      status: "SAHIH MUSLIM"
2972    },
2973
2974    {
2975      text: "Barang siapa beriman kepada Allah dan hari akhir hendaknya memuliakan tetangga dan tamunya serta berkata baik atau diam.",
2976      narrator: "Abu Hurairah r.a.",
2977      source: "HR. Muslim No. 47a",
2978      status: "SAHIH MUSLIM"
2979    },
2980
2981    {
2982      text: "Agama adalah nasihat: kepada Allah, kitab-Nya, Rasul-Nya, para pemimpin kaum Muslimin, dan seluruh kaum Muslimin.",
2983      narrator: "Tamim Ad-Dari r.a.",
2984      source: "HR. Muslim No. 55a",
2985      status: "SAHIH MUSLIM"
2986    },
2987
2988    {
2989      text: "Jarir r.a. berbaiat kepada Rasulullah ï·º untuk mendirikan salat, menunaikan zakat, dan memberikan nasihat yang tulus kepada setiap Muslim.",
2990      narrator: "Jarir bin Abdullah r.a.",
2991      source: "HR. Muslim No. 56a",
2992      status: "SAHIH MUSLIM"
2993    },
2994
2995    {
2996      text: "Di antara sifat kemunafikan adalah berdusta ketika berbicara, mengingkari janji, berkhianat terhadap perjanjian, dan melampaui batas ketika berselisih.",
2997      narrator: "Abdullah bin Amr r.a.",
2998      source: "HR. Muslim No. 58",
2999      status: "SAHIH MUSLIM"
3000    },
3001
3002    {
3003      text: "Kalian tidak akan masuk surga sampai beriman, dan kalian tidak sempurna beriman sampai saling mencintai. Sebarkanlah salam di antara kalian.",
3004      narrator: "Abu Hurairah r.a.",
3005      source: "HR. Muslim No. 54a",
3006      status: "SAHIH MUSLIM"
3007    },
3008
3009    {
3010      text: "Tidak akan masuk surga orang yang di dalam hatinya terdapat kesombongan walaupun sebesar zarah.",
3011      narrator: "Abdullah bin Mas'ud r.a.",
3012      source: "HR. Muslim No. 91a",
3013      status: "SAHIH MUSLIM"
3014    },
3015
3016    {
3017      text: "Setiap perbuatan baik adalah sedekah.",
3018      narrator: "Hudzaifah r.a.",
3019      source: "HR. Muslim No. 1005",
3020      status: "SAHIH MUSLIM"
3021    },
3022
3023    {
3024      text: "Tasbih, tahmid, takbir, amar makruf, dan mencegah kemungkaran termasuk sedekah.",
3025      narrator: "Abu Dzarr r.a.",
3026      source: "HR. Muslim No. 1006",
3027      status: "SAHIH MUSLIM"
3028    },
3029
3030    {
3031      text: "Seorang Muslim adalah saudara bagi Muslim lainnya; ia tidak menzaliminya, tidak merendahkannya, dan tidak menghinakannya.",
3032      narrator: "Abu Hurairah r.a.",
3033      source: "HR. Muslim No. 2564a",
3034      status: "SAHIH MUSLIM"
3035    },
3036
3037    {
3038      text: "Siapa yang menutupi aib seorang Muslim di dunia, Allah akan menutupi aibnya pada hari kiamat.",
3039      narrator: "Abu Hurairah r.a.",
3040      source: "HR. Muslim No. 2590b",
3041      status: "SAHIH MUSLIM"
3042    },
3043
3044    {
3045      text: "Orang yang tidak memiliki kelembutan akan kehilangan banyak kebaikan.",
3046      narrator: "Jarir bin Abdullah r.a.",
3047      source: "HR. Muslim No. 2592c",
3048      status: "SAHIH MUSLIM"
3049    },
3050
3051    {
3052      text: "Allah Maha Lembut dan mencintai kelembutan, serta memberikan melalui kelembutan sesuatu yang tidak diberikan melalui kekerasan.",
3053      narrator: "Aisyah r.a.",
3054      source: "HR. Muslim No. 2593",
3055      status: "SAHIH MUSLIM"
3056    },
3057
3058    {
3059      text: "Kelembutan tidaklah terdapat pada sesuatu melainkan akan memperindahnya, dan jika dicabut darinya akan membuatnya buruk.",
3060      narrator: "Aisyah r.a.",
3061      source: "HR. Muslim No. 2594a",
3062      status: "SAHIH MUSLIM"
3063    },
3064
3065    {
3066      text: "Barang siapa mengasuh dua anak perempuan sampai dewasa dengan baik, ia akan dekat dengan Rasulullah ï·º pada hari kiamat.",
3067      narrator: "Anas bin Malik r.a.",
3068      source: "HR. Muslim No. 2631",
3069      status: "SAHIH MUSLIM"
3070    },
3071
3072    {
3073      text: "Orang yang mengasuh anak perempuan dengan baik mendapatkan perlindungan dari neraka.",
3074      narrator: "Aisyah r.a.",
3075      source: "HR. Muslim No. 2629",
3076      status: "SAHIH MUSLIM"
3077    },
3078
3079    {
3080      text: "Mukmin yang kuat lebih baik dan lebih dicintai Allah daripada mukmin yang lemah, dan pada keduanya terdapat kebaikan. Bersungguh-sungguhlah pada hal yang bermanfaat dan mintalah pertolongan Allah.",
3081      narrator: "Abu Hurairah r.a.",
3082      source: "HR. Muslim No. 2664",
3083      status: "SAHIH MUSLIM"
3084    },
3085
3086    {
3087      text: "Tidak seorang pun masuk surga hanya karena amalnya; keselamatan terjadi karena rahmat dan karunia Allah.",
3088      narrator: "Abu Hurairah r.a.",
3089      source: "HR. Muslim No. 2816f",
3090      status: "SAHIH MUSLIM"
3091    },
3092
3093    {
3094      text: "Sedekah tidak mengurangi harta, memaafkan menambah kemuliaan, dan siapa yang merendahkan diri karena Allah akan diangkat derajatnya.",
3095      narrator: "Abu Hurairah r.a.",
3096      source: "HR. Muslim No. 2588",
3097      status: "SAHIH MUSLIM"
3098    },
3099
3100    {
3101      text: "Kebaikan bukan hanya berupa harta; setiap perbuatan yang baik termasuk sedekah.",
3102      narrator: "Hudzaifah r.a.",
3103      source: "HR. Muslim No. 1005",
3104      status: "SAHIH MUSLIM"
3105    },
3106
3107    {
3108      text: "Tidak akan masuk surga orang yang tetangganya tidak aman dari gangguannya.",
3109      narrator: "Abu Hurairah r.a.",
3110      source: "HR. Muslim No. 46",
3111      status: "SAHIH MUSLIM"
3112    },
3113
3114    {
3115      text: "Keimanan tidak sempurna tanpa kecintaan kepada sesama, dan menyebarkan salam merupakan jalan untuk menumbuhkan kecintaan.",
3116      narrator: "Abu Hurairah r.a.",
3117      source: "HR. Muslim No. 54a",
3118      status: "SAHIH MUSLIM"
3119    },
3120
3121    {
3122      text: "Nasihat dan ketulusan kepada sesama Muslim merupakan bagian penting dari agama.",
3123      narrator: "Tamim Ad-Dari r.a.",
3124      source: "HR. Muslim No. 55a",
3125      status: "SAHIH MUSLIM"
3126    },
3127
3128    {
3129      text: "Jangan saling mendengki, jangan saling membenci, jangan saling membelakangi, dan jadilah hamba Allah yang bersaudara.",
3130      narrator: "Abu Hurairah r.a.",
3131      source: "HR. Muslim No. 2564a",
3132      status: "SAHIH MUSLIM"
3133    },
3134
3135    {
3136      text: "Ketakwaan itu berada di hati, dan seseorang tidak boleh meremehkan saudaranya sesama Muslim.",
3137      narrator: "Abu Hurairah r.a.",
3138      source: "HR. Muslim No. 2564a",
3139      status: "SAHIH MUSLIM"
3140    },
3141
3142    {
3143      text: "Orang yang menahan amarah dan mengendalikan dirinya memiliki kekuatan yang sejati.",
3144      narrator: "Abu Hurairah r.a.",
3145      source: "HR. Bukhari No. 6114",
3146      status: "SAHIH AL-BUKHARI"
3147    },
3148
3149    {
3150      text: "Mengajak kepada kebaikan termasuk sedekah.",
3151      narrator: "Jabir bin Abdullah r.a.",
3152      source: "HR. Bukhari No. 6021",
3153      status: "SAHIH AL-BUKHARI"
3154    },
3155
3156    {
3157      text: "Setiap Muslim memiliki kewajiban sedekah; jika tidak mampu dengan harta, ia dapat bekerja, membantu orang yang membutuhkan, mengajak kepada kebaikan, atau menahan diri dari keburukan.",
3158      narrator: "Abu Musa Al-Asy'ari r.a.",
3159      source: "HR. Bukhari No. 6022",
3160      status: "SAHIH AL-BUKHARI"
3161    },
3162
3163    {
3164      text: "Selamatkan diri dari neraka walaupun dengan bersedekah separuh kurma; jika tidak mampu, dengan mengucapkan perkataan yang baik.",
3165      narrator: "Adi bin Hatim r.a.",
3166      source: "HR. Bukhari No. 6023",
3167      status: "SAHIH AL-BUKHARI"
3168    },
3169
3170    {
3171      text: "Allah mencintai kelembutan dalam segala perkara.",
3172      narrator: "Aisyah r.a.",
3173      source: "HR. Bukhari No. 6024",
3174      status: "SAHIH AL-BUKHARI"
3175    },
3176
3177    {
3178      text: "Orang yang beriman kepada Allah dan hari akhir hendaknya menjaga lisannya, tidak menyakiti tetangga, dan memuliakan tamu.",
3179      narrator: "Abu Hurairah r.a.",
3180      source: "HR. Bukhari No. 6475",
3181      status: "SAHIH AL-BUKHARI"
3182    }
3183
3184  ];
3185
3186
3187  /* ===================================================
3188     ELEMENT
3189     =================================================== */
3190
3191  var content =
3192    document.getElementById("tjHadithContent");
3193
3194
3195  if (!content) {
3196    return;
3197  }
3198
3199
3200  /* ===================================================
3201     PILIH HADIS
3202     
3203     Menghindari hadis yang sama dengan tampilan
3204     sebelumnya selama tab browser masih aktif.
3205     =================================================== */
3206
3207  var lastIndex = -1;
3208
3209  try {
3210
3211    var savedIndex =
3212      sessionStorage.getItem("tjLastHadith");
3213
3214    if (savedIndex !== null) {
3215
3216      lastIndex =
3217        parseInt(savedIndex, 10);
3218
3219    }
3220
3221  } catch (e) {
3222
3223    lastIndex = -1;
3224
3225  }
3226
3227
3228  var randomIndex;
3229
3230
3231  if (tjHadiths.length <= 1) {
3232
3233    randomIndex = 0;
3234
3235  } else {
3236
3237    do {
3238
3239      randomIndex =
3240        Math.floor(
3241          Math.random() * tjHadiths.length
3242        );
3243
3244    } while (
3245      randomIndex === lastIndex
3246    );
3247
3248  }
3249
3250
3251  /* Simpan nomor hadis terakhir */
3252
3253  try {
3254
3255    sessionStorage.setItem(
3256      "tjLastHadith",
3257      randomIndex
3258    );
3259
3260  } catch (e) {
3261
3262    /* Jika sessionStorage tidak tersedia,
3263       widget tetap berjalan normal. */
3264
3265  }
3266
3267
3268  /* ===================================================
3269     AMBIL HADIS
3270     =================================================== */
3271
3272  var hadith =
3273    tjHadiths[randomIndex];
3274
3275
3276  /* ===================================================
3277     TAMPILKAN
3278     =================================================== */
3279
3280  content.innerHTML =
3281
3282    '<div class="tj-hadith-item">' +
3283
3284      '<div class="tj-hadith-label">' +
3285        hadith.status +
3286      '</div>' +
3287
3288      '<p class="tj-hadith-text">' +
3289        hadith.text +
3290      '</p>' +
3291
3292      '<div class="tj-hadith-narrator">' +
3293        '&#8212; ' + hadith.narrator +
3294      '</div>' +
3295
3296      '<div class="tj-hadith-source">' +
3297        hadith.source +
3298      '</div>' +
3299
3300    '</div>';
3301
3302
3303})();
3304</script>
3304
3305</div>
3306<div class='clear'></div>
3307</div><div class='widget HTML' data-version='1' id='HTML7'>
3308<div class='widget-content'>
3309<!-- Widget Sidebar Post Terbaru - tatarjabar.com -->
3310<style>
3311  .sidebar-posts-widget {
3312    background: #ffffff;
3313    border: 1px solid #e2e8f0;
3314    border-radius: 8px;
3315    padding: 16px;
3316    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
3317    font-family: Arial, sans-serif;
3318  }
3319  
3320  .sidebar-widget-title {
3321    font-size: 14px;
3322    font-weight: bold;
3323    color: #1e293b;
3324    text-transform: uppercase;
3325    letter-spacing: 0.5px;
3326    margin: 0 0 12px 0;
3327    padding-bottom: 8px;
3328    border-bottom: 2px solid #e53935; /* Garis Merah Tema */
3329  }
3330  
3331  .sidebar-post-item {
3332    display: flex;
3333    gap: 12px;
3334    align-items: center;
3335    padding: 10px 0;
3336    border-bottom: 1px dashed #e2e8f0;
3337  }
3338  
3339  .sidebar-post-item:last-child {
3340    border-bottom: none;
3341    padding-bottom: 0;
3342  }
3343  
3344  .sidebar-post-thumb {
3345    width: 75px;
3346    height: 75px;
3347    flex-shrink: 0;
3348    border-radius: 8px; /* Ujung Thumbnail Rounded Presisi */
3349    object-fit: cover;
3350    background-color: #f1f5f9;
3351  }
3352  
3353  .sidebar-post-info {
3354    flex-grow: 1;
3355  }
3356  
3357  .sidebar-post-title {
3358    margin: 0;
3359    font-size: 13px;
3360    line-height: 1.4;
3361    font-weight: bold;
3362  }
3363  
3364  .sidebar-post-title a {
3365    color: #1e293b;
3366    text-decoration: none;
3367    transition: color 0.2s;
3368  }
3369  
3370  .sidebar-post-title a:hover {
3371    color: #e53935; /* Hover Merah Tema */
3372  }
3373
3374  .sidebar-post-date {
3375    font-size: 11px;
3376    color: #94a3b8;
3377    margin-top: 4px;
3378    display: block;
3379  }
3380</style>
3381
3382<div class="sidebar-posts-widget">
3383  <!-- Judul Widget (Bisa diganti: BERITA TERBARU / POSTINGAN TERBARU) -->
3384  <h3 class="sidebar-widget-title">BERITA TERBARU</h3>
3385  <div id="sidebar-latest-posts"></div>
3386</div>
3387
3388<script>
3389  var sidebarPostCount = 4; // Jumlah postingan yang ingin ditampilkan di sidebar
3390
3391  function renderSidebarPosts(json) {
3392    var container = document.getElementById('sidebar-latest-posts');
3393    var html = '';
3394    
3395    if (json.feed.entry) {
3396      for (var i = 0; i < json.feed.entry.length; i++) {
3397        var entry = json.feed.entry[i];
3398        var title = entry.title.$t;
3399        var postUrl = '';
3400        
3401        // Mengambil URL Artikel
3402        for (var j = 0; j < entry.link.length; j++) {
3403          if (entry.link[j].rel === 'alternate') {
3404            postUrl = entry.link[j].href;
3405            break;
3406          }
3407        }
3408        
3409       // Mengambil Thumbnail Presisi (High Resolution / Auto Crop)
3410// Mengambil Thumbnail Presisi (High Resolution / Auto Crop)
3411var thumbUrl = '';
3412if (entry.media$thumbnail) {
3413  var url = entry.media$thumbnail.url;
3414  thumbUrl = url.replace(/\/s\d+(?:-[^\/]+)?\//, '/w600-h400-p-k-no-nu/').replace(/\/w\d+(?:-h\d+)?(?:-[^\/]+)?\//, '/w600-h400-p-k-no-nu/');
3415} else if (entry.content && entry.content.$t.indexOf('<img') !== -1) {
3416  var srcMatch = entry.content.$t.match(/src=["']([^"']+)["']/);
3417  if (srcMatch) {
3418    var rawSrc = srcMatch[1];
3419    thumbUrl = rawSrc.replace(/\/s\d+(?:-[^\/]+)?\//, '/w600-h400-p-k-no-nu/').replace(/\/w\d+(?:-h\d+)?(?:-[^\/]+)?\//, '/w600-h400-p-k-no-nu/');
3420  }
3421}
3422        
3423        // Fallback jika artikel tidak memiliki gambar
3424        if (!thumbUrl) {
3425          thumbUrl = 'https://via.placeholder.com/150x150/e2e8f0/94a3b8?text=No+Image';
3426        }
3427        
3428        html += '<div class="sidebar-post-item">';
3429        html += '<a href="' + postUrl + '"><img class="sidebar-post-thumb" src="' + thumbUrl + '" alt="' + title + '" /></a>';
3430        html += '<div class="sidebar-post-info">';
3431        html += '<h4 class="sidebar-post-title"><a href="' + postUrl + '">' + title + '</a></h4>';
3432        html += '</div>';
3433        html += '</div>';
3434      }
3435    }
3436    container.innerHTML = html;
3437  }
3438</script>
3438
3439
3440<!-- Mengambil Feed Postingan Terbaru -->
3441<script src="/feeds/posts/summary?alt=json-in-script&max-results=4&callback=renderSidebarPosts"></script>
3441
3442</div>
3443<div class='clear'></div>
3444</div><div class='widget HTML' data-version='1' id='HTML2'>
3445<div class='widget-content'>
3446<!-- AdSense Sticky Sidebar -->
3447<div class="tj-sticky-ad">
3448
3449  <ins class="adsbygoogle"
3450       style="display:block"
3451       data-ad-client="ca-pub-1783745483990845"
3452       data-ad-slot="2055199104"
3453       data-ad-format="auto"
3454       data-full-width-responsive="true"></ins>
3455
3456  
3456<script>
3457    (adsbygoogle = window.adsbygoogle || []).push({});
3458  </script>
3458
3459
3460</div>
3461
3462<style>
3463.tj-sticky-ad {
3464  position: sticky;
3465  top: 25px;
3466  width: 100%;
3467  margin: 15px 0;
3468}
3469</style>
3470</div>
3471<div class='clear'></div>
3472</div><div class='widget PopularPosts' data-version='1' id='PopularPosts1'>
3473<h2>Berita Populer</h2>
3474<div class='widget-content popular-posts'>
3475<ul>
3476<li>
3477<div class='item-thumbnail-only'>
3478<div class='item-thumbnail'>
3479<a href='https://www.tatarjabar.com/2020/01/golok-sunda-yang-mistis-dan-legendaris.html' target='_blank'>
3480<img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWw5VTIUpk2_CV3zJTeDL1uRJGV7SKuL70U4KgMXgvPKYuljJQJg_93EIhGpnPSKLe2oB6vXPzazGoJ8uvpna5eB-R1bopaAUEmghGYN8LzhD-4zEAwgMHXqSmgE6MXdeFpalohEOMZcFF/w72-h72-p-k-no-nu/Bedog+Si+Cepot.jpg'/>
3481</a>
3482</div>
3483<div class='item-title'><a href='https://www.tatarjabar.com/2020/01/golok-sunda-yang-mistis-dan-legendaris.html'>Golok Sunda yang Mistis dan Legendaris</a></div>
3484</div>
3485<div style='clear: both;'></div>
3486</li>
3487<li>
3488<div class='item-thumbnail-only'>
3489<div class='item-thumbnail'>
3490<a href='https://www.tatarjabar.com/2020/08/tizi-restoran-legendaris-dari-kota.html' target='_blank'>
3491<img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX583ku00AdJo4oiPdUkhG-6KYuzjIboc5rlpBGVg43jGO3JCKu3SE9NWrLYmQWFy0rkrD7MH6mT-JhGb5ntrZIxCcfSo2pYoIE7OUkUqUmEpU5h_7yAVsSaC0yB4_SDae0H-8zeIOxEjG/w72-h72-p-k-no-nu/1.+Tamu+betah+berlama-lama+karena+diperlakukan+seperti+keluarga.jpeg'/>
3492</a>
3493</div>
3494<div class='item-title'><a href='https://www.tatarjabar.com/2020/08/tizi-restoran-legendaris-dari-kota.html'>TIZI - Restoran Legendaris dari Kota Bandung                                                    </a></div>
3495</div>
3496<div style='clear: both;'></div>
3497</li>
3498<li>
3499<div class='item-thumbnail-only'>
3500<div class='item-thumbnail'>
3501<a href='https://www.tatarjabar.com/2024/07/evha-tiara-oktova-sarjana-ekonomi-unpad.html' target='_blank'>
3502<img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0CpSyjxvMn3gtTg3mXJ7OZ4qyjk1efxSiIl9DWLXVOEm8CN18R8CdjR-jJAvXcv9UKHvHL_ujaLqj_hz1ZIJ92gqIaKGD8peL5-Wen0lbddyYEDZE1UeiYaV9RnOvrLcVOgRtI1V6S-1wN6SgTt3Zmjgij1OAs-ZE5EnjibLDWJj5WJkWQo44iRD7Cra4/w72-h72-p-k-no-nu/01%20Evha%20Tiara%20bersama%20keluarga%20(Foto%20dok.%20pribadi).jpeg'/>
3503</a>
3504</div>
3505<div class='item-title'><a href='https://www.tatarjabar.com/2024/07/evha-tiara-oktova-sarjana-ekonomi-unpad.html'>Evha Tiara Oktova, Sarjana Ekonomi Unpad Sukses Bisnis Logam Mulya dan Perhiasan Emas </a></div>
3506</div>
3507<div style='clear: both;'></div>
3508</li>
3509<li>
3510<div class='item-thumbnail-only'>
3511<div class='item-thumbnail'>
3512<a href='https://www.tatarjabar.com/2024/04/alpina-legenda-tas-dan-alat-alat.html' target='_blank'>
3513<img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUrhVfajRM0XkkZ4K-g1RmaUJyr58JzauOFoyCjDJTVMPAGCneQEdw0IYwzNFgrlHGPO4vbs_x4bQDx3SgWm3noZDCd-PW8I_FoJWXOPXzZdlnNo4uIciWHZPb9ruAxxHrSK42yuiL61l4h1l9-NqnhetBdCB3pz5wsxroVovTKxkgbFPEY0tJortQuKd3/w72-h72-p-k-no-nu/01%20Faidjan%20Adriyanto%20di%20depan%20showroom%20Alpina%20(Foto%20Asep%20GP).jpeg'/>
3514</a>
3515</div>
3516<div class='item-title'><a href='https://www.tatarjabar.com/2024/04/alpina-legenda-tas-dan-alat-alat.html'>Alpina - Legenda Tas dan Alat-alat Outdoor dari Bandung Itu Masih Ada </a></div>
3517</div>
3518<div style='clear: both;'></div>
3519</li>
3520<li>
3521<div class='item-thumbnail-only'>
3522<div class='item-thumbnail'>
3523<a href='https://www.tatarjabar.com/2021/06/hebat-oktafiany-parasya-puspa-siswa.html' target='_blank'>
3524<img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRTGVJ_W0XHCHNmkM4fuXk9HxwJ6nOZp9EgkvBCKRR1UZCWHPxzBKhQ5qODrIHota8ZJ18OuUdK74W08FFgRJGbSYMuHQ61VAXC3L9OdTYldFkGNYc8dfOK5VqQOjUeAFyuPvu3ZiUDQ4l/w72-h72-p-k-no-nu/1.+Oktafiany+Parasya+Puspa%252C+Hape+lebih+baik+dipakai+untuk+berkarya.jpeg'/>
3525</a>
3526</div>
3527<div class='item-title'><a href='https://www.tatarjabar.com/2021/06/hebat-oktafiany-parasya-puspa-siswa.html'>Hebat, Oktafiany Parasya Puspa, Siswa kelas 5 SD, Karya Gambar Digitalnya Diikutkan di Pameran &#8220;Asean Digital Art Society (ASEDAS) 2021&#8221;   </a></div>
3528</div>
3529<div style='clear: both;'></div>
3530</li>
3531</ul>
3532<div class='clear'></div>
3533</div>
3534</div></div>
3535</div>
3536</aside>
3537</div>
3538</div>
3539<!-- 3-Column Footer Area -->
3540<footer class='footer-wrapper'>
3541<div class='container'>
3542<div class='row'>
3543<!-- Kolom 1 Footer -->
3544<div class='col-md-4 mb-4'>
3545<div class='no-items section' id='footer-col-1'></div>
3546</div>
3547<!-- Pembungkus Baris Footer 3 Kolom -->
3548<div class='row' style='display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;'>
3549<!-- Kolom 1: Logo & Alamat -->
3550<div class='col-md-4 mb-4' style='flex: 0 0 33.333333%; max-width: 33.333333%; padding-right: 15px; padding-left: 15px; box-sizing: border-box;'>
3551<a href='https://tatarjabar.com'>
3552<img alt='Logo Tatar Jabar' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0RVqwlGXWSLgdaGmWAmNBfchfblQ6u1xrxDJYK_g1hKN6xNWLk6gQpMDec4C5PLtIjJ9kKvxTUmny_Jqer-wiLCFVvPLCzfiWv8ZqlS5t55r0FmddVGiZd7GaX2udh61Nrr0L-hHdj3t0E4zHEiEVbhiTjq2f-lyi71G9xlb3_h936BvITeBjeVHKX4QB/s300/Logo%20Tatar%20Jabar%20Blogger.png' style='max-height: 40px; margin-bottom: 15px;'/>
3553</a>
3554<p class='small text-muted mb-0'>
3555    Jl. Baladewa II No. 96 Bandung 40173 - Jawa Barat<br/>
3556    Email: [email protected]
3557  </p>
3558</div>
3559<!-- Kolom 2: Hubungi Kami (Sudah Ditukar) -->
3560<div class='col-md-4 mb-4' style='flex: 0 0 33.333333%; max-width: 33.333333%; padding-right: 15px; padding-left: 15px; box-sizing: border-box;'>
3561<h5 class='text-white mb-3' style='font-size: 1rem; font-weight: 700; text-transform: uppercase;'>Hubungi Kami</h5>
3562<p class='small text-muted mb-3'>
3563      Informasi dan Pemasangan Iklan Hubungi Nomor Telepon atau WhatsApp :<br/>
3564<strong class='text-white'>+62 085864419719</strong>
3565</p>
3566</div>
3567<!-- Kolom 3: Tentang Kami (Berupa Teks Paragraf) -->
3568<div class='col-md-4 mb-4' style='flex: 0 0 33.333333%; max-width: 33.333333%; padding-right: 15px; padding-left: 15px; box-sizing: border-box;'>
3569<h5 class='text-white mb-3' style='font-size: 1rem; font-weight: 700; text-transform: uppercase;'>Tentang Kami</h5>
3570<p class='small text-muted mb-0' style='line-height: 1.6;'>
3571    Ruang informasi yang menghadirkan kabar terkini, kisah inspiratif, dan peristiwa masyarakat. Disajikan secara faktual, objektif, dan bertanggung jawab.
3572  </p>
3573</div>
3574</div>
3575</div>
3576<hr class='bg-secondary border-secondary my-4'/>
3577<div class='text-center footer-copyright'>
3578        &#169; 
3578<script>document.write(new Date().getFullYear())</script>
3578
3579<a href='https://www.tatarjabar.com/'>Tatar Jabar</a>. All rights reserved.
3580      </div>
3581</div>
3582</footer>
3583<!-- Script Engine Fix Auto Ultra-HD Slider Loader -->
3584<script type='text/javascript'>
3585    //<![CDATA[
3586    function getOriginalHDImage(rawUrl) {
3587      if (!rawUrl) return 'https://via.placeholder.com/1200x600?text=No+Image';
3588      var fullHdUrl = rawUrl.replace(/\/s[0-9]+(-[a-z0-9]+)?\//g, '/s1600/')
3589                            .replace(/\/w[0-9]+-h[0-9]+(-[a-z0-9]+)?\//g, '/s1600/')
3590                            .replace(/\/s[0-9]+-c\//g, '/s1600/')
3591                            .replace(/\/w[0-9]+-h[0-9]+-c\//g, '/s1600/')
3592                            .replace(/\/s72-c\//g, '/s1600/')
3593                            .replace(/=w[0-9]+-h[0-9]+-[a-z0-9-]+/g, '=s1600')
3594                            .replace(/=s[0-9]+-[a-z0-9-]+/g, '=s1600');
3595      return fullHdUrl;
3596    }
3597
3598    $(document).ready(function(){
3599      $.ajax({
3600        url: "/feeds/posts/default?alt=json&max-results=5",
3601        type: 'GET',
3602        dataType: 'json',
3603        success: function(data) {
3604          var html = '';
3605          var entries = data.feed.entry || [];
3606          if(entries.length === 0){
3607            $('#slider-container').html('<div class="carousel-item active p-5 text-center text-white">Belum ada artikel.</div>');
3608            return;
3609          }
3610          for (var i = 0; i < entries.length; i++) {
3611            var entry = entries[i];
3612            var title = entry.title.$t;
3613            var link = '';
3614            for (var k = 0; k < entry.link.length; k++) {
3615              if (entry.link[k].rel == 'alternate') { link = entry.link[k].href; break; }
3616            }
3617            
3618            var img = '';
3619            if (entry.media$thumbnail && entry.media$thumbnail.url) {
3620              img = getOriginalHDImage(entry.media$thumbnail.url);
3621            } 
3622            if (entry.content && entry.content.$t) {
3623              var firstImgInContent = $(entry.content.$t).find('img:first').attr('src');
3624              if (firstImgInContent) {
3625                img = getOriginalHDImage(firstImgInContent);
3626              }
3627            }
3628            if (!img) {
3629              img = 'https://via.placeholder.com/1200x600?text=No+Image';
3630            }
3631            
3632            var activeClass = (i === 0) ? 'active' : '';
3633            html += '<div class="carousel-item ' + activeClass + '" style="background-image: url(\'' + img + '\');">';
3634            html += '<div class="carousel-caption">';
3635            html += '<h3><a href="' + link + '" class="text-white text-decoration-none">' + title + '</a></h3>';
3636            html += '</div></div>';
3637          }
3638          $('#slider-container').html(html);
3639        },
3640        error: function() {
3641          $('#slider-container').html('<div class="carousel-item active p-5 text-center text-white">Gagal memuat slider.</div>');
3642        }
3643      });
3644    });
3645    //]]>
3646  </script>
vendor: 1 bytes, line 3646
3646
3647<script>//<![CDATA[
3648function showRelatedPosts(json) {
3649  var container = document.getElementById('related-posts-container');
3650  if (!container) return;
3651
3652  if (!json.feed || !json.feed.entry || json.feed.entry.length === 0) {
3653    container.innerHTML = '<p class="text-muted small">Tidak ada berita terkait.</p>';
3654    return;
3655  }
3656
3657  var entries = json.feed.entry;
3658  var html = '<div class="row row-cols-1 row-cols-md-3 g-3">';
3659  var currentUrl = window.location.href.split('?')[0].split('#')[0];
3660  var count = 0;
3661
3662  for (var i = 0; i < entries.length; i++) {
3663    if (count >= 3) break;
3664    var entry = entries[i];
3665    var title = entry.title.$t;
3666    var postUrl = '';
3667
3668    for (var k = 0; k < entry.link.length; k++) {
3669      if (entry.link[k].rel === 'alternate') {
3670        postUrl = entry.link[k].href;
3671        break;
3672      }
3673    }
3674
3675    if (postUrl === currentUrl) continue;
3676
3677    var thumb = 'https://via.placeholder.com/400x250?text=No+Image';
3678    if (entry.media$thumbnail) {
3679      thumb = entry.media$thumbnail.url.replace(/\/s\d+(?:-[^\/]+)?\//, '/w600-h400-p-k-no-nu/').replace(/\/w\d+(?:-h\d+)?(?:-[^\/]+)?\//, '/w600-h400-p-k-no-nu/');
3680    }
3681
3682    html += '<div class="col">';
3683    html += '  <div class="card h-100 border-0 shadow-sm related-post-card">';
3684    html += '    <a href="' + postUrl + '">';
3685    html += '      <img src="' + thumb + '" class="card-img-top related-post-img" alt="' + title + '">';
3686    html += '    </a>';
3687    html += '    <div class="card-body p-3">';
3688    html += '      <h6 class="card-title fw-bold m-0" style="font-size: 0.95rem; line-height: 1.4;">';
3689    html += '        <a href="' + postUrl + '" class="text-decoration-none text-dark">' + title + '</a>';
3690    html += '      </h6>';
3691    html += '    </div>';
3692    html += '  </div>';
3693    html += '</div>';
3694
3695    count++;
3696  }
3697
3698  html += '</div>';
3699  container.innerHTML = (count > 0) ? html : '<p class="text-muted small">Tidak ada berita terkait lainnya.</p>';
3700}
3701//]]></script>
3701
3702<!-- Tombol Back to Top -->
3703<button id='backToTopBtn' onclick='topFunction()' style='display: none; position: fixed; bottom: 20px; right: 20px; z-index: 99; width: 48px; height: 48px; font-size: 18px; border: none; outline: none; background-color: #dc3545; color: white; cursor: pointer; padding: 0; border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.2); transition: background-color 0.2s;' title='Ke Atas'>
3704  &#9650;
3705</button>
3706<script>
3707// Munculkan tombol saat halaman di-scroll ke bawah sejauh 300px
3708window.onscroll = function() {scrollFunction()};
3709
3710function scrollFunction() {
3711  var btn = document.getElementById("backToTopBtn");
3712  if (document.body.scrollTop > 300 || document.documentElement.scrollTop > 300) {
3713    btn.style.display = "block";
3714  } else {
3715    btn.style.display = "none";
3716  }
3717}
3718
3719// Fungsi saat tombol diklik, halaman otomatis naik ke atas dengan smooth
3720function topFunction() {
3721  window.scrollTo({top: 0, behavior: 'smooth'});
3722}
3723</script>
3723
3724<!-- SCRIPT PERBAIKAN THUMBNAIL BLUR TATARJABAR - V5 -->
3725<script type='text/javascript'>
3726//<![CDATA[
3727(function() {
3728  var thumbSelectors = [
3729    '.post-thumb-img',
3730    '.sidebar-post-thumb',
3731    '.related-post-img',
3732    '.tj-random-thumb-box img',
3733    '.PopularPosts .item-thumbnail img',
3734    '.related-img-wrap img',
3735    '.custom-twocol-outer-box .card-img-top'
3736  ];
3737
3738  function upgradeBloggerThumbUrl(url) {
3739    if (!url || !/googleusercontent\.com|blogspot\.com/i.test(url)) return url;
3740    var out = url;
3741    out = out.replace(/\/s[0-9]+(?:-[^\/]+)?\//i, '/s1600/')
3742             .replace(/\/w[0-9]+(?:-h[0-9]+)?(?:-[^\/]+)?\//i, '/s1600/');
3743    out = out.replace(/=w[0-9]+(?:-h[0-9]+)?(?:-[a-z0-9-]+)?/ig, '=s1600')
3744             .replace(/=s[0-9]+(?:-[a-z0-9-]+)?/ig, '=s1600');
3745    return out;
3746  }
3747
3748  function upgradeThumbs() {
3749    document.querySelectorAll(thumbSelectors.join(',')).forEach(function(img) {
3750      var src = img.getAttribute('data-src') || img.getAttribute('src') || '';
3751      var upgraded = upgradeBloggerThumbUrl(src);
3752      if (upgraded && upgraded !== src) {
3753        img.setAttribute('src', upgraded);
3754        if (img.hasAttribute('data-src')) img.setAttribute('data-src', upgraded);
3755      }
3756      if (img.hasAttribute('srcset')) img.removeAttribute('srcset');
3757      img.setAttribute('decoding', 'async');
3758    });
3759  }
3760
3761  function startThumbnailFix() {
3762    upgradeThumbs();
3763    var observer = new MutationObserver(function(mutations) {
3764      for (var i = 0; i < mutations.length; i++) {
3765        if (mutations[i].addedNodes && mutations[i].addedNodes.length) {
3766          upgradeThumbs();
3767          break;
3768        }
3769      }
3770    });
3771    if (document.body) observer.observe(document.body, { childList: true, subtree: true });
3772    setTimeout(upgradeThumbs, 300);
3773    setTimeout(upgradeThumbs, 1000);
3774    setTimeout(upgradeThumbs, 2500);
3775    setTimeout(upgradeThumbs, 5000);
3776  }
3777
3778  if (document.readyState === 'loading') {
3779    document.addEventListener('DOMContentLoaded', startThumbnailFix);
3780  } else {
3781    startThumbnailFix();
3782  }
3783})();
3784//]]>
3785</script>
vendor: 1 bytes, line 3785
3785
3786<script async='async' crossorigin='anonymous' src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1783745483990845'></script>
vendor: 1 bytes, line 3786
3786
3787<script type='text/javascript'>
3788//<![CDATA[
3789/* FINAL MOBILE FIX: bersihkan BR/paragraf kosong di antara foto dan teks */
3790(function () {
3791  function fixMobileImageSpacing() {
3792    if (window.innerWidth > 768) return;
3793
3794    var body = document.getElementById('tj-post-body');
3795    if (!body) return;
3796
3797    var images = body.querySelectorAll('img');
3798
3799    images.forEach(function (img) {
3800      var wrapper = img.closest('.separator, .tr-caption-container, figure') || img.parentElement;
3801      if (!wrapper || wrapper === body) return;
3802
3803      var next = wrapper.nextElementSibling;
3804
3805      /* Buang BR kosong setelah gambar */
3806      while (next && next.tagName === 'BR') {
3807        var remove = next;
3808        next = next.nextElementSibling;
3809        remove.remove();
3810      }
3811
3812      /* Buang paragraf yang benar-benar kosong / hanya berisi BR */
3813      while (next && next.tagName === 'P' && next.textContent.trim() === '') {
3814        var emptyP = next;
3815        next = next.nextElementSibling;
3816        emptyP.remove();
3817      }
3818
3819      /* Paragraf pertama setelah foto t
3819idak diberi margin atas */
3820      if (next && next.tagName === 'P') {
3821        next.style.setProperty('margin-top', '0', 'important');
3822        next.style.setProperty('padding-top', '0', 'important');
3823      }
3824    });
3825  }
3826
3827  function runMobileImageSpacingFix() {
3828    fixMobileImageSpacing();
3829    setTimeout(fixMobileImageSpacing, 100);
3830    setTimeout(fixMobileImageSpacing, 500);
3831  }
3832
3833  if (document.readyState === 'loading') {
3834    document.addEventListener('DOMContentLoaded', runMobileImageSpacingFix);
3835  } else {
3836    runMobileImageSpacingFix();
3837  }
3838
3839  window.addEventListener('resize', fixMobileImageSpacing);
3840})();
3841 //]]>
3842</script>
3842
3843<style id='tatarjabar-mobile-ads-v30'>
3844/* V30: Mobile affiliate + AdSense stability */
3845@media screen and (max-width: 768px) {
3846  #HTML10 { margin-left: 0 !important; margin-right: 0 !important; }
3847  #HTML10 .widget-content { overflow: visible !important; }
3848  #HTML10 a { display: block !important; width: 100% !important; }
3849  #HTML10 img { width: 100% !important; height: auto !important; min-height: 1px !important; object-fit: contain !important; }
3850
3851  .tj-sticky-ad-wrapper {
3852    min-height: 0 !important;
3853    height: auto !important;
3854    max-width: 100% !important;
3855    overflow: hidden !important;
3856    margin: 12px auto !important;
3857  }
3858
3859  /* Jangan menyisakan blok kosong besar jika AdSense tidak mengisi slot. */
3860  .tj-sticky-ad-wrapper.tj-ad-empty {
3861    display: none !important;
3862  }
3863
3864  /* Slot iklan in-article tidak memaksa tinggi ketika belum terisi. */
3865  .tj-in-article-ad { min-height: 0 !important; overflow: hidden !important; }
3866}
3867</style>
3868<script type='text/javascript'>
3869//<![CDATA[
3870(function(){
3871  function imageProxyFix(){
3872    if (window.innerWidth > 768) return;
3873    var imgs = document.querySelectorAll('#tatarjabarShopeeWidget img[data-original-src]');
3874    for (var i=0;i<imgs.length;i++){
3875      var img=imgs[i];
3876      if (img.dataset.proxyPrepared) continue;
3877      img.dataset.proxyPrepared='1';
3878      img.referrerPolicy='no-referrer';
3879      var original=img.getAttribute('data-original-src');
3880      if (original && img.src === original) {
3881        img.src='https://wsrv.nl/?url='+encodeURIComponent(original);
3882      }
3883    }
3884  }
3885
3886  function watchAds(){
3887    var ads=document.querySelectorAll('.tj-sticky-ad-wrapper, .tj-in-article-ad');
3888    for (var i=0;i<ads.length;i++){
3889      var box=ads[i];
3890      if (box.dataset.adWatch) continue;
3891      box.dataset.adWatch='1';
3892      var check=function(){
3893        var b=this;
3894        var filled=b.querySelector('iframe, ins.adsbygoogle[data-ad-status="filled"]');
3895        var ins=b.querySelector('ins.adsbygoogle');
3896        if (filled){ b.classList.remove('tj-ad-empty'); return; }
3897        if (ins && ins.getAttribute('data-ad-status') === 'unfilled') b.classList.add('tj-ad-empty');
3898      }.bind(box);
3899      setTimeout(check, 8000);
3900      setTimeout(check, 15000);
3901      if (window.MutationObserver){
3902        new MutationObserver(function(){ check(); }).observe(box,{childList:true,subtree:true,attributes:true,attributeFilter:['data-ad-status']});
3903      }
3904    }
3905  }
3906
3907  function run(){ imageProxyFix(); watchAds(); }
3908  if(document.readyState==='loading') document.addEventListener('DOMContentLoaded',run); else run();
3909  setTimeout(run,1500); setTimeout(run,4000);
3910})();
3911//]]>
3912</script>
3912
3913<!-- FINAL OVERRIDE: BERITA POPULER tanpa blok hitam saat hover -->
3914<style id='tj-popular-no-black-hover'>
3915.PopularPosts .item-title a:hover,
3916.PopularPosts .item-title:hover,
3917.PopularPosts li:hover .item-title a {
3918  background: #fff !important;
3919  background-color: #fff !important;
3920  color: inherit !important;
3921  border-color: #eee !important;
3922  transform: none !important;
3923  box-shadow: none !important;
3924  text-decoration: none !important;
3925}
3926</style>
3927<style id='tj-final-popular-related-layout-v6'>
3928/* =========================================================
3929   BERITA POPULER &#8212; konsep sama seperti BERITA PILIHAN SIDEBAR
3930   1 kolom, full width sidebar, tanpa slider/panah/hover hitam
3931   ========================================================= */
3932.widget.PopularPosts ul {
3933  width: 100% !important;
3934  box-sizing: border-box !important;
3935}
3936
3937.widget.PopularPosts li {
3938  width: 100% !important;
3939  box-sizing: border-box !important;
3940  margin: 0 0 10px 0 !important;
3941  padding: 0 !important;
3942}
3943
3944.widget.PopularPosts li .item-thumbnail-only,
3945.widget.PopularPosts li .item-content {
3946  width: 100% !important;
3947  display: block !important;
3948  box-sizing: border-box !important;
3949  margin: 0 !important;
3950  padding: 0 !important;
3951}
3952
3953.widget.PopularPosts li .item-thumbnail,
3954.widget.PopularPosts li .item-thumbnail a,
3955.widget.PopularPosts li .item-thumbnail img {
3956  width: 100% !important;
3957  max-width: 100% !important;
3958  box-sizing: border-box !important;
3959}
3960
3961.widget.PopularPosts li .item-thumbnail a {
3962  display: block !important;
3963  margin: 0 !important;
3964  padding: 0 !important;
3965  background: transparent !important;
3966  border: 0 !important;
3967  border-radius: 9px !important;
3968}
3969
3970.widget.PopularPosts li .item-thumbnail img {
3971  display: block !important;
3972  height: 150px !important;
3973  object-fit: cover !important;
3974  border-radius: 9px !important;
3975  margin: 0 !important;
3976  padding: 0 !important;
3977}
3978
3979/* Judul menjadi blok tepat selebar foto */
3980.widget.PopularPosts li .item-title {
3981  width: 100% !important;
3982  margin: 0 !important;
3983  padding: 10px 12px !important;
3984  box-sizing: border-box !important;
3985  background: #fff !important;
3986  border: 1px solid #e9ecef !important;
3987  border-radius: 8px !important;
3988}
3989
3990.widget.PopularPosts li .item-title a,
3991.widget.PopularPosts li .item-title a:hover {
3992  display: block !important;
3993  width: 100% !important;
3994  margin: 0 !important;
3995  padding: 0 !important;
3996  box-sizing: border-box !important;
3997  background: #fff !important;
3998  background-color: #fff !important;
3999  color: #333 !important;
4000  border: 0 !important;
4001  border-radius: 0 !important;
4002  transform: none !important;
4003  box-shadow: none !important;
4004  text-decoration: none !important;
4005}
4006
4007/* Jangan beri efek hover pada seluruh kartu */
4008.widget.PopularPosts li:hover,
4009.widget.PopularPosts li:hover .item-title,
4010.widget.PopularPosts li:hover .item-title a {
4011  background: transparent !important;
4012  background-color: transparent !important;
4013  transform: none !important;
4014  box-shadow: none !important;
4015}
4016
4017/* =========================================================
4018   BERITA TERKAIT &#8212; thumbnail seragam dan rounded 4 sudut
4019   ========================================================= */
4020.related-post-card {
4021  overflow: hidden !important;
4022}
4023
4024.related-post-card .related-post-img,
4025.related-post-img {
4026  display: block !important;
4027  width: 100% !important;
4028  max-width: 100% !important;
4029  height: 160px !important;
4030  aspect-ratio: 3 / 2 !important;
4031  object-fit: cover !important;
4032  border-radius: 9px !important;
4033  margin: 0 !important;
4034  padding: 0 !important;
4035}
4036
4037/* Jangan biarkan CSS artikel mengalahkan thumbnail terkait */
4038.post-body .related-post-img,
4039.article-content .related-post-img,
4040#tj-post-body .related-post-img,
4041.entry-content .related-post-img {
4042  width: 100% !important;
4043  height: 160px !important;
4044  max-width: 100% !important;
4045  aspect-ratio: 3 / 2 !important;
4046  object-fit: cover !important;
4047  border-radius: 9px !important;
4048  margin: 0 !important;
4049}
4050</style>
4051<style id='tj-final-popular-title-hover-red'>
4052/* BERITA POPULER &#8212; judul artikel berubah merah saat disorot */
4053.widget.PopularPosts li .item-title a:hover {
4054  color: #e53935 !important;
4055}
4056</style>
4057
4058<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/851759228-widgets.js"></script>
vendor: 1 bytes, line 4058
4058
4059<script type='text/javascript'>
4060window['__wavt'] = 'AAPvtVlUxFbbg_-bGEOJtramiOUp:1790309203202';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d8933285899404174265','//www.tatarjabar.com/2026/09/peduli-duka-lions-club-menjangkau-titik.html','8933285899404174265');
4061_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '8933285899404174265', 'title': 'Tatar Jabar', 'url': 'https://www.tatarjabar.com/2026/09/peduli-duka-lions-club-menjangkau-titik.html', 'canonicalUrl': 'https://www.tatarjabar.com/2026/09/peduli-duka-lions-club-menjangkau-titik.html', 'homepageUrl': 'https://www.tatarjabar.com/', 'searchUrl': 'https://www.tatarjabar.com/search', 'canonicalHomepageUrl': 'https://www.tatarjabar.com/', 'blogspotFaviconUrl': 'https://www.tatarjabar.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'UA-156031518-1', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Tatar Jabar - Atom\x22 href\x3d\x22https://www.tatarjabar.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Tatar Jabar - RSS\x22 href\x3d\x22https://www.tatarjabar.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Tatar Jabar - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/8933285899404174265/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Tatar Jabar - Atom\x22 href\x3d\x22https://www.tatarjabar.com/feeds/3766394866867706605/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-1783745483990845', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': true, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/7ce469edaf870342', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}
4061, 'hasCustomJumpLinkMessage': true, 'jumpLinkMessage': 'Selengkapnya \xbb', 'pageType': 'item', 'postId': '3766394866867706605', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzznKtuT_G6wvFUp4pNiGsCeliv1pNIfupOagLkOS5oBlp5Ua59PFJR06nSL6X9ATE4RjWQ3s4aCFdoekWogVAmVFzkpcs8cD9JFEgomPij1_xxOELvCG81JRwdcHAG-MX1Mcmjc2PY6tfw599P-ElaPMndqkrm0mo2BbAOJXTdl9aR7BE1hW44OLZDEj6/s72-w534-c-h640/01.jpg', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzznKtuT_G6wvFUp4pNiGsCeliv1pNIfupOagLkOS5oBlp5Ua59PFJR06nSL6X9ATE4RjWQ3s4aCFdoekWogVAmVFzkpcs8cD9JFEgomPij1_xxOELvCG81JRwdcHAG-MX1Mcmjc2PY6tfw599P-ElaPMndqkrm0mo2BbAOJXTdl9aR7BE1hW44OLZDEj6/w534-h640/01.jpg', 'pageName': 'Peduli Duka Lions Club Menjangkau Titik-Titik Masyarakat yang Sangat Membutuhkan', 'pageTitle': 'Tatar Jabar: Peduli Duka Lions Club Menjangkau Titik-Titik Masyarakat yang Sangat Membutuhkan', 'metaDescription': ''}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Peduli Duka Lions Club Menjangkau Titik-Titik Masyarakat yang Sangat Membutuhkan', 'description': '', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzznKtuT_G6wvFUp4pNiGsCeliv1pNIfupOagLkOS5oBlp5Ua59PFJR06nSL6X9ATE4RjWQ3s4aCFdoekWogVAmVFzkpcs8cD9JFEgomPij1_xxOELvCG81JRwdcHAG-MX1Mcmjc2PY6tfw599P-ElaPMndqkrm0mo2BbAOJXTdl9aR7BE1hW44OLZDEj6/w534-h640/01.jpg', 'url': 'https://www.tatarjabar.com/2026/09/peduli-duka-lions-club-menjangkau-titik.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 3766394866867706605}}, {'name': 'widgets', 'data': [{'title': 'Tatar Jabar (Header)', 'type': 'Header', 'sectionId': 'header-logo', 'id': 'Header1'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'main-posts', 'id': 'Blog1', 'posts': [{'id': '3766394866867706605', 'title': 'Peduli Duka Lions Club Menjangkau Titik-Titik Masyarakat yang Sangat Membutuhkan', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzznKtuT_G6wvFUp4pNiGsCeliv1pNIfupOagLkOS5oBlp5Ua59PFJR06nSL6X9ATE4RjWQ3s4aCFdoekWogVAmVFzkpcs8cD9JFEgomPij1_xxOELvCG81JRwdcHAG-MX1Mcmjc2PY6tfw599P-ElaPMndqkrm0mo2BbAOJXTdl9aR7BE1hW44OLZDEj6/w534-h640/01.jpg', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'author', 'label': 'By'}, {'name': 'timestamp', 'label': 'on'}, {'name': 'share', 'label': ''}]}, 'footerBylines': [{'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Labels:'}]}], 'allBylineItems': [{'name': 'author', 'label': 'By'}, {'name': 'timestamp', 'label': 'on'}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': 'Labels:'}]}, {'title': '', 'type': 'HTML', 'sectionId': 'main-posts', 'id': 'HTML3'}, {'title': '', 'type': 'HTML', 'sectionId': 'main-posts', 'id': 'HTML6'}, {'title': '', 'type': 'HTML', 'sectionId': 'main-posts', 'id': 'HTML5'}, {'title': '', 'type': 'HTML', 'sectionId': 'main-posts', 'id': 'HTML10'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar-widgets', 'id': 'HTML8'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar-widgets', 'id': 'HTML4'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar-widgets', 'id': 'HTML9'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar-widgets', 'id': 'HTML1'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar-widgets', 'id': 'HTML11'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar-widgets', 'id': 'HTML7'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar-widgets', 'id': 'HTML2'}, {'title': 'Berita Populer', 'type': 'PopularPosts', 'sectionId': 'sidebar-widgets', 'id': 'PopularPosts1', 'posts': [{'title': 'Golok Sunda yang Mistis dan Legendaris', 'id': '1431240880530562870'}, {'title': 'TIZI - Restoran Legendaris dari Kota Bandung                                                    ', 'id': '3065883774763697441'}, {'title': 'Evha Tiara Oktova, Sarjana Ekonomi Unpad Sukses Bisnis Logam Mulya dan Perhiasan Emas ', 'id': '6237073910136997494'}
4061, {'title': 'Alpina - Legenda Tas dan Alat-alat Outdoor dari Bandung Itu Masih Ada ', 'id': '7007697515687908118'}, {'title': 'Hebat, Oktafiany Parasya Puspa, Siswa kelas 5 SD, Karya Gambar Digitalnya Diikutkan di Pameran \u201cAsean Digital Art Society (ASEDAS) 2021\u201d   ', 'id': '3755471646565427783'}]}]}]);
4062_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header-logo', document.getElementById('Header1'), {}, 'displayModeFull'));
4063_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main-posts', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/120969204-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));
4064_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'main-posts', document.getElementById('HTML3'), {}, 'displayModeFull'));
4065_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'main-posts', document.getElementById('HTML6'), {}, 'displayModeFull'));
4066_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'main-posts', document.getElementById('HTML5'), {}, 'displayModeFull'));
4067_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'main-posts', document.getElementById('HTML10'), {}, 'displayModeFull'));
4068_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'sidebar-widgets', document.getElementById('HTML8'), {}, 'displayModeFull'));
4069_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'sidebar-widgets', document.getElementById('HTML4'), {}, 'displayModeFull'));
4070_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML9', 'sidebar-widgets', document.getElementById('HTML9'), {}, 'displayModeFull'));
4071_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar-widgets', document.getElementById('HTML1'), {}, 'displayModeFull'));
4072_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'sidebar-widgets', document.getElementById('HTML11'), {}, 'displayModeFull'));
4073_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'sidebar-widgets', document.getElementById('HTML7'), {}, 'displayModeFull'));
4074_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar-widgets', document.getElementById('HTML2'), {}, 'displayModeFull'));
4075_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar-widgets', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
4076</script>
4076
4077</body>
4078</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.