PageSourceSearch

https://www.tatarjabar.com/p/privacy-policy-for-tatar-jabar-at-tatar.html

html tatarjabar.com collected 2026-10-02 16:44:20 UTC 139,737 bytes, 4,063 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>Privacy Policy</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://draft.blogger.com/dyncss/8933285899404174265/
962authorization.css?zx=6492c3ac-dd5b-4a67-b3c6-0bebfc90a0f9' media='none' onload='if(media!=&#39;all&#39;)media=&#39;all&#39;' rel='stylesheet'/><noscript><link href='https://draft.blogger.com/dyncss/8933285899404174265/authorization.css?zx=6492c3ac-dd5b-4a67-b3c6-0bebfc90a0f9' 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'>Privacy Policy</h1>
1488<div class='article-content'>
1489<div id='tj-post-body'>
1490<span style="font-size: x-large;">Privacy Policy for Tatar Jabar</span><div>
1491<span style="font-size: x-large;"><br /></span>At Tatar Jabar, accessible from https://www.tatarjabar.com/, one of our main priorities is the privacy of our visitors. This Privacy Policy document contains types of information that is collected and recorded by Tatar Jabar and how we use it.<br />
1492If you have additional questions or require more information about our Privacy Policy, do not hesitate to contact us.<br />
1493<br />
1494<span style="font-size: large;"><b>Log Files</b></span></div>
1495<div>
1496<span style="font-size: large;"><br /></span>Tatar Jabar follows a standard procedure of using log files. These files log visitors when they visit websites. All hosting companies do this and a part of hosting services' analytics. The information collected by log files include internet protocol (IP) addresses, browser type, Internet Service Provider (ISP), date and time stamp, referring/exit pages, and possibly the number of clicks. These are not linked to any information that is personally identifiable. The purpose of the information is for analyzing trends, administering the site, tracking users' movement on the website, and gathering demographic information.<br />
1497<br />
1498<span style="font-size: large;"><b>Cookies and Web Beacons</b></span></div>
1499<div>
1500<span style="font-size: large;"><br /></span>Like any other website, Tatar Jabar uses 'cookies'. These cookies are used to store information including visitors' preferences, and the pages on the website that the visitor accessed or visited. The information is used to optimize the users' experience by customizing our web page content based on visitors' browser type and/or other information.<br />
1501<br />
1502<span style="font-size: large;"><b>Google DoubleClick DART Cookie</b></span></div>
1503<div>
1504<span style="font-size: large;"><br /></span>Google is one of a third-party vendor on our site. It also uses cookies, known as DART cookies, to serve ads to our site visitors based upon their visit to www.website.com and other sites on the internet. However, visitors may choose to decline the use of DART cookies by visiting the Google ad and content network Privacy Policy at the following URL &#8211; <a href="https://policies.google.com/technologies/ads">https://policies.google.com/technologies/ads</a><br />
1505<br />
1506<span style="font-size: large;"><b>Our Advertising Partners</b></span></div>
1507<div>
1508<span style="font-size: large;"><br /></span>Some of advertisers on our site may use cookies and web beacons. Our advertising partners are listed below. Each of our advertising partners has their own Privacy Policy for their policies on user data. For easier access, we hyperlinked to their Privacy Policies below.<br />
1509<ul>
1510<li>
1511        Google<br />
1512
1513        <a href="https://policies.google.com/technologies/ads">https://policies.google.com/technologies/ads</a><br />
1514
1515    </li>
1516</ul>
1517<span style="font-size: large;"><b>Privacy Policies</b></span></div>
1518<div>
1519<br />You may consult this list to find the Privacy Policy for each of the advertising partners of Tatar Jabar. Our Privacy Policy was created with the help of the <a href="https://www.privacypolicygenerator.org/">Free Privacy Policy Generator</a> and the <a href="https://www.privacypolicyonline.com/">Privacy Policy Generator Online</a>.<br />
1520Third-party ad servers or ad networks uses technologies like cookies, JavaScript, or Web Beacons that are used in their respective advertisements and links that appear on Tatar Jabar, which are sent directly to users' browser. They automatically receive your IP address when this occurs. These technologies are used to measure the effectiveness of their advertising campaigns and/or to personalize the advertising content that you see on websites that you visit.<br />
1521Note that Tatar Jabar has no access to or control over these cookies that are used by third-party advertisers.<br />
1522<br />
1523<span style="font-size: large;"><b>Third Party Privacy Policies</b></span></div>
1524<div>
1525<span style="font-size: large;"><br /></span>Tatar Jabar's Privacy Policy does not apply to other advertisers or websites. Thus, we are advising you to consult the respective Privacy Policies of these third-party ad servers for more detailed information. It may include their practices and instructions about how to opt-out of certain options. You may find a complete list of these Privacy Policies and their links here: Privacy Policy Links.<br />
1526You can choose to disable cookies through your individual browser options. To know more detailed information about cookie management with specific web browsers, it can be found at the browsers' respective websites. What Are Cookies?<br />
1527<br />
1528<span style="font-size: large;"><b>Children's Information</b></span></div>
1529<div>
1530<span style="font-size: large;"><br /></span>Another part of our priority is adding protection for children while using the internet. We encourage parents and guardians to observe, participate in, and/or monitor and guide their online activity.<br />
1531Tatar Jabar does not knowingly collect any Personal Identifiable Information from children under the age of 13. If you think that your child provided this kind of information on our website, we strongly encourage you to contact us immediately and we will do our best efforts to promptly remove such information from our records.<br />
1532<br />
1533<span style="font-size: large;"><b>Online Privacy Policy Only</b></span></div>
1534<div>
1535<br />This Privacy Policy applies only to our online activities and is valid for visitors to our website with regards to the information that they shared and/or collect in Tatar Jabar. This policy is not applicable to any information collected offline or via channels other than this website.<br />
1536<br />
1537<span style="font-size: large;"><b>Consent</b></span></div>
1538<div>
1539<br />By using our website, you hereby consent to our Privacy Policy and agree to its Terms and Conditions.<br />
1540<br />
1541<br /></div>
1542</div>
1543</div>
1544</article>
1545</div><div class='widget HTML' data-version='1' id='HTML3'>
1546<div class='widget-content'>
1547<div class="tatarjabar-widget" id="tatarjabarShopeeWidget">
1548    <h3 class="widget-title">Rekomendasi Produk</h3>
1549    <div id="shopee-widget-container"></div>
1550</div>
1551
1552<style>
1553.tatarjabar-widget {
1554    background: #fff;
1555    border: 1px solid #e0e0e0;
1556    border-radius: 12px;
1557    padding: 20px;
1558    margin: 20px 0;
1559    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
1560    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
1561}
1562
1563.tatarjabar-widget .widget-title {
1564    font-size: 18px;
1565    font-weight: 700;
1566    color: #333;
1567    margin: 0 0 15px;
1568    border-left: 4px solid #ee4d2d;
1569    padding-left: 10px;
1570}
1571
1572.tatarjabar-grid {
1573    display: grid;
1574    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
1575    gap: 15px;
1576}
1577
1578.affiliate-card {
1579    border: 1px solid #eee;
1580    border-radius: 8px;
1581    padding: 12px;
1582    text-align: center;
1583    background: #fff;
1584    display: flex;
1585    flex-direction: column;
1586    justify-content: space-between;
1587    box-sizing: border-box;
1588    transition: transform 0.2s ease, box-shadow 0.2s ease;
1589}
1590
1591.affiliate-card:hover {
1592    transform: translateY(-3px);
1593    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
1594}
1595
1596.affiliate-card .img-container {
1597    width: 100%;
1598    aspect-ratio: 1 / 1;
1599    overflow: hidden;
1600    border-radius: 10px;
1601    background: #f9f9f9;
1602    margin: 0;
1603}
1604
1605.affiliate-card > a {
1606    display: block;
1607    text-decoration: none !important;
1608    line-height: 0;
1609}
1610
1611.affiliate-card img {
1612    width: 100%;
1613    height: 100%;
1614    object-fit: cover;
1615    border-radius: 10px;
1616    display: block;
1617}
1618</style>
1619
1620<script>
1621(function() {
1622
1623    /* DAFTAR PRODUK AFFILIATE */
1624    var daftarProduk = [
1625        {
1626            link: "https://atid.me/adv.php?rk=00ieyn002rgo",
1627            img: "https://images.accesstrade.co.id/7ecd070e606afbf07a07c32e7267051f/859199_1284x1288_20240627031150717.png"
1628        },
1629        {
1630            link: "https://atid.me/adv.php?rk=00gems002rgo",
1631            img: "https://images.accesstrade.co.id/fb1378d0b80ae44aae0000a3cff0b90f/765460_250x300_20240226110046717.jpg"
1632        },
1633        {
1634            link: "https://atid.me/go/i1d3eM2y",
1635            img: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz7C-j_hZHf5Ex94R9lAsYaBAVH5_A6iTnVPuK7bW3Ixmcn6PiTRsVKFOynXgIgk6cvIuJM4j6kFOHh8Jy6gwxhRyZpqoKa4fa6ZwQCUhx7_ZPbWDOe5lCZGL6qKLN4FiWko2tNItckVp2JcmrBV7qfsMvBkJfAbAGBJeSMy52k-9PZ2DZ2qzYOCWIPXpj/s700/Mouse.jpeg"
1636        },
1637        {
1638            link: "https://s.shopee.co.id/3VjYOF515E",
1639            img: "https://down-id.img.susercontent.com/file/sg-11134201-824gf-mpm2ux1k8qh9a2@resize_w450_nl.webp"
1640        }
1641    ];
1642
1643    function tampilkanWidget() {
1644
1645        var container = document.getElementById("shopee-widget-container");
1646        var widget = document.getElementById("tatarjabarShopeeWidget");
1647
1648        if (!container || !widget) {
1649            return;
1650        }
1651
1652        /* Hanya tampil di halaman artikel Blogger (.html).
1653           Beranda, arsip, label, dan halaman statis disembunyikan. */
1654        var path = window.location.pathname || "";
1655        var isPostPage = /\.html$/i.test(path);
1656
1657        if (!isPostPage) {
1658            widget.style.setProperty("display", "none", "important");
1659            return;
1660        }
1661
1662        var htmlContent = '<div class="tatarjabar-grid">';
1663
1664        daftarProduk.forEach(function(item, index) {
1665
1666            /*
1667             * Gambar produk dimuat melalui proxy untuk semua perangkat.
1668             * Link affiliate TIDAK diubah.
1669             * Ini khusus untuk mengatasi hotlink/CDN gambar yang gagal dimuat.
1670             */
1671            var originalImage = item.img;
1672            /* Gambar Blogger/Googleusercontent dimuat langsung agar tidak rusak oleh proxy.
1673               Gambar CDN affiliate lainnya tetap memakai proxy seperti sebelumnya. */
1674            var isBloggerImage = /blogger\.googleusercontent\.com/i.test(originalImage);
1675            var imageUrl = isBloggerImage
1676                ? originalImage
1677                : (/^https:\/\//.test(originalImage)
1678                    ? 'https://wsrv.nl/?url=' + encodeURIComponent(originalImage)
1679                    : originalImage);
1680
1681            /* Placeholder SVG inline: tidak bergantung pada server gambar lain. */
1682            var fallbackImage = 'data:image/svg+xml;charset=UTF-8,' + encodeURIComponent(
1683                '<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 600 600">' +
1684                '<rect width="600" height="600" fill="#f5f5f5"/>' +
1685                '<text x="300" y="285" text-anchor="middle" font-family="Arial,sans-serif" font-size="28" fill="#777">Rekomendasi Produk</text>' +
1686                '<text x="300" y="325" text-anchor="middle" font-family="Arial,sans-serif" font-size="18" fill="#aaa">Lihat Harga</text>' +
1687                '</svg>'
1688            );
1689
1690            htmlContent +=
1691                '<div class="affiliate-card">' +
1692                    '<a href="' + item.link + '" target="_blank" rel="sponsored noopener">' +
1693                        '<div class="img-container">' +
1694                            '<img src="' + imageUrl + '" data-original-src="' + originalImage + '" data-fallback="' + fallbackImage + '" alt="Rekomendasi Produk" loading="eager" decoding="async" referrerpolicy="no-referrer">' +
1695                        '</div>' +
1696                    '</a>' +
1697                '</div>';
1698
1699        });
1700
1701        htmlContent += '</div>';
1702
1703        container.innerHTML = htmlContent;
1704
1705        var imgs = container.querySelectorAll('img[data-original-src]');
1706        for (var j = 0; j < imgs.length; j++) {
1707            (function(img) {
1708                img.addEventListener('error', function() {
1709                    var original = img.getAttribute('data-original-src');
1710                    var fallback = img.getAttribute('data-fallback');
1711
1712                    /* Coba sumber asli sekali. Jika tetap gagal, tampilkan placeholder. */
1713                    if (!img.dataset.directTried && original) {
1714                        img.dataset.directTried = '1';
1715                        img.src = original;
1716                        return;
1717                    }
1718
1719                    if (!img.dataset.fallbackTried && fallback) {
1720                        img.dataset.fallbackTried = '1';
1721                        img.src = fallback;
1722                    }
1723                });
1724            })(imgs[j]);
1725        }
1726    }
1727
1728    /* Jalankan setelah halaman selesai dimuat */
1729    if (document.readyState === "loading") {
1730        document.addEventListener("DOMContentLoaded", tampilkanWidget);
1731    } else {
1732        tampilkanWidget();
1733    }
1734
1735})();
1736</script>
1736
1737</div>
1738<div class='clear'></div>
1739</div><div class='widget HTML' data-version='1' id='HTML6'>
1740<div class='widget-content'>
1741<!-- Widget Random Posts 2 Kolom - tatarjabar.com -->
1742<style>
1743  .random-posts-container {
1744    display: grid;
1745    grid-template-columns: repeat(2, 1fr);
1746    gap: 16px;
1747    margin: 20px 0;
1748    font-family: Arial, sans-serif;
1749  }
1750  
1751  .random-post-card {
1752    background: #ffffff;
1753    border: 1px solid #e2e8f0;
1754    border-radius: 8px;
1755    padding: 16px;
1756    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
1757    transition: transform 0.2s, box-shadow 0.2s;
1758  }
1759  
1760  .random-post-card:hover {
1761    transform: translateY(-2px);
1762    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
1763  }
1764  
1765  .random-post-badge {
1766    display: inline-block;
1767    background-color: #e53935; /* Warna Merah Tema */
1768    color: #ffffff;
1769    font-size: 11px;
1770    font-weight: bold;
1771    text-transform: uppercase;
1772    padding: 3px 8px;
1773    border-radius: 4px;
1774    margin-bottom: 8px;
1775  }
1776  
1777  .random-post-title {
1778    margin: 0 0 8px 0;
1779    font-size: 16px;
1780    line-height: 1.3;
1781    font-weight: bold;
1782  }
1783  
1784  .random-post-title a {
1785    color: #0066cc; /* Warna Biru Link */
1786    text-decoration: none;
1787  }
1788  
1789  .random-post-title a:hover {
1790    color: #e53935;
1791  }
1792  
1793  .random-post-snippet {
1794    color: #4a5568;
1795    font-size: 13px;
1796    line-height: 1.5;
1797    margin: 0;
1798  }
1799
1800  /* Responsif untuk layar HP (1 kolom) */
1801  @media (max-width: 600px) {
1802    .random-posts-container {
1803      grid-template-columns: 1fr;
1804    }
1805  }
1806</style>
1807
1808<div class="random-posts-container" id="random-posts"></div>
1809
1810<script>
1811  // Pengaturan Jumlah Postingan
1812  var numberOfPosts = 2; // Menampilkan 2 postingan (1 per kolom)
1813  
1814  function showRandomPosts(json) {
1815    var totalEntries = json.feed.openSearch$totalResults.$t;
1816    var randomIndex = Math.floor(Math.random() * Math.max(1, totalEntries - numberOfPosts));
1817    
1818    // Fetch ulang data dengan offset acak
1819    var script = document.createElement('script');
1820    script.src = '/feeds/posts/summary?alt=json-in-script&start-index=' + (randomIndex + 1) + '&max-results=' + numberOfPosts + '&callback=renderRandomPosts';
1821    document.body.appendChild(script);
1822  }
1823
1824  function renderRandomPosts(json) {
1825    var container = document.getElementById('random-posts');
1826    var html = '';
1827    
1828    if (json.feed.entry) {
1829      for (var i = 0; i < json.feed.entry.length; i++) {
1830        var entry = json.feed.entry[i];
1831        var title = entry.title.$t;
1832        var snippet = entry.summary ? entry.summary.$t.substring(0, 110) + '...' : '';
1833        var postUrl = '';
1834        
1835        for (var j = 0; j < entry.link.length; j++) {
1836          if (entry.link[j].rel === 'alternate') {
1837            postUrl = entry.link[j].href;
1838            break;
1839          }
1840        }
1841        
1842        html += '<div class="random-post-card">';
1843        html += '<span class="random-post-badge">Baca Juga</span>';
1844        html += '<h3 class="random-post-title"><a href="' + postUrl + '">' + title + '</a></h3>';
1845        html += '<p class="random-post-snippet">' + snippet + '</p>';
1846        html += '</div>';
1847      }
1848    }
1849    container.innerHTML = html;
1850  }
1851</script>
1851
1852
1853<!-- Mengambil Feed Blogger -->
1854<script src="/feeds/posts/summary?alt=json-in-script&max-results=0&callback=showRandomPosts"></script>
1854
1855</div>
1856<div class='clear'></div>
1857</div><div class='widget HTML' data-version='1' id='HTML5'>
1858<div class='widget-content'>
1859<style type='text/css'>
1860@media screen and (max-width: 768px) {
1861  .post-body h1, .post-body h2, .post-body h3 {
1862    font-size: 22px !important;
1863    line-height: 1.3 !important;
1864    margin-bottom: 10px !important;
1865  }
1866}
1867.post-body img, .entry-content img {
1868  display: block !important;
1869  margin: 5px auto !important;
1870  max-width: 100% !important;
1871  height: auto !important;
1872}
1873.post-body .separator, .post-body a {
1874  margin: 0 !important;
1875  padding: 0 !important;
1876}
1877.post-body p, .entry-content p {
1878  margin-top: 0 !important;
1879  margin-bottom: 10px !important;
1880  line-height: 1.5 !important;
1881}
1882.PopularPosts ul, .related-posts {
1883  display: flex;
1884  flex-wrap: wrap;
1885  gap: 15px;
1886}
1887.PopularPosts li, .related-item {
1888  display: flex !important;
1889  flex-direction: column !important;
1890  background: #fff;
1891  border: 1px solid #eee;
1892  border-radius: 8px;
1893  overflow: hidden;
1894  width: 100%;
1895  margin-bottom: 12px;
1896  box-sizing: border-box;
1897}
1898.PopularPosts .item-thumbnail, .related-img-wrap {
1899  width: 100% !important;
1900  max-height: 150px !important;
1901  overflow: hidden;
1902  margin: 0 !important;
1903  float: none !important;
1904}
1905.PopularPosts .item-thumbnail img, .related-img-wrap img {
1906  width: 100% !important;
1907  height: 150px !important;
1908  object-fit: cover !important;
1909  display: block !important;
1910}
1911.PopularPosts .item-title, .related-title {
1912  padding: 10px 12px !important;
1913  font-size: 14px !important;
1914  font-weight: 600 !important;
1915  line-height: 1.4 !important;
1916}
1917
1918/* FINAL FIX: thumbnail Berita Populer tetap bersih saat hover */
1919.PopularPosts li .item-thumbnail,
1920.PopularPosts li .item-thumbnail a {
1921  background: transparent !important;
1922  background-color: transparent !important;
1923  border: 0 !important;
1924  transform: none !important;
1925  box-shadow: none !important;
1926  padding: 0 !important;
1927}
1928
1929.PopularPosts li .item-thumbnail a:hover {
1930  background: transparent !important;
1931  background-color: transparent !important;
1932  border: 0 !important;
1933  transform: none !important;
1934  box-shadow: none !important;
1935}
1936
1937.PopularPosts li .item-thumbnail img {
1938  display: block !important;
1939  width: 100% !important;
1940  height: 150px !important;
1941  object-fit: cover !important;
1942  border-radius: 8px !important;
1943  background: transparent !important;
1944  box-shadow: none !important;
1945}
1946</style>
1947</div>
1948<div class='clear'></div>
1949</div><div class='widget HTML' data-version='1' id='HTML10'>
1950<div class='widget-content'>
1951<div style="width:100%; overflow:hidden; line-height:0;">
1952  <a href="https://atid.me/adv.php?rk=00l6im002rgo" target="_blank" rel="sponsored noopener">
1953    <img
1954      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);"
1955      alt="Eiger"
1956      border="0"
1957      style="display:block; width:100%; max-width:100%; height:auto; margin:0; transform:none;"
1958    />
1959</img
1960></a>
1961</div>
1962</div>
1963<div class='clear'></div>
1964</div></div>
1965</main>
1966<!-- Sidebar Area (Column 4) -->
1967<aside class='col-lg-4'>
1968<div class='sticky-sidebar-wrapper'>
1969<div class='section' id='sidebar-widgets'><div class='widget HTML' data-version='1' id='HTML8'>
1970<div class='widget-content'>
1971<!-- Widget Search Bar Modern Semi-Rounded - tatarjabar.com -->
1972<style>
1973  .tj-search-widget {
1974    background: #ffffff;
1975    border: 1px solid #e2e8f0;
1976    border-radius: 10px;
1977    padding: 18px;
1978    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
1979    font-family: Arial, sans-serif;
1980    box-sizing: border-box;
1981  }
1982
1983  .tj-search-title {
1984    font-size: 14px;
1985    font-weight: bold;
1986    color: #1e293b;
1987    text-transform: uppercase;
1988    letter-spacing: 0.5px;
1989    margin: 0 0 14px 0;
1990    padding-bottom: 8px;
1991    border-bottom: 2px solid #e53935; /* Garis Merah Tema */
1992  }
1993
1994  .tj-search-form {
1995    display: flex;
1996    align-items: stretch;
1997    width: 100%;
1998    margin: 0;
1999    padding: 0;
2000    border-radius: 6px; /* Lengkungan Pas (Semi-Rounded) */
2001    overflow: hidden;
2002    border: 1px solid #cbd5e1;
2003    transition: border-color 0.2s, box-shadow 0.2s;
2004  }
2005
2006  /* Efek Fokus saat diklik */
2007  .tj-search-form:focus-within {
2008    border-color: #e53935;
2009    box-shadow: 0 0 0 3px rgba(229, 57, 53, 0.15);
2010  }
2011
2012  .tj-search-input {
2013    flex: 1;
2014    border: none !important;
2015    outline: none !important;
2016    background: #f8fafc !important;
2017    padding: 10px 14px !important;
2018    font-size: 13px !important;
2019    color: #1e293b !important;
2020    margin: 0 !important;
2021    box-shadow: none !important;
2022    height: 40px !important;
2023    box-sizing: border-box !important;
2024  }
2025
2026  .tj-search-input::placeholder {
2027    color: #94a3b8;
2028  }
2029
2030  .tj-search-button {
2031    border: none !important;
2032    outline: none !important;
2033    background: #e53935 !important; /* Merah Tema */
2034    color: #ffffff !important;
2035    padding: 0 16px !important;
2036    cursor: pointer;
2037    display: flex;
2038    align-items: center;
2039    justify-content: center;
2040    transition: background-color 0.2s;
2041    height: 40px !important;
2042    margin: 0 !important;
2043    box-shadow: none !important;
2044  }
2045
2046  .tj-search-button:hover {
2047    background: #c62828 !important;
2048  }
2049
2050  .tj-search-icon {
2051    width: 15px;
2052    height: 15px;
2053    fill: currentColor;
2054  }
2055</style>
2056
2057<div class="tj-search-widget">
2058  <h3 class="tj-search-title">CARI BERITA</h3>
2059  <form class="tj-search-form" action="/search" method="get">
2060    <input 
2061      type="text" 
2062      class="tj-search-input" 
2063      name="q" 
2064      placeholder="Ketik kata kunci berita..." 
2065      required 
2066      autocomplete="off"
2067    />
2068    <button type="submit" class="tj-search-button" aria-label="Cari">
2069      <!-- Icon Kaca Pembesar SVG -->
2070      <svg class="tj-search-icon" viewbox="0 0 24 24">
2071        <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"/>
2072      </path></svg>
2073    </button>
2074  </form>
2075</div>
2076</div>
2077<div class='clear'></div>
2078</div><div class='widget HTML' data-version='1' id='HTML4'>
2079<div class='widget-content'>
2080<style>
2081  .custom-widget-card {
2082    background-color: #ffffff;
2083    border: 1px solid #e2e8f0;
2084    border-radius: 12px;
2085    padding: 16px;
2086    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
2087    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Helvetica, Arial, sans-serif;
2088    max-width: 100%;
2089    box-sizing: border-box;
2090    margin: 10px auto;
2091  }
2092
2093  .custom-widget-link {
2094    text-decoration: none;
2095    color: inherit;
2096    display: block;
2097  }
2098
2099  .custom-widget-subhead {
2100    font-size: 12px;
2101    font-weight: 600;
2102    color: #64748b;
2103    text-transform: uppercase;
2104    letter-spacing: 0.5px;
2105    margin-bottom: 6px;
2106  }
2107
2108  .custom-widget-title {
2109    font-size: 15px;
2110    font-weight: 700;
2111    color: #0284c7;
2112    line-height: 1.35;
2113    margin: 0 0 12px 0;
2114    transition: color 0.2s ease;
2115  }
2116
2117  .custom-widget-card:hover .custom-widget-title {
2118    color: #0369a1;
2119  }
2120
2121  .custom-widget-img-container {
2122    width: 100%;
2123    aspect-ratio: 16 / 9;
2124    border-radius: 10px;
2125    overflow: hidden;
2126    background-color: #f1f5f9;
2127    margin-bottom: 12px;
2128  }
2129
2130  .custom-widget-img-container img {
2131    width: 100%;
2132    height: 100%;
2133    object-fit: cover;
2134    display: block;
2135    transition: transform 0.3s ease;
2136  }
2137
2138  .custom-widget-card:hover .custom-widget-img-container img {
2139    transform: scale(1.02);
2140  }
2141
2142  .custom-widget-btn-text {
2143    display: inline-flex;
2144    align-items: center;
2145    font-size: 13px;
2146    font-weight: 600;
2147    color: #2563eb;
2148  }
2149
2150  .custom-widget-btn-text svg {
2151    width: 16px;
2152    height: 16px;
2153    margin-left: 4px;
2154    fill: currentColor;
2155    transition: transform 0.2s ease;
2156  }
2157
2158  .custom-widget-card:hover .custom-widget-btn-text svg {
2159    transform: translateX(3px);
2160  }
2161</style>
2162
2163<div class="custom-widget-card">
2164  <a href="https://wa.me/6281564911112" target="_blank" rel="noopener noreferrer" class="custom-widget-link">
2165    
2166    <!-- 1. Teks paling atas warna abu-abu -->
2167    <div class="custom-widget-subhead">Millimalis Artwork</div>
2168
2169    <!-- 2. Teks deskripsi utama -->
2170    <h3 class="custom-widget-title">Jasa Desain Profesional: Logo, Branding, Desain Grafis</h3>
2171
2172    <!-- Gambar di bagian bawah -->
2173    <div class="custom-widget-img-container">
2174      <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIMzIHA0qKKpftQlDLsdPzqpIdQrGkY7L9rFuA9QuEfnBjXxtVFJx7BWh3ZfGWOCkYpg3ibVHwMd085XwjaZso2cYgJQJ-p4Um46FRRI_EF-b55rcK7J59I9sO8SZ1ES_7nSp536rPP8-6BAYVSIXRP05fN
2174M0AzjZFWnNcoswMS0eWYOENSvijvsdU5eZA/s2848/New%20Chat%20%2811%29.png" alt="Millimalis Artwork" loading="lazy" />
2175    </div>
2176
2177    <!-- 3. Teks Klik Disini di bagian paling bawah -->
2178    <div class="custom-widget-btn-text">
2179      Klik Disini
2180      <svg viewbox="0 0 24 24">
2181        <path d="M5 12h14M12 5l7 7-7 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2182      </path></svg>
2183    </div>
2184
2185  </a>
2186</div>
2187</div>
2188<div class='clear'></div>
2189</div><div class='widget HTML' data-version='1' id='HTML9'>
2190<div class='widget-content'>
2191<!-- Widget Slider Berita Acak - tatarjabar.com -->
2192<style>
2193  .tj-random-slider-widget {
2194    background: #ffffff;
2195    border: 1px solid #e2e8f0;
2196    border-radius: 10px;
2197    padding: 16px;
2198    box-shadow: 0 2px 5px rgba(0,0,0,0.04);
2199    font-family: Arial, sans-serif;
2200    box-sizing: border-box;
2201  }
2202
2203  .tj-random-slider-header {
2204    display: flex;
2205    justify-content: space-between;
2206    align-items: center;
2207    margin-bottom: 12px;
2208    padding-bottom: 8px;
2209    border-bottom: 2px solid #e53935; /* Garis Merah Tema */
2210  }
2211
2212  .tj-random-slider-title {
2213    font-size: 14px;
2214    font-weight: bold;
2215    color: #1e293b;
2216    text-transform: uppercase;
2217    letter-spacing: 0.5px;
2218    margin: 0;
2219  }
2220
2221  .tj-random-slider-nav {
2222    display: flex;
2223    gap: 4px;
2224  }
2225
2226  .tj-random-btn {
2227    background: #f1f5f9;
2228    border: none;
2229    color: #1e293b;
2230    width: 26px;
2231    height: 26px;
2232    border-radius: 50%;
2233    cursor: pointer;
2234    display: flex;
2235    align-items: center;
2236    justify-content: center;
2237    font-size: 12px;
2238    font-weight: bold;
2239    transition: background-color 0.2s, color 0.2s;
2240  }
2241
2242  .tj-random-btn:hover {
2243    background: #e53935;
2244    color: #ffffff;
2245  }
2246
2247  .tj-random-container {
2248    position: relative;
2249    overflow: hidden;
2250    min-height: 220px;
2251  }
2252
2253  .tj-random-item {
2254    display: none;
2255    animation: tjRandomFade 0.4s ease-in-out;
2256  }
2257
2258  .tj-random-item.active {
2259    display: block;
2260  }
2261
2262  @keyframes tjRandomFade {
2263    from { opacity: 0; transform: translateX(8px); }
2264    to { opacity: 1; transform: translateX(0); }
2265  }
2266
2267  .tj-random-item-title {
2268    font-size: 16px; /* Ukuran Proporsional */
2269    line-height: 1.35;
2270    font-weight: bold;
2271    margin: 0 0 8px 0;
2272  }
2273
2274  .tj-random-item-title a {
2275    color: #0066cc; /* Warna Link Biru */
2276    text-decoration: none;
2277    transition: color 0.2s;
2278  }
2279
2280  .tj-random-item-title a:hover {
2281    color: #e53935;
2282  }
2283
2284  .tj-random-snippet {
2285    font-size: 13px;
2286    color: #4a5568;
2287    line-height: 1.5;
2288    margin: 0 0 12px 0;
2289  }
2290
2291  .tj-random-thumb-box {
2292    width: 100%;
2293    height: 180px;
2294    border-radius: 8px; /* Lengkungan Rounded Presisi */
2295    overflow: hidden;
2296    background-color: #f1f5f9;
2297  }
2298
2299  .tj-random-thumb-box img {
2300    width: 100%;
2301    height: 100%;
2302    object-fit: cover;
2303    display: block;
2304    transition: transform 0.3s ease;
2305  }
2306
2307  .tj-random-thumb-box img:hover {
2308    transform: scale(1.03);
2309  }
2310</style>
2311
2312<div class="tj-random-slider-widget">
2313  <div class="tj-random-slider-header">
2314    <h3 class="tj-random-slider-title">BERITA PILIHAN</h3>
2315    <div class="tj-random-slider-nav">
2316      <button class="tj-random-btn" id="tjRandomPrev">&#10094;</button>
2317      <button class="tj-random-btn" id="tjRandomNext">&#10095;</button>
2318    </div>
2319  </div>
2320
2321  <div class="tj-random-container" id="tj-random-box"></div>
2322</div>
2323
2324<script>
2325(function() {
2326  var tjRandomCurrentIdx = 0;
2327  var tjRandomTimer = null;
2328  var maxResults = 5; // Jumlah artikel acak yang diambil
2329
2330  // Step 1: Hitung total artikel dulu
2331  window.getTJTotalPosts = function(json) {
2332    var totalEntries = parseInt(json.feed.openSearch$totalResults.$t, 10);
2333    var randomIndex = Math.floor(Math.random() * Math.max(1, totalEntries - maxResults)) + 1;
2334    
2335    // Step 2: Ambil artikel dari urutan acak (offset random)
2336    var script = document.createElement('script');
2337    script.src = '/feeds/posts/summary?alt=json-in-script&start-index=' + randomIndex + '&max-results=' + maxResults + '&callback=renderTJRandomSlider';
2338    document.body.appendChild(script);
2339  };
2340
2341  // Step 3: Render tampilan slider
2342  window.renderTJRandomSlider = function(json) {
2343    var box = document.getElementById('tj-random-box');
2344    if (!box || !json.feed.entry) return;
2345    
2346    var entries = json.feed.entry;
2347    var html = '';
2348    
2349    for (var i = 0; i < entries.length; i++) {
2350      var entry = entries[i];
2351      var title = entry.title.$t;
2352      var snippet = entry.summary ? entry.summary.$t.substring(0, 110) + '...' : '';
2353      var url = '';
2354      
2355      for (var j = 0; j < entry.link.length; j++) {
2356        if (entry.link[j].rel === 'alternate') {
2357          url = entry.link[j].href;
2358          break;
2359        }
2360      }
2361      
2362  var thumb = '';
2363if (entry.media$thumbnail) {
2364  thumb = entry.media$thumbnail.url;
2365} else if (entry.content && entry.content.$t.indexOf('<img') !== -1) {
2366  var m = entry.content.$t.match(/src=["']([^"']+)["']/);
2367  if (m) thumb = m[1];
2368}
2369
2370// Mengganti semua jenis penanda ukuran resolusi kecil ke HD (600x400)
2371if (thumb) {
2372  thumb = thumb.replace(/\/s[0-9]+(?:-[^\/]+)?\//g, '/w600-h400-p-k-no-nu/')
2373               .replace(/\/w[0-9]+(?:-h[0-9]+)?(?:-[^\/]+)?\//g, '/w600-h400-p-k-no-nu/');
2374}
2375      if (!thumb) thumb = 'https://via.placeholder.com/500x300/e2e8f0/94a3b8?text=No+Image';
2376      
2377      var activeClass = (i === 0) ? ' active' : '';
2378      
2379      html += '<div class="tj-random-item' + activeClass + '">';
2380      html += '<h4 class="tj-random-item-title"><a href="' + url + '">' + title + '</a></h4>';
2381      html += '<p class="tj-random-snippet">' + snippet + '</p>';
2382      html += '<div class="tj-random-thumb-box"><a href="' + url + '"><img src="' + thumb + '" alt="' + title + '" /></a></div>';
2383      html += '</div>';
2384    }
2385    
2386    box.innerHTML = html;
2387    
2388    var slides = box.querySelectorAll('.tj-random-item');
2389    
2390    function show(idx) {
2391      for (var k = 0; k < slides.length; k++) {
2392        slides[k].classList.remove('active');
2393      }
2394      if (idx >= slides.length) tjRandomCurrentIdx = 0;
2395      else if (idx < 0) tjRandomCurrentIdx = slides.length - 1;
2396      else tjRandomCurrentIdx = idx;
2397      
2398      slides[tjRandomCurrentIdx].classList.add('active');
2399    }
2400
2401    function next() { show(tjRandomCurrentIdx + 1); startAuto(); }
2402    function prev() { show(tjRandomCurrentIdx - 1); startAuto(); }
2403    function startAuto() {
2404      clearInterval(tjRandomTimer);
2405      tjRandomTimer = setInterval(function() { show(tjRandomCurrentIdx + 1); }, 5000);
2406    }
2407
2408    document.getElementById('tjRandomNext').addEventListener('click', next);
2409    document.getElementById('tjRandomPrev').addEventListener('click', prev);
2410    startAuto();
2411  };
2412
2413  // Panggil feed awal untuk dapatkan total angka postingan
2414  var initScript = document.createElement('script');
2415  initScript.src = '/feeds/posts/summary?alt=json-in-script&max-results=0&callback=getTJTotalPosts';
2416  document.body.appendChild(initScript);
2417})();
2418</script>
2418
2419</div>
2420<div class='clear'></div>
2421</div><div class='widget HTML' data-version='1' id='HTML12'>
2422<div class='widget-content'>
2423<script type="text/javascript" src="https://traveloka-creative.prf.hn/creative/camref:1101l6t7gF/creativeref:1100l178848"></script>
2423
2424</div>
2425<div class='clear'></div>
2426</div><div class='widget HTML' data-version='1' id='HTML1'>
2427<div class='widget-content'>
2428<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%;">
2429  <div style="display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #d9534f; padding-bottom: 8px; margin-bottom: 12px;">
2430    <h3 style="margin: 0; font-size: 15px; font-weight: bold; color: #111;">JADWAL SHOLAT</h3>
2431    <span id="tj-current-date" style="font-size: 11px; color: #666;">Memuat tanggal...</span>
2432  </div>
2433  
2434  <div style="margin-bottom: 10px;">
2435    <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;">
2436      <option value="1218" />Kab. Bandung
2437      <option value="1219" />Kota Bandung
2438      <option value="1221" />Kota Cimahi
2439      <option value="1215" />Kab. Bandung Barat
2440      <option value="1233" />Kab. Garut
2441      <option value="1223" />Kab. Cianjur
2442      <option value="1216" />Kab. Bekasi
2443      <option value="1224" />Kota Bogor
2444    </select>
2445  </div>
2446
2447  <div id="tj-sholat-list" style="font-size: 13px;">
2448    <div style="text-align: center; padding: 15px; color: #777;">Memuat jadwal...</div>
2449  </div>
2450</div>
2451
2452<script>
2453(function() {
2454  const citySelect = document.getElementById('tj-city-select');
2455  const sholatList = document.getElementById('tj-sholat-list');
2456  const dateEl = document.getElementById('tj-current-date');
2457
2458  function fetchSchedule(cityId) {
2459    const today = new Date();
2460    const year = today.getFullYear();
2461    const month = String(today.getMonth() + 1).padStart(2, '0');
2462    const day = String(today.getDate()).padStart(2, '0');
2463    
2464    // Tampilkan tanggal hari ini
2465    const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
2466    dateEl.innerText = today.toLocaleDateString('id-ID', options);
2467
2468    sholatList.innerHTML = '<div style="text-align: center; padding: 15px; color: #777;">Mengambil data...</div>';
2469
2470    fetch(`https://api.myquran.com/v2/sholat/jadwal/${cityId}/${year}/${month}/${day}`)
2471      .then(response => response.json())
2472      .then(data => {
2473        if (data.status && data.data && data.data.jadwal) {
2474          const j = data.data.jadwal;
2475          const times = [
2476            { name: 'Imsak', time: j.imsak },
2477            { name: 'Subuh', time: j.subuh },
2478            { name: 'Dzuhur', time: j.dzuhur },
2479            { name: 'Ashar', time: j.ashar },
2480            { name: 'Maghrib', time: j.maghrib },
2481            { name: 'Isya', time: j.isya }
2482          ];
2483
2484          let html = '<table style="width: 100%; border-collapse: collapse;">';
2485          times.forEach((item, index) => {
2486            let bg = index % 2 === 0 ? '#fafafa' : '#ffffff';
2487            html += `<tr style="background: ${bg};">
2488              <td style="padding: 6px 8px; font-weight: 500; color: #444;">${item.name}</td>
2489              <td style="padding: 6px 8px; text-align: right; font-weight: bold; color: #222;">${item.time}</td>
2490            </tr>`;
2491          });
2492          html += '</table>';
2493          sholatList.innerHTML = html;
2494        } else {
2495          sholatList.innerHTML = '<div style="text-align: center; color: red; padding: 10px;">Gagal memuat jadwal.</div>';
2496        }
2497      })
2498      .catch(err => {
2499        sholatList.innerHTML = '<div style="text-align: center; color: red; padding: 10px;">Koneksi error.</div>';
2500      });
2501  }
2502
2503  // Load awal (default Kota Bandung / ID 1219)
2504  fetchSchedule(citySelect.value);
2505
2506  // Jika kota diganti
2507  citySelect.addEventListener('change', function() {
2508    fetchSchedule(this.value);
2509  });
2510})();
2511</script>
2511
2512</div>
2513<div class='clear'></div>
2514</div><div class='widget HTML' data-version='1' id='HTML11'>
2515<div class='widget-content'>
2516<!-- =====================================================
2517     TATARJABAR - WIDGET HADIS NABI ï·º
2518     50 HADIS SAHIH
2519     
2520     SISTEM:
2521     - 1 hadis tampil setiap halaman
2522     - Tidak bergerak otomatis
2523     - Tidak ada slider
2524     - Tidak ada timer
2525     - Refresh = pilih hadis lagi
2526     - Buka artikel lain = pilih hadis lagi
2527     - Menghindari pengulangan hadis terakhir
2528     ===================================================== -->
2529
2530<div id="tj-hadith-widget">
2531
2532  <div class="tj-hadith-header">
2533    <span class="tj-hadith-icon">ï·º</span>
2534    <span class="tj-hadith-title">HADIS NABI ï·º</span>
2535  </div>
2536
2537  <div class="tj-hadith-content" id="tjHadithContent">
2538    <div class="tj-hadith-loading">
2539      Memuat hadis...
2540    </div>
2541  </div>
2542
2543</div>
2544
2545
2546<style>
2547
2548/* =====================================================
2549   CONTAINER
2550   ===================================================== */
2551
2552#tj-hadith-widget {
2553  width: 100%;
2554  box-sizing: border-box;
2555  background: #ffffff;
2556  border: 1px solid #dfe5eb;
2557  border-radius: 10px;
2558  padding: 18px;
2559  margin: 0;
2560  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
2561  font-family: Arial, Helvetica, sans-serif;
2562  overflow: hidden;
2563}
2564
2565
2566/* =====================================================
2567   HEADER
2568   ===================================================== */
2569
2570#tj-hadith-widget .tj-hadith-header {
2571  display: flex;
2572  align-items: center;
2573  gap: 9px;
2574  padding-bottom: 10px;
2575  margin-bottom: 15px;
2576  border-bottom: 2px solid #ee3333;
2577}
2578
2579
2580/* ICON */
2581
2582#tj-hadith-widget .tj-hadith-icon {
2583  width: 28px;
2584  height: 28px;
2585  min-width: 28px;
2586
2587  display: flex;
2588  align-items: center;
2589  justify-content: center;
2590
2591  background: #ee3333;
2592  color: #ffffff;
2593
2594  border-radius: 50%;
2595
2596  font-family: Arial, Helvetica, sans-serif;
2597  font-size: 12px;
2598  line-height: 1;
2599}
2600
2601
2602/* JUDUL */
2603
2604#tj-hadith-widget .tj-hadith-title {
2605  color: #26323b;
2606
2607  font-family: Georgia, "Times New Roman", serif;
2608
2609  font-size: 15px;
2610  font-weight: 700;
2611
2612  letter-spacing: 0.02em;
2613}
2614
2615
2616/* =====================================================
2617   CONTENT
2618   ===================================================== */
2619
2620#tj-hadith-widget .tj-hadith-content {
2621  width: 100%;
2622  box-sizing: border-box;
2623}
2624
2625
2626/* =====================================================
2627   HADIS
2628   ===================================================== */
2629
2630#tj-hadith-widget .tj-hadith-item {
2631  animation: tjHadithFade 0.4s ease;
2632}
2633
2634
2635@keyframes tjHadithFade {
2636
2637  from {
2638    opacity: 0;
2639    transform: translateY(4px);
2640  }
2641
2642  to {
2643    opacity: 1;
2644    transform: translateY(0);
2645  }
2646
2647}
2648
2649
2650/* =====================================================
2651   LABEL
2652   ===================================================== */
2653
2654#tj-hadith-widget .tj-hadith-label {
2655
2656  display: inline-block;
2657
2658  padding: 5px 9px;
2659
2660  margin-bottom: 12px;
2661
2662  background: #f6f7f8;
2663
2664  border: 1px solid #e2e6e9;
2665
2666  border-radius: 20px;
2667
2668  color: #68737d;
2669
2670  font-size: 9px;
2671
2672  font-weight: 700;
2673
2674  letter-spacing: 0.04em;
2675}
2676
2677
2678/* =====================================================
2679   TEKS HADIS
2680   ===================================================== */
2681
2682#tj-hadith-widget .tj-hadith-text {
2683
2684  margin: 0 0 16px 0;
2685
2686  padding-left: 12px;
2687
2688  border-left: 3px solid #ee3333;
2689
2690  color: #303030;
2691
2692  font-family: Georgia, "Times New Roman", serif;
2693
2694  font-size: 15px;
2695
2696  line-height: 1.75;
2697
2698  font-weight: 600;
2699}
2700
2701
2702/* =====================================================
2703   PERAWI
2704   ===================================================== */
2705
2706#tj-hadith-widget .tj-hadith-narrator {
2707
2708  margin-top: 2px;
2709
2710  color: #28343d;
2711
2712  font-size: 12px;
2713
2714  line-height: 1.5;
2715
2716  font-weight: 700;
2717}
2718
2719
2720/* =====================================================
2721   SUMBER
2722   ===================================================== */
2723
2724#tj-hadith-widget .tj-hadith-source {
2725
2726  margin-top: 3px;
2727
2728  color: #7a838a;
2729
2730  font-size: 11px;
2731
2732  line-height: 1.5;
2733}
2734
2735
2736/* =====================================================
2737   LOADING
2738   ===================================================== */
2739
2740#tj-hadith-widget .tj-hadith-loading {
2741
2742  padding: 30px 0;
2743
2744  text-align: center;
2745
2746  color: #888888;
2747
2748  font-size: 12px;
2749}
2750
2751
2752/* =====================================================
2753   MOBILE
2754   ===================================================== */
2755
2756@media screen and (max-width: 768px) {
2757
2758  #tj-hadith-widget {
2759    padding: 16px;
2760    border-radius: 9px;
2761  }
2762
2763  #tj-hadith-widget .tj-hadith-text {
2764    font-size: 14px;
2765    line-height: 1.7;
2766  }
2767
2768  #tj-hadith-widget .tj-hadith-title {
2769    font-size: 14px;
2770  }
2771
2772}
2773
2774
2775/* =====================================================
2776   HP KECIL
2777   ===================================================== */
2778
2779@media screen and (max-width: 375px) {
2780
2781  #tj-hadith-widget {
2782    padding: 14px;
2783  }
2784
2785  #tj-hadith-widget .tj-hadith-text {
2786    font-size: 13.5px;
2787  }
2788
2789}
2790
2791</style>
2792
2793
2794<script>
2795
2796(function() {
2797
2798  /* ===================================================
2799     DATABASE 50 HADIS
2800     =================================================== */
2801
2802  var tjHadiths = [
2803
2804    {
2805      text: "Sesungguhnya setiap amal perbuatan bergantung pada niatnya, dan setiap orang mendapatkan sesuai dengan apa yang ia niatkan.",
2806      narrator: "Umar bin Khattab r.a.",
2807      source: "HR. Bukhari No. 1",
2808      status: "SAHIH AL-BUKHARI"
2809    },
2810
2811    {
2812      text: "Islam dibangun di atas lima perkara: syahadat, mendirikan salat, menunaikan zakat, haji, dan puasa Ramadan.",
2813      narrator: "Abdullah bin Umar r.a.",
2814      source: "HR. Bukhari No. 8",
2815      status: "SAHIH AL-BUKHARI"
2816    },
2817
2818    {
2819      text: "Iman memiliki banyak cabang, dan rasa malu merupakan salah satu cabang iman.",
2820      narrator: "Abu Hurairah r.a.",
2821      source: "HR. Bukhari No. 9",
2822      status: "SAHIH AL-BUKHARI"
2823    },
2824
2825    {
2826      text: "Seorang Muslim adalah orang yang kaum Muslimin selamat dari gangguan lisan dan tangannya.",
2827      narrator: "Abdullah bin Amr r.a.",
2828      source: "HR. Bukhari No. 10",
2829      status: "SAHIH AL-BUKHARI"
2830    },
2831
2832    {
2833      text: "Islam yang baik antara lain ditunjukkan dengan memberi makan dan mengucapkan salam kepada orang yang dikenal maupun yang tidak dikenal.",
2834      narrator: "Abdullah bin Amr r.a.",
2835      source: "HR. Bukhari No. 12",
2836      status: "SAHIH AL-BUKHARI"
2837    },
2838
2839    {
2840      text: "Tidak sempurna iman seseorang sampai ia mencintai untuk saudaranya apa yang ia cintai untuk dirinya sendiri.",
2841      narrator: "Anas bin Malik r.a.",
2842      source: "HR. Bukhari No. 13",
2843      status: "SAHIH AL-BUKHARI"
2844    },
2845
2846    {
2847      text: "Tidak sempurna iman seseorang sampai Rasulullah ï·º lebih ia cintai daripada orang tua, anak, dan seluruh manusia.",
2848      narrator: "Anas bin Malik r.a.",
2849      source: "HR. Bukhari No. 15",
2850      status: "SAHIH AL-BUKHARI"
2851    },
2852
2853    {
2854      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.",
2855      narrator: "Anas bin Malik r.a.",
2856      source: "HR. Bukhari No. 16",
2857      status: "SAHIH AL-BUKHARI"
2858    },
2859
2860    {
2861      text: "Halal itu jelas dan haram itu jelas. Di antara keduanya terdapat perkara-perkara yang samar. Menjauhinya berarti menjaga agama dan kehormatan.",
2862      narrator: "An-Nu'man bin Basyir r.a.",
2863      source: "HR. Bukhari No. 52",
2864      status: "SAHIH AL-BUKHARI"
2865    },
2866
2867    {
2868      text: "Sebaik-baik manusia dalam pergaulan adalah yang berbuat baik kepada ibunya, kemudian kepada ibunya, kemudian kepada ibunya, lalu kepada ayahnya.",
2869      narrator: "Abu Hurairah r.a.",
2870      source: "HR. Bukhari No. 5971",
2871      status: "SAHIH AL-BUKHARI"
2872    },
2873
2874    {
2875      text: "Allah menjaga hubungan dengan orang yang menjaga silaturahmi dan memutus hubungan dengan orang yang memutuskannya.",
2876      narrator: "Abu Hurairah r.a.",
2877      source: "HR. Bukhari No. 5987",
2878      status: "SAHIH AL-BUKHARI"
2879    },
2880
2881    {
2882      text: "Orang-orang beriman dalam kasih sayang dan kepedulian mereka seperti satu tubuh; ketika satu bagian sakit, seluruh tubuh ikut merasakan.",
2883      narrator: "An-Nu'man bin Basyir r.a.",
2884      source: "HR. Bukhari No. 6011",
2885      status: "SAHIH AL-BUKHARI"
2886    },
2887
2888    {
2889      text: "Seorang Muslim yang menanam tanaman lalu manusia atau hewan memakan darinya mendapatkan pahala seperti sedekah.",
2890      narrator: "Anas bin Malik r.a.",
2891      source: "HR. Bukhari No. 6012",
2892      status: "SAHIH AL-BUKHARI"
2893    },
2894
2895    {
2896      text: "Barang siapa tidak menyayangi orang lain, ia tidak akan disayangi.",
2897      narrator: "Jarir bin Abdullah r.a.",
2898      source: "HR. Bukhari No. 6013",
2899      status: "SAHIH AL-BUKHARI"
2900    },
2901
2902    {
2903      text: "Jibril terus-menerus berwasiat kepada Nabi ï·º tentang tetangga sampai beliau mengira tetangga akan mendapat bagian warisan.",
2904      narrator: "Aisyah r.a.",
2905      source: "HR. Bukhari No. 6014",
2906      status: "SAHIH AL-BUKHARI"
2907    },
2908
2909    {
2910      text: "Barang siapa beriman kepada Allah dan hari akhir, hendaknya berkata baik atau diam, memuliakan tetangga, dan memuliakan tamu.",
2911      narrator: "Abu Hurairah r.a.",
2912      source: "HR. Bukhari No. 6018",
2913      status: "SAHIH AL-BUKHARI"
2914    },
2915
2916    {
2917      text: "Kekuatan yang sebenarnya bukanlah mengalahkan orang lain, tetapi mampu mengendalikan diri ketika marah.",
2918      narrator: "Abu Hurairah r.a.",
2919      source: "HR. Bukhari No. 6114",
2920      status: "SAHIH AL-BUKHARI"
2921    },
2922
2923    {
2924      text: "Laa haula wa laa quwwata illaa billaah merupakan salah satu simpanan berharga dari simpanan surga.",
2925      narrator: "Abu Musa Al-Asy'ari r.a.",
2926      source: "HR. Bukhari No. 6409",
2927      status: "SAHIH AL-BUKHARI"
2928    },
2929
2930    {
2931      text: "Orang yang beriman kepada Allah dan hari akhir hendaknya berkata baik atau diam, tidak menyakiti tetangga, dan memuliakan tamunya.",
2932      narrator: "Abu Hurairah r.a.",
2933      source: "HR. Bukhari No. 6475",
2934      status: "SAHIH AL-BUKHARI"
2935    },
2936
2937    {
2938      text: "Masa bertamu adalah tiga hari, dan orang yang beriman kepada Allah dan hari akhir hendaknya memuliakan tamunya.",
2939      narrator: "Abu Syuraih Al-Khuza'i r.a.",
2940      source: "HR. Bukhari No. 6476",
2941      status: "SAHIH AL-BUKHARI"
2942    },
2943
2944    {
2945      text: "Islam ditegakkan di atas lima perkara: mengesakan Allah, mendirikan salat, menunaikan zakat, berpuasa Ramadan, dan berhaji.",
2946      narrator: "Abdullah bin Umar r.a.",
2947      source: "HR. Muslim No. 16a",
2948      status: "SAHIH MUSLIM"
2949    },
2950
2951    {
2952      text: "Tidak masuk surga orang yang tetangganya tidak merasa aman dari gangguannya.",
2953      narrator: "Abu Hurairah r.a.",
2954      source: "HR. Muslim No. 46",
2955      status: "SAHIH MUSLIM"
2956    },
2957
2958    {
2959      text: "Barang siapa beriman kepada Allah dan hari akhir hendaknya memuliakan tetangga dan tamunya serta berkata baik atau diam.",
2960      narrator: "Abu Hurairah r.a.",
2961      source: "HR. Muslim No. 47a",
2962      status: "SAHIH MUSLIM"
2963    },
2964
2965    {
2966      text: "Agama adalah nasihat: kepada Allah, kitab-Nya, Rasul-Nya, para pemimpin kaum Muslimin, dan seluruh kaum Muslimin.",
2967      narrator: "Tamim Ad-Dari r.a.",
2968      source: "HR. Muslim No. 55a",
2969      status: "SAHIH MUSLIM"
2970    },
2971
2972    {
2973      text: "Jarir r.a. berbaiat kepada Rasulullah ï·º untuk mendirikan salat, menunaikan zakat, dan memberikan nasihat yang tulus kepada setiap Muslim.",
2974      narrator: "Jarir bin Abdullah r.a.",
2975      source: "HR. Muslim No. 56a",
2976      status: "SAHIH MUSLIM"
2977    },
2978
2979    {
2980      text: "Di antara sifat kemunafikan adalah berdusta ketika berbicara, mengingkari janji, berkhianat terhadap perjanjian, dan melampaui batas ketika berselisih.",
2981      narrator: "Abdullah bin Amr r.a.",
2982      source: "HR. Muslim No. 58",
2983      status: "SAHIH MUSLIM"
2984    },
2985
2986    {
2987      text: "Kalian tidak akan masuk surga sampai beriman, dan kalian tidak sempurna beriman sampai saling mencintai. Sebarkanlah salam di antara kalian.",
2988      narrator: "Abu Hurairah r.a.",
2989      source: "HR. Muslim No. 54a",
2990      status: "SAHIH MUSLIM"
2991    },
2992
2993    {
2994      text: "Tidak akan masuk surga orang yang di dalam hatinya terdapat kesombongan walaupun sebesar zarah.",
2995      narrator: "Abdullah bin Mas'ud r.a.",
2996      source: "HR. Muslim No. 91a",
2997      status: "SAHIH MUSLIM"
2998    },
2999
3000    {
3001      text: "Setiap perbuatan baik adalah sedekah.",
3002      narrator: "Hudzaifah r.a.",
3003      source: "HR. Muslim No. 1005",
3004      status: "SAHIH MUSLIM"
3005    },
3006
3007    {
3008      text: "Tasbih, tahmid, takbir, amar makruf, dan mencegah kemungkaran termasuk sedekah.",
3009      narrator: "Abu Dzarr r.a.",
3010      source: "HR. Muslim No. 1006",
3011      status: "SAHIH MUSLIM"
3012    },
3013
3014    {
3015      text: "Seorang Muslim adalah saudara bagi Muslim lainnya; ia tidak menzaliminya, tidak merendahkannya, dan tidak menghinakannya.",
3016      narrator: "Abu Hurairah r.a.",
3017      source: "HR. Muslim No. 2564a",
3018      status: "SAHIH MUSLIM"
3019    },
3020
3021    {
3022      text: "Siapa yang menutupi aib seorang Muslim di dunia, Allah akan menutupi aibnya pada hari kiamat.",
3023      narrator: "Abu Hurairah r.a.",
3024      source: "HR. Muslim No. 2590b",
3025      status: "SAHIH MUSLIM"
3026    },
3027
3028    {
3029      text: "Orang yang tidak memiliki kelembutan akan kehilangan banyak kebaikan.",
3030      narrator: "Jarir bin Abdullah r.a.",
3031      source: "HR. Muslim No. 2592c",
3032      status: "SAHIH MUSLIM"
3033    },
3034
3035    {
3036      text: "Allah Maha Lembut dan mencintai kelembutan, serta memberikan melalui kelembutan sesuatu yang tidak diberikan melalui kekerasan.",
3037      narrator: "Aisyah r.a.",
3038      source: "HR. Muslim No. 2593",
3039      status: "SAHIH MUSLIM"
3040    },
3041
3042    {
3043      text: "Kelembutan tidaklah terdapat pada sesuatu melainkan akan memperindahnya, dan jika dicabut darinya akan membuatnya buruk.",
3044      narrator: "Aisyah r.a.",
3045      source: "HR. Muslim No. 2594a",
3046      status: "SAHIH MUSLIM"
3047    },
3048
3049    {
3050      text: "Barang siapa mengasuh dua anak perempuan sampai dewasa dengan baik, ia akan dekat dengan Rasulullah ï·º pada hari kiamat.",
3051      narrator: "Anas bin Malik r.a.",
3052      source: "HR. Muslim No. 2631",
3053      status: "SAHIH MUSLIM"
3054    },
3055
3056    {
3057      text: "Orang yang mengasuh anak perempuan dengan baik mendapatkan perlindungan dari neraka.",
3058      narrator: "Aisyah r.a.",
3059      source: "HR. Muslim No. 2629",
3060      status: "SAHIH MUSLIM"
3061    },
3062
3063    {
3064      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.",
3065      narrator: "Abu Hurairah r.a.",
3066      source: "HR. Muslim No. 2664",
3067      status: "SAHIH MUSLIM"
3068    },
3069
3070    {
3071      text: "Tidak seorang pun masuk surga hanya karena amalnya; keselamatan terjadi karena rahmat dan karunia Allah.",
3072      narrator: "Abu Hurairah r.a.",
3073      source: "HR. Muslim No. 2816f",
3074      status: "SAHIH MUSLIM"
3075    },
3076
3077    {
3078      text: "Sedekah tidak mengurangi harta, memaafkan menambah kemuliaan, dan siapa yang merendahkan diri karena Allah akan diangkat derajatnya.",
3079      narrator: "Abu Hurairah r.a.",
3080      source: "HR. Muslim No. 2588",
3081      status: "SAHIH MUSLIM"
3082    },
3083
3084    {
3085      text: "Kebaikan bukan hanya berupa harta; setiap perbuatan yang baik termasuk sedekah.",
3086      narrator: "Hudzaifah r.a.",
3087      source: "HR. Muslim No. 1005",
3088      status: "SAHIH MUSLIM"
3089    },
3090
3091    {
3092      text: "Tidak akan masuk surga orang yang tetangganya tidak aman dari gangguannya.",
3093      narrator: "Abu Hurairah r.a.",
3094      source: "HR. Muslim No. 46",
3095      status: "SAHIH MUSLIM"
3096    },
3097
3098    {
3099      text: "Keimanan tidak sempurna tanpa kecintaan kepada sesama, dan menyebarkan salam merupakan jalan untuk menumbuhkan kecintaan.",
3100      narrator: "Abu Hurairah r.a.",
3101      source: "HR. Muslim No. 54a",
3102      status: "SAHIH MUSLIM"
3103    },
3104
3105    {
3106      text: "Nasihat dan ketulusan kepada sesama Muslim merupakan bagian penting dari agama.",
3107      narrator: "Tamim Ad-Dari r.a.",
3108      source: "HR. Muslim No. 55a",
3109      status: "SAHIH MUSLIM"
3110    },
3111
3112    {
3113      text: "Jangan saling mendengki, jangan saling membenci, jangan saling membelakangi, dan jadilah hamba Allah yang bersaudara.",
3114      narrator: "Abu Hurairah r.a.",
3115      source: "HR. Muslim No. 2564a",
3116      status: "SAHIH MUSLIM"
3117    },
3118
3119    {
3120      text: "Ketakwaan itu berada di hati, dan seseorang tidak boleh meremehkan saudaranya sesama Muslim.",
3121      narrator: "Abu Hurairah r.a.",
3122      source: "HR. Muslim No. 2564a",
3123      status: "SAHIH MUSLIM"
3124    },
3125
3126    {
3127      text: "Orang yang menahan amarah dan mengendalikan dirinya memiliki kekuatan yang sejati.",
3128      narrator: "Abu Hurairah r.a.",
3129      source: "HR. Bukhari No. 6114",
3130      status: "SAHIH AL-BUKHARI"
3131    },
3132
3133    {
3134      text: "Mengajak kepada kebaikan termasuk sedekah.",
3135      narrator: "Jabir bin Abdullah r.a.",
3136      source: "HR. Bukhari No. 6021",
3137      status: "SAHIH AL-BUKHARI"
3138    },
3139
3140    {
3141      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.",
3142      narrator: "Abu Musa Al-Asy'ari r.a.",
3143      source: "HR. Bukhari No. 6022",
3144      status: "SAHIH AL-BUKHARI"
3145    },
3146
3147    {
3148      text: "Selamatkan diri dari neraka walaupun dengan bersedekah separuh kurma; jika tidak mampu, dengan mengucapkan perkataan yang baik.",
3149      narrator: "Adi bin Hatim r.a.",
3150      source: "HR. Bukhari No. 6023",
3151      status: "SAHIH AL-BUKHARI"
3152    },
3153
3154    {
3155      text: "Allah mencintai kelembutan dalam segala perkara.",
3156      narrator: "Aisyah r.a.",
3157      source: "HR. Bukhari No. 6024",
3158      status: "SAHIH AL-BUKHARI"
3159    },
3160
3161    {
3162      text: "Orang yang beriman kepada Allah dan hari akhir hendaknya menjaga lisannya, tidak menyakiti tetangga, dan memuliakan tamu.",
3163      narrator: "Abu Hurairah r.a.",
3164      source: "HR. Bukhari No. 6475",
3165      status: "SAHIH AL-BUKHARI"
3166    }
3167
3168  ];
3169
3170
3171  /* ===================================================
3172     ELEMENT
3173     =================================================== */
3174
3175  var content =
3176    document.getElementById("tjHadithContent");
3177
3178
3179  if (!content) {
3180    return;
3181  }
3182
3183
3184  /* ===================================================
3185     PILIH HADIS
3186     
3187     Menghindari hadis yang sama dengan tampilan
3188     sebelumnya selama tab browser masih aktif.
3189     =================================================== */
3190
3191  var lastIndex = -1;
3192
3193  try {
3194
3195    var savedIndex =
3196      sessionStorage.getItem("tjLastHadith");
3197
3198    if (savedIndex !== null) {
3199
3200      lastIndex =
3201        parseInt(savedIndex, 10);
3202
3203    }
3204
3205  } catch (e) {
3206
3207    lastIndex = -1;
3208
3209  }
3210
3211
3212  var randomIndex;
3213
3214
3215  if (tjHadiths.length <= 1) {
3216
3217    randomIndex = 0;
3218
3219  } else {
3220
3221    do {
3222
3223      randomIndex =
3224        Math.floor(
3225          Math.random() * tjHadiths.length
3226        );
3227
3228    } while (
3229      randomIndex === lastIndex
3230    );
3231
3232  }
3233
3234
3235  /* Simpan nomor hadis terakhir */
3236
3237  try {
3238
3239    sessionStorage.setItem(
3240      "tjLastHadith",
3241      randomIndex
3242    );
3243
3244  } catch (e) {
3245
3246    /* Jika sessionStorage tidak tersedia,
3247       widget tetap berjalan normal. */
3248
3249  }
3250
3251
3252  /* ===================================================
3253     AMBIL HADIS
3254     =================================================== */
3255
3256  var hadith =
3257    tjHadiths[randomIndex];
3258
3259
3260  /* ===================================================
3261     TAMPILKAN
3262     =================================================== */
3263
3264  content.innerHTML =
3265
3266    '<div class="tj-hadith-item">' +
3267
3268      '<div class="tj-hadith-label">' +
3269        hadith.status +
3270      '</div>' +
3271
3272      '<p class="tj-hadith-text">' +
3273        hadith.text +
3274      '</p>' +
3275
3276      '<div class="tj-hadith-narrator">' +
3277        '&#8212; ' + hadith.narrator +
3278      '</div>' +
3279
3280      '<div class="tj-hadith-source">' +
3281        hadith.source +
3282      '</div>' +
3283
3284    '</div>';
3285
3286
3287})();
3288</script>
3288
3289</div>
3290<div class='clear'></div>
3291</div><div class='widget HTML' data-version='1' id='HTML7'>
3292<div class='widget-content'>
3293<!-- Widget Sidebar Post Terbaru - tatarjabar.com -->
3294<style>
3295  .sidebar-posts-widget {
3296    background: #ffffff;
3297    border: 1px solid #e2e8f0;
3298    border-radius: 8px;
3299    padding: 16px;
3300    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
3301    font-family: Arial, sans-serif;
3302  }
3303  
3304  .sidebar-widget-title {
3305    font-size: 14px;
3306    font-weight: bold;
3307    color: #1e293b;
3308    text-transform: uppercase;
3309    letter-spacing: 0.5px;
3310    margin: 0 0 12px 0;
3311    padding-bottom: 8px;
3312    border-bottom: 2px solid #e53935; /* Garis Merah Tema */
3313  }
3314  
3315  .sidebar-post-item {
3316    display: flex;
3317    gap: 12px;
3318    align-items: center;
3319    padding: 10px 0;
3320    border-bottom: 1px dashed #e2e8f0;
3321  }
3322  
3323  .sidebar-post-item:last-child {
3324    border-bottom: none;
3325    padding-bottom: 0;
3326  }
3327  
3328  .sidebar-post-thumb {
3329    width: 75px;
3330    height: 75px;
3331    flex-shrink: 0;
3332    border-radius: 8px; /* Ujung Thumbnail Rounded Presisi */
3333    object-fit: cover;
3334    background-color: #f1f5f9;
3335  }
3336  
3337  .sidebar-post-info {
3338    flex-grow: 1;
3339  }
3340  
3341  .sidebar-post-title {
3342    margin: 0;
3343    font-size: 13px;
3344    line-height: 1.4;
3345    font-weight: bold;
3346  }
3347  
3348  .sidebar-post-title a {
3349    color: #1e293b;
3350    text-decoration: none;
3351    transition: color 0.2s;
3352  }
3353  
3354  .sidebar-post-title a:hover {
3355    color: #e53935; /* Hover Merah Tema */
3356  }
3357
3358  .sidebar-post-date {
3359    font-size: 11px;
3360    color: #94a3b8;
3361    margin-top: 4px;
3362    display: block;
3363  }
3364</style>
3365
3366<div class="sidebar-posts-widget">
3367  <!-- Judul Widget (Bisa diganti: BERITA TERBARU / POSTINGAN TERBARU) -->
3368  <h3 class="sidebar-widget-title">BERITA TERBARU</h3>
3369  <div id="sidebar-latest-posts"></div>
3370</div>
3371
3372<script>
3373  var sidebarPostCount = 4; // Jumlah postingan yang ingin ditampilkan di sidebar
3374
3375  function renderSidebarPosts(json) {
3376    var container = document.getElementById('sidebar-latest-posts');
3377    var html = '';
3378    
3379    if (json.feed.entry) {
3380      for (var i = 0; i < json.feed.entry.length; i++) {
3381        var entry = json.feed.entry[i];
3382        var title = entry.title.$t;
3383        var postUrl = '';
3384        
3385        // Mengambil URL Artikel
3386        for (var j = 0; j < entry.link.length; j++) {
3387          if (entry.link[j].rel === 'alternate') {
3388            postUrl = entry.link[j].href;
3389            break;
3390          }
3391        }
3392        
3393       // Mengambil Thumbnail Presisi (High Resolution / Auto Crop)
3394// Mengambil Thumbnail Presisi (High Resolution / Auto Crop)
3395var thumbUrl = '';
3396if (entry.media$thumbnail) {
3397  var url = entry.media$thumbnail.url;
3398  thumbUrl = url.replace(/\/s\d+(?:-[^\/]+)?\//, '/w600-h400-p-k-no-nu/').replace(/\/w\d+(?:-h\d+)?(?:-[^\/]+)?\//, '/w600-h400-p-k-no-nu/');
3399} else if (entry.content && entry.content.$t.indexOf('<img') !== -1) {
3400  var srcMatch = entry.content.$t.match(/src=["']([^"']+)["']/);
3401  if (srcMatch) {
3402    var rawSrc = srcMatch[1];
3403    thumbUrl = rawSrc.replace(/\/s\d+(?:-[^\/]+)?\//, '/w600-h400-p-k-no-nu/').replace(/\/w\d+(?:-h\d+)?(?:-[^\/]+)?\//, '/w600-h400-p-k-no-nu/');
3404  }
3405}
3406        
3407        // Fallback jika artikel tidak memiliki gambar
3408        if (!thumbUrl) {
3409          thumbUrl = 'https://via.placeholder.com/150x150/e2e8f0/94a3b8?text=No+Image';
3410        }
3411        
3412        html += '<div class="sidebar-post-item">';
3413        html += '<a href="' + postUrl + '"><img class="sidebar-post-thumb" src="' + thumbUrl + '" alt="' + title + '" /></a>';
3414        html += '<div class="sidebar-post-info">';
3415        html += '<h4 class="sidebar-post-title"><a href="' + postUrl + '">' + title + '</a></h4>';
3416        html += '</div>';
3417        html += '</div>';
3418      }
3419    }
3420    container.innerHTML = html;
3421  }
3422</script>
3422
3423
3424<!-- Mengambil Feed Postingan Terbaru -->
3425<script src="/feeds/posts/summary?alt=json-in-script&max-results=4&callback=renderSidebarPosts"></script>
3425
3426</div>
3427<div class='clear'></div>
3428</div><div class='widget HTML' data-version='1' id='HTML2'>
3429<div class='widget-content'>
3430<!-- AdSense Sticky Sidebar -->
3431<div class="tj-sticky-ad">
3432
3433  <ins class="adsbygoogle"
3434       style="display:block"
3435       data-ad-client="ca-pub-1783745483990845"
3436       data-ad-slot="2055199104"
3437       data-ad-format="auto"
3438       data-full-width-responsive="true"></ins>
3439
3440  
3440<script>
3441    (adsbygoogle = window.adsbygoogle || []).push({});
3442  </script>
3442
3443
3444</div>
3445
3446<style>
3447.tj-sticky-ad {
3448  position: sticky;
3449  top: 25px;
3450  width: 100%;
3451  margin: 15px 0;
3452}
3453</style>
3454</div>
3455<div class='clear'></div>
3456</div><div class='widget PopularPosts' data-version='1' id='PopularPosts1'>
3457<h2>Berita Populer</h2>
3458<div class='widget-content popular-posts'>
3459<ul>
3460<li>
3461<div class='item-thumbnail-only'>
3462<div class='item-thumbnail'>
3463<a href='https://www.tatarjabar.com/2020/01/golok-sunda-yang-mistis-dan-legendaris.html' target='_blank'>
3464<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'/>
3465</a>
3466</div>
3467<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>
3468</div>
3469<div style='clear: both;'></div>
3470</li>
3471<li>
3472<div class='item-thumbnail-only'>
3473<div class='item-thumbnail'>
3474<a href='https://www.tatarjabar.com/2020/08/tizi-restoran-legendaris-dari-kota.html' target='_blank'>
3475<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'/>
3476</a>
3477</div>
3478<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>
3479</div>
3480<div style='clear: both;'></div>
3481</li>
3482<li>
3483<div class='item-thumbnail-only'>
3484<div class='item-thumbnail'>
3485<a href='https://www.tatarjabar.com/2024/07/evha-tiara-oktova-sarjana-ekonomi-unpad.html' target='_blank'>
3486<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'/>
3487</a>
3488</div>
3489<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>
3490</div>
3491<div style='clear: both;'></div>
3492</li>
3493<li>
3494<div class='item-thumbnail-only'>
3495<div class='item-thumbnail'>
3496<a href='https://www.tatarjabar.com/2024/04/alpina-legenda-tas-dan-alat-alat.html' target='_blank'>
3497<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'/>
3498</a>
3499</div>
3500<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>
3501</div>
3502<div style='clear: both;'></div>
3503</li>
3504<li>
3505<div class='item-thumbnail-only'>
3506<div class='item-thumbnail'>
3507<a href='https://www.tatarjabar.com/2021/06/hebat-oktafiany-parasya-puspa-siswa.html' target='_blank'>
3508<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'/>
3509</a>
3510</div>
3511<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>
3512</div>
3513<div style='clear: both;'></div>
3514</li>
3515</ul>
3516<div class='clear'></div>
3517</div>
3518</div></div>
3519</div>
3520</aside>
3521</div>
3522</div>
3523<!-- 3-Column Footer Area -->
3524<footer class='footer-wrapper'>
3525<div class='container'>
3526<div class='row'>
3527<!-- Kolom 1 Footer -->
3528<div class='col-md-4 mb-4'>
3529<div class='no-items section' id='footer-col-1'></div>
3530</div>
3531<!-- Pembungkus Baris Footer 3 Kolom -->
3532<div class='row' style='display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;'>
3533<!-- Kolom 1: Logo & Alamat -->
3534<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;'>
3535<a href='https://tatarjabar.com'>
3536<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;'/>
3537</a>
3538<p class='small text-muted mb-0'>
3539    Jl. Baladewa II No. 96 Bandung 40173 - Jawa Barat<br/>
3540    Email: [email protected]
3541  </p>
3542</div>
3543<!-- Kolom 2: Hubungi Kami (Sudah Ditukar) -->
3544<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;'>
3545<h5 class='text-white mb-3' style='font-size: 1rem; font-weight: 700; text-transform: uppercase;'>Hubungi Kami</h5>
3546<p class='small text-muted mb-3'>
3547      Informasi dan Pemasangan Iklan Hubungi Nomor Telepon atau WhatsApp :<br/>
3548<strong class='text-white'>+62 085864419719</strong>
3549</p>
3550</div>
3551<!-- Kolom 3: Tentang Kami (Berupa Teks Paragraf) -->
3552<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;'>
3553<h5 class='text-white mb-3' style='font-size: 1rem; font-weight: 700; text-transform: uppercase;'>Tentang Kami</h5>
3554<p class='small text-muted mb-0' style='line-height: 1.6;'>
3555    Ruang informasi yang menghadirkan kabar terkini, kisah inspiratif, dan peristiwa masyarakat. Disajikan secara faktual, objektif, dan bertanggung jawab.
3556  </p>
3557</div>
3558</div>
3559</div>
3560<hr class='bg-secondary border-secondary my-4'/>
3561<div class='text-center footer-copyright'>
3562        &#169; 
3562<script>document.write(new Date().getFullYear())</script>
3562
3563<a href='https://www.tatarjabar.com/'>Tatar Jabar</a>. All rights reserved.
3564      </div>
3565</div>
3566</footer>
3567<!-- Script Engine Fix Auto Ultra-HD Slider Loader -->
3568<script type='text/javascript'>
3569    //<![CDATA[
3570    function getOriginalHDImage(rawUrl) {
3571      if (!rawUrl) return 'https://via.placeholder.com/1200x600?text=No+Image';
3572      var fullHdUrl = rawUrl.replace(/\/s[0-9]+(-[a-z0-9]+)?\//g, '/s1600/')
3573                            .replace(/\/w[0-9]+-h[0-9]+(-[a-z0-9]+)?\//g, '/s1600/')
3574                            .replace(/\/s[0-9]+-c\//g, '/s1600/')
3575                            .replace(/\/w[0-9]+-h[0-9]+-c\//g, '/s1600/')
3576                            .replace(/\/s72-c\//g, '/s1600/')
3577                            .replace(/=w[0-9]+-h[0-9]+-[a-z0-9-]+/g, '=s1600')
3578                            .replace(/=s[0-9]+-[a-z0-9-]+/g, '=s1600');
3579      return fullHdUrl;
3580    }
3581
3582    $(document).ready(function(){
3583      $.ajax({
3584        url: "/feeds/posts/default?alt=json&max-results=5",
3585        type: 'GET',
3586        dataType: 'json',
3587        success: function(data) {
3588          var html = '';
3589          var entries = data.feed.entry || [];
3590          if(entries.length === 0){
3591            $('#slider-container').html('<div class="carousel-item active p-5 text-center text-white">Belum ada artikel.</div>');
3592            return;
3593          }
3594          for (var i = 0; i < entries.length; i++) {
3595            var entry = entries[i];
3596            var title = entry.title.$t;
3597            var link = '';
3598            for (var k = 0; k < entry.link.length; k++) {
3599              if (entry.link[k].rel == 'alternate') { link = entry.link[k].href; break; }
3600            }
3601            
3602            var img = '';
3603            if (entry.media$thumbnail && entry.media$thumbnail.url) {
3604              img = getOriginalHDImage(entry.media$thumbnail.url);
3605            } 
3606            if (entry.content && entry.content.$t) {
3607              var firstImgInContent = $(entry.content.$t).find('img:first').attr('src');
3608              if (firstImgInContent) {
3609                img = getOriginalHDImage(firstImgInContent);
3610              }
3611            }
3612            if (!img) {
3613              img = 'https://via.placeholder.com/1200x600?text=No+Image';
3614            }
3615            
3616            var activeClass = (i === 0) ? 'active' : '';
3617            html += '<div class="carousel-item ' + activeClass + '" style="background-image: url(\'' + img + '\');">';
3618            html += '<div class="carousel-caption">';
3619            html += '<h3><a href="' + link + '" class="text-white text-decoration-none">' + title + '</a></h3>';
3620            html += '</div></div>';
3621          }
3622          $('#slider-container').html(html);
3623        },
3624        error: function() {
3625          $('#slider-container').html('<div class="carousel-item active p-5 text-center text-white">Gagal memuat slider.</div>');
3626        }
3627      });
3628    });
3629    //]]>
3630  </script>
vendor: 1 bytes, line 3630
3630
3631<script>//<![CDATA[
3632function showRelatedPosts(json) {
3633  var container = document.getElementById('related-posts-container');
3634  if (!container) return;
3635
3636  if (!json.feed || !json.feed.entry || json.feed.entry.length === 0) {
3637    container.innerHTML = '<p class="text-muted small">Tidak ada berita terkait.</p>';
3638    return;
3639  }
3640
3641  var entries = json.feed.entry;
3642  var html = '<div class="row row-cols-1 row-cols-md-3 g-3">';
3643  var currentUrl = window.location.href.split('?')[0].split('#')[0];
3644  var count = 0;
3645
3646  for (var i = 0; i < entries.length; i++) {
3647    if (count >= 3) break;
3648    var entry = entries[i];
3649    var title = entry.title.$t;
3650    var postUrl = '';
3651
3652    for (var k = 0; k < entry.link.length; k++) {
3653      if (entry.link[k].rel === 'alternate') {
3654        postUrl = entry.link[k].href;
3655        break;
3656      }
3657    }
3658
3659    if (postUrl === currentUrl) continue;
3660
3661    var thumb = 'https://via.placeholder.com/400x250?text=No+Image';
3662    if (entry.media$thumbnail) {
3663      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/');
3664    }
3665
3666    html += '<div class="col">';
3667    html += '  <div class="card h-100 border-0 shadow-sm related-post-card">';
3668    html += '    <a href="' + postUrl + '">';
3669    html += '      <img src="' + thumb + '" class="card-img-top related-post-img" alt="' + title + '">';
3670    html += '    </a>';
3671    html += '    <div class="card-body p-3">';
3672    html += '      <h6 class="card-title fw-bold m-0" style="font-size: 0.95rem; line-height: 1.4;">';
3673    html += '        <a href="' + postUrl + '" class="text-decoration-none text-dark">' + title + '</a>';
3674    html += '      </h6>';
3675    html += '    </div>';
3676    html += '  </div>';
3677    html += '</div>';
3678
3679    count++;
3680  }
3681
3682  html += '</div>';
3683  container.innerHTML = (count > 0) ? html : '<p class="text-muted small">Tidak ada berita terkait lainnya.</p>';
3684}
3685//]]></script>
3685
3686<!-- Tombol Back to Top -->
3687<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'>
3688  &#9650;
3689</button>
3690<script>
3691// Munculkan tombol saat halaman di-scroll ke bawah sejauh 300px
3692window.onscroll = function() {scrollFunction()};
3693
3694function scrollFunction() {
3695  var btn = document.getElementById("backToTopBtn");
3696  if (document.body.scrollTop > 300 || document.documentElement.scrollTop > 300) {
3697    btn.style.display = "block";
3698  } else {
3699    btn.style.display = "none";
3700  }
3701}
3702
3703// Fungsi saat tombol diklik, halaman otomatis naik ke atas dengan smooth
3704function topFunction() {
3705  window.scrollTo({top: 0, behavior: 'smooth'});
3706}
3707</script>
3707
3708<!-- SCRIPT PERBAIKAN THUMBNAIL BLUR TATARJABAR - V5 -->
3709<script type='text/javascript'>
3710//<![CDATA[
3711(function() {
3712  var thumbSelectors = [
3713    '.post-thumb-img',
3714    '.sidebar-post-thumb',
3715    '.related-post-img',
3716    '.tj-random-thumb-box img',
3717    '.PopularPosts .item-thumbnail img',
3718    '.related-img-wrap img',
3719    '.custom-twocol-outer-box .card-img-top'
3720  ];
3721
3722  function upgradeBloggerThumbUrl(url) {
3723    if (!url || !/googleusercontent\.com|blogspot\.com/i.test(url)) return url;
3724    var out = url;
3725    out = out.replace(/\/s[0-9]+(?:-[^\/]+)?\//i, '/s1600/')
3726             .replace(/\/w[0-9]+(?:-h[0-9]+)?(?:-[^\/]+)?\//i, '/s1600/');
3727    out = out.replace(/=w[0-9]+(?:-h[0-9]+)?(?:-[a-z0-9-]+)?/ig, '=s1600')
3728             .replace(/=s[0-9]+(?:-[a-z0-9-]+)?/ig, '=s1600');
3729    return out;
3730  }
3731
3732  function upgradeThumbs() {
3733    document.querySelectorAll(thumbSelectors.join(',')).forEach(function(img) {
3734      var src = img.getAttribute('data-src') || img.getAttribute('src') || '';
3735      var upgraded = upgradeBloggerThumbUrl(src);
3736      if (upgraded && upgraded !== src) {
3737        img.setAttribute('src', upgraded);
3738        if (img.hasAttribute('data-src')) img.setAttribute('data-src', upgraded);
3739      }
3740      if (img.hasAttribute('srcset')) img.removeAttribute('srcset');
3741      img.setAttribute('decoding', 'async');
3742    });
3743  }
3744
3745  function startThumbnailFix() {
3746    upgradeThumbs();
3747    var observer = new MutationObserver(function(mutations) {
3748      for (var i = 0; i < mutations.length; i++) {
3749        if (mutations[i].addedNodes && mutations[i].addedNodes.length) {
3750          upgradeThumbs();
3751          break;
3752        }
3753      }
3754    });
3755    if (document.body) observer.observe(document.body, { childList: true, subtree: true });
3756    setTimeout(upgradeThumbs, 300);
3757    setTimeout(upgradeThumbs, 1000);
3758    setTimeout(upgradeThumbs, 2500);
3759    setTimeout(upgradeThumbs, 5000);
3760  }
3761
3762  if (document.readyState === 'loading') {
3763    document.addEventListener('DOMContentLoaded', startThumbnailFix);
3764  } else {
3765    startThumbnailFix();
3766  }
3767})();
3768//]]>
3769</script>
vendor: 1 bytes, line 3769
3769
3770<script async='async' crossorigin='anonymous' src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1783745483990845'></script>
vendor: 1 bytes, line 3770
3770
3771<script type='text/javascript'>
3772//<![CDATA[
3773/* FINAL MOBILE FIX: bersihkan BR/paragraf kosong di antara foto dan teks */
3774(function () {
3775  function fixMobileImageSpacing() {
3776    if (window.innerWidth > 768) return;
3777
3778    var body = document.getElementById('tj-post-body');
3779    if (!body) return;
3780
3781    var images = body.querySelectorAll('img');
3782
3783    images.forEach(function (img) {
3784      var wrapper = img.closest('.separator, .tr-caption-container, figure') || img.parentElement;
3785      if (!wrapper || wrapper === body) return;
3786
3787      var next = wrapper.nextElementSibling;
3788
3789      /* Buang BR kosong setelah gambar */
3790      while (next && next.tagName === 'BR') {
3791        var remove = next;
3792        next = next.nextElementSibling;
3793        remove.remove();
3794      }
3795
3796      /* Buang paragraf yang benar-benar kosong / hanya berisi BR */
3797      while (next && next.tagName === 'P' && next.textContent.trim() === '') {
3798        var emptyP = next;
3799        next = next.nextElementSibling;
3800        emptyP.remove();
3801      }
3802
3803      /* Paragraf pertama setelah foto t
3803idak diberi margin atas */
3804      if (next && next.tagName === 'P') {
3805        next.style.setProperty('margin-top', '0', 'important');
3806        next.style.setProperty('padding-top', '0', 'important');
3807      }
3808    });
3809  }
3810
3811  function runMobileImageSpacingFix() {
3812    fixMobileImageSpacing();
3813    setTimeout(fixMobileImageSpacing, 100);
3814    setTimeout(fixMobileImageSpacing, 500);
3815  }
3816
3817  if (document.readyState === 'loading') {
3818    document.addEventListener('DOMContentLoaded', runMobileImageSpacingFix);
3819  } else {
3820    runMobileImageSpacingFix();
3821  }
3822
3823  window.addEventListener('resize', fixMobileImageSpacing);
3824})();
3825 //]]>
3826</script>
3826
3827<style id='tatarjabar-mobile-ads-v30'>
3828/* V30: Mobile affiliate + AdSense stability */
3829@media screen and (max-width: 768px) {
3830  #HTML10 { margin-left: 0 !important; margin-right: 0 !important; }
3831  #HTML10 .widget-content { overflow: visible !important; }
3832  #HTML10 a { display: block !important; width: 100% !important; }
3833  #HTML10 img { width: 100% !important; height: auto !important; min-height: 1px !important; object-fit: contain !important; }
3834
3835  .tj-sticky-ad-wrapper {
3836    min-height: 0 !important;
3837    height: auto !important;
3838    max-width: 100% !important;
3839    overflow: hidden !important;
3840    margin: 12px auto !important;
3841  }
3842
3843  /* Jangan menyisakan blok kosong besar jika AdSense tidak mengisi slot. */
3844  .tj-sticky-ad-wrapper.tj-ad-empty {
3845    display: none !important;
3846  }
3847
3848  /* Slot iklan in-article tidak memaksa tinggi ketika belum terisi. */
3849  .tj-in-article-ad { min-height: 0 !important; overflow: hidden !important; }
3850}
3851</style>
3852<script type='text/javascript'>
3853//<![CDATA[
3854(function(){
3855  function imageProxyFix(){
3856    if (window.innerWidth > 768) return;
3857    var imgs = document.querySelectorAll('#tatarjabarShopeeWidget img[data-original-src]');
3858    for (var i=0;i<imgs.length;i++){
3859      var img=imgs[i];
3860      if (img.dataset.proxyPrepared) continue;
3861      img.dataset.proxyPrepared='1';
3862      img.referrerPolicy='no-referrer';
3863      var original=img.getAttribute('data-original-src');
3864      if (original && img.src === original) {
3865        img.src='https://wsrv.nl/?url='+encodeURIComponent(original);
3866      }
3867    }
3868  }
3869
3870  function watchAds(){
3871    var ads=document.querySelectorAll('.tj-sticky-ad-wrapper, .tj-in-article-ad');
3872    for (var i=0;i<ads.length;i++){
3873      var box=ads[i];
3874      if (box.dataset.adWatch) continue;
3875      box.dataset.adWatch='1';
3876      var check=function(){
3877        var b=this;
3878        var filled=b.querySelector('iframe, ins.adsbygoogle[data-ad-status="filled"]');
3879        var ins=b.querySelector('ins.adsbygoogle');
3880        if (filled){ b.classList.remove('tj-ad-empty'); return; }
3881        if (ins && ins.getAttribute('data-ad-status') === 'unfilled') b.classList.add('tj-ad-empty');
3882      }.bind(box);
3883      setTimeout(check, 8000);
3884      setTimeout(check, 15000);
3885      if (window.MutationObserver){
3886        new MutationObserver(function(){ check(); }).observe(box,{childList:true,subtree:true,attributes:true,attributeFilter:['data-ad-status']});
3887      }
3888    }
3889  }
3890
3891  function run(){ imageProxyFix(); watchAds(); }
3892  if(document.readyState==='loading') document.addEventListener('DOMContentLoaded',run); else run();
3893  setTimeout(run,1500); setTimeout(run,4000);
3894})();
3895//]]>
3896</script>
3896
3897<!-- FINAL OVERRIDE: BERITA POPULER tanpa blok hitam saat hover -->
3898<style id='tj-popular-no-black-hover'>
3899.PopularPosts .item-title a:hover,
3900.PopularPosts .item-title:hover,
3901.PopularPosts li:hover .item-title a {
3902  background: #fff !important;
3903  background-color: #fff !important;
3904  color: inherit !important;
3905  border-color: #eee !important;
3906  transform: none !important;
3907  box-shadow: none !important;
3908  text-decoration: none !important;
3909}
3910</style>
3911<style id='tj-final-popular-related-layout-v6'>
3912/* =========================================================
3913   BERITA POPULER &#8212; konsep sama seperti BERITA PILIHAN SIDEBAR
3914   1 kolom, full width sidebar, tanpa slider/panah/hover hitam
3915   ========================================================= */
3916.widget.PopularPosts ul {
3917  width: 100% !important;
3918  box-sizing: border-box !important;
3919}
3920
3921.widget.PopularPosts li {
3922  width: 100% !important;
3923  box-sizing: border-box !important;
3924  margin: 0 0 10px 0 !important;
3925  padding: 0 !important;
3926}
3927
3928.widget.PopularPosts li .item-thumbnail-only,
3929.widget.PopularPosts li .item-content {
3930  width: 100% !important;
3931  display: block !important;
3932  box-sizing: border-box !important;
3933  margin: 0 !important;
3934  padding: 0 !important;
3935}
3936
3937.widget.PopularPosts li .item-thumbnail,
3938.widget.PopularPosts li .item-thumbnail a,
3939.widget.PopularPosts li .item-thumbnail img {
3940  width: 100% !important;
3941  max-width: 100% !important;
3942  box-sizing: border-box !important;
3943}
3944
3945.widget.PopularPosts li .item-thumbnail a {
3946  display: block !important;
3947  margin: 0 !important;
3948  padding: 0 !important;
3949  background: transparent !important;
3950  border: 0 !important;
3951  border-radius: 9px !important;
3952}
3953
3954.widget.PopularPosts li .item-thumbnail img {
3955  display: block !important;
3956  height: 150px !important;
3957  object-fit: cover !important;
3958  border-radius: 9px !important;
3959  margin: 0 !important;
3960  padding: 0 !important;
3961}
3962
3963/* Judul menjadi blok tepat selebar foto */
3964.widget.PopularPosts li .item-title {
3965  width: 100% !important;
3966  margin: 0 !important;
3967  padding: 10px 12px !important;
3968  box-sizing: border-box !important;
3969  background: #fff !important;
3970  border: 1px solid #e9ecef !important;
3971  border-radius: 8px !important;
3972}
3973
3974.widget.PopularPosts li .item-title a,
3975.widget.PopularPosts li .item-title a:hover {
3976  display: block !important;
3977  width: 100% !important;
3978  margin: 0 !important;
3979  padding: 0 !important;
3980  box-sizing: border-box !important;
3981  background: #fff !important;
3982  background-color: #fff !important;
3983  color: #333 !important;
3984  border: 0 !important;
3985  border-radius: 0 !important;
3986  transform: none !important;
3987  box-shadow: none !important;
3988  text-decoration: none !important;
3989}
3990
3991/* Jangan beri efek hover pada seluruh kartu */
3992.widget.PopularPosts li:hover,
3993.widget.PopularPosts li:hover .item-title,
3994.widget.PopularPosts li:hover .item-title a {
3995  background: transparent !important;
3996  background-color: transparent !important;
3997  transform: none !important;
3998  box-shadow: none !important;
3999}
4000
4001/* =========================================================
4002   BERITA TERKAIT &#8212; thumbnail seragam dan rounded 4 sudut
4003   ========================================================= */
4004.related-post-card {
4005  overflow: hidden !important;
4006}
4007
4008.related-post-card .related-post-img,
4009.related-post-img {
4010  display: block !important;
4011  width: 100% !important;
4012  max-width: 100% !important;
4013  height: 160px !important;
4014  aspect-ratio: 3 / 2 !important;
4015  object-fit: cover !important;
4016  border-radius: 9px !important;
4017  margin: 0 !important;
4018  padding: 0 !important;
4019}
4020
4021/* Jangan biarkan CSS artikel mengalahkan thumbnail terkait */
4022.post-body .related-post-img,
4023.article-content .related-post-img,
4024#tj-post-body .related-post-img,
4025.entry-content .related-post-img {
4026  width: 100% !important;
4027  height: 160px !important;
4028  max-width: 100% !important;
4029  aspect-ratio: 3 / 2 !important;
4030  object-fit: cover !important;
4031  border-radius: 9px !important;
4032  margin: 0 !important;
4033}
4034</style>
4035<style id='tj-final-popular-title-hover-red'>
4036/* BERITA POPULER &#8212; judul artikel berubah merah saat disorot */
4037.widget.PopularPosts li .item-title a:hover {
4038  color: #e53935 !important;
4039}
4040</style>
4041
4042<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/3805468264-widgets.js"></script>
vendor: 1 bytes, line 4042
4042
4043<script type='text/javascript'>
4044window['__wavt'] = 'AAPvtVkB2spaNu8Ko1P5LZTOF-q9:1790959460167';_WidgetManager._Init('//draft.blogger.com/rearrange?blogID\x3d8933285899404174265','//www.tatarjabar.com/p/privacy-policy-for-tatar-jabar-at-tatar.html','8933285899404174265');
4045_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '8933285899404174265', 'title': 'Tatar Jabar', 'url': 'https://www.tatarjabar.com/p/privacy-policy-for-tatar-jabar-at-tatar.html', 'canonicalUrl': 'https://www.tatarjabar.com/p/privacy-policy-for-tatar-jabar-at-tatar.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://draft.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://draft.blogger.com/feeds/8933285899404174265/posts/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/16553222d8843616', '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'}
4045, 'hasCustomJumpLinkMessage': true, 'jumpLinkMessage': 'Selengkapnya \xbb', 'pageType': 'static_page', 'pageId': '5893450771948527734', 'pageName': 'Privacy Policy', 'pageTitle': 'Tatar Jabar: Privacy Policy', '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': 'Privacy Policy', 'description': '', 'url': 'https://www.tatarjabar.com/p/privacy-policy-for-tatar-jabar-at-tatar.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': true, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'pageId': 5893450771948527734}}, {'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': '5893450771948527734', 'title': 'Privacy Policy', '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': 'HTML12'}, {'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'}, {'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'}]}]}]);
4046_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header-logo', document.getElementById('Header1'), {}, 'displayModeFull'));
4047_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main-posts', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/523436852-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));
4048_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'main-posts', document.getElementById('HTML3'), {}, 'displayModeFull'));
4049_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'main-posts', document.getElementById('HTML6'), {}, 'displayModeFull'));
4050_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'main-posts', document.getElementById('HTML5'), {}, 'displayModeFull'));
4051_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'main-posts', document.getElementById('HTML10'), {}, 'displayModeFull'));
4052_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'sidebar-widgets', document.getElementById('HTML8'), {}, 'displayModeFull'));
4053_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'sidebar-widgets', document.getElementById('HTML4'), {}, 'displayModeFull'));
4054_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML9', 'sidebar-widgets', document.getElementById('HTML9'), {}, 'displayModeFull'));
4055_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML12', 'sidebar-widgets', document.getElementById('HTML12'), {}, 'displayModeFull'));
4056_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar-widgets', document.getElementById('HTML1'), {}, 'displayModeFull'));
4057_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'sidebar-widgets', document.getElementById('HTML11'), {}, 'displayModeFull'));
4058_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'sidebar-widgets', document.getElementById('HTML7'), {}, 'displayModeFull'));
4059_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar-widgets', document.getElementById('HTML2'), {}, 'displayModeFull'));
4060_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar-widgets', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
4061</script>
4061
4062</body>
4063</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.