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 — 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 — 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 — 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 — 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 — 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 — 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!='all')media='all'' 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'>▾</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;'>• 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;">• <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, '"') + '"></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 – <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">❮</button> 2317 <button class="tj-random-btn" id="tjRandomNext">❯</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 '— ' + 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 “Asean Digital Art Society (ASEDAS) 2021” </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 ©
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 ▲ 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 — 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 — 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 — 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.