1<!DOCTYPE html> 2<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> 3<head> 4<meta name='impact-site-verification' value='63f46a50-f01f-4d79-9d15-b12939d16d61'/>
5<script async='async' crossorigin='anonymous' src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1783745483990845'></script>
5 6<meta charset='utf-8'/> 7<meta content='width=device-width, initial-scale=1, shrink-to-fit=no' name='viewport'/> 8<title>Peduli Duka Lions Club Menjangkau Titik-Titik Masyarakat yang Sangat Membutuhkan</title> 9<!-- Google Fonts: Plus Jakarta Sans (Judul) & Inter (Body) --> 10<link href='https://fonts.googleapis.com' rel='preconnect'/> 11<link crossorigin='anonymous' href='https://fonts.gstatic.com' rel='preconnect'/> 12<link href='https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Noto+Serif:wght@600;700;800&display=swap' rel='stylesheet'/> 13<!-- Bootstrap 5 CSS & FontAwesome --> 14<link href='https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css' rel='stylesheet'/> 15<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css' rel='stylesheet'/> 16<style id='page-skin-1' type='text/css'><!-- 17/* Global Typography Reset */ 18body { 19font-family: 'Inter', system-ui, -apple-system, sans-serif; 20background-color: #f8f9fa; 21color: #2b2b2b; 22font-size: 0.975rem; 23line-height: 1.6; 24} 25h1, h2, h3, h4, h5, h6, .sidebar-widget-title { 26font-family: 'Noto Serif', Georgia, serif; 27letter-spacing: -0.02em; 28} 29a { color: #0d6efd; text-decoration: none; } 30a:hover { color: #0a58ca; } 31/* Header & Navigation Menu */ 32.navbar-main { background-color: #1a252f; padding: 12px 0; } 33.navbar-brand-logo { color: #ffffff !important; font-size: 1.65rem; font-weight: 800; text-decoration: none; } 34.navbar-brand-logo { font-family: 'Inter', system-ui, sans-serif; } 35.navbar-brand-logo img { max-height: 45px; width: auto; } 36.navbar-main .nav-link { color: #ffffff !important; font-weight: 600; font-size: 0.925rem; padding: 10px 16px; } 37.navbar-main .nav-link:hover { color: #e53935 !important; } 38.dropdown-menu { border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); } 39/* Auto-HD Main Slider - Compact Caption Fix */ 40#main-slider { position: relative; overflow: hidden; border-radius: 8px; margin-bottom: 35px; background: #000; min-height: 380px; } 41#main-slider .carousel-item { height: 380px; background-size: cover; background-position: center center; background-repeat: no-repeat; } 42#main-slider .carousel-caption { 43background: linear-gradient(0deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 75%, rgba(0,0,0,0) 100%); 44left: 0; 45right: 0; 46bottom: 0; 47padding: 14px 22px; 48text-align: left; 49} 50#main-slider .carousel-caption h3 { 51font-size: 1.35rem; 52font-weight: 700; 53margin-bottom: 0; 54line-height: 1.3; 55color: #ffffff !important; 56} 57/* Article List / Post Card Layout - Krop Fokus Atas */ 58.post-card { border-radius: 8px; overflow: hidden; background: #fff; transition: transform 0.2s ease-in-out; margin-bottom: 30px; } 59.post-card:hover { transform: translateY(-3px); } 60.post-thumb-wrapper { display: block; overflow: hidden; max-height: 320px; background-color: #e9ecef; } 61.post-thumb-img { width: 100%; height: 320px; object-fit: cover; object-position: top center; } 62.post-card .card-title { font-weight: 700; line-height: 1.35; } 63.single-article-wrapper { background: #fff; border-radius: 8px; padding: 32px; } 64.single-article-wrapper h1 { font-weight: 800; font-size: 2rem; line-height: 1.25; } 65.single-article-wrapper img { max-width: 100%; height: auto; border-radius: 6px; margin: 15px 0; } 66.article-content { font-size: 1.05rem; line-height: 1.75; color: #333333; } 67/* ========================================================= 68FIX SIDEBAR WIDGET & SEARCH FORM (GLOBAL FIX) 69========================================================= */ 70.sticky-sidebar-wrapper { position: -webkit-sticky; position: sticky; top: 20px; z-index: 10; } 71/* Memaksa SEMUA widget di sidebar berbentuk kartu putih */ 72.sticky-sidebar-wrapper .widget, 73.sidebar-widget-card { 74background: #fff; 75border-radius: 8px; 76padding: 22px; 77margin-bottom: 35px; 78box-shadow: 0 2px 8px rgba(0,0,0,0.05); 79} 80/* Memaksa SEMUA judul widget berukuran seragam */ 81.sticky-sidebar-wrapper .widget h2, 82.sticky-sidebar-wrapper .widget h2.title, 83.sidebar-widget-title { 84font-size: 0.95rem !important; 85font-weight: 800 !important; 86text-transform: uppercase; 87letter-spacing: 0.05em; 88border-bottom: 2px solid #1a252f;
89padding-bottom: 8px; 90margin-bottom: 16px; 91color: #1a252f; 92line-height: 1.2; 93} 94/* Hover judul widget Berita Populer — 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://www.blogger.com/dyncss/8933285899404174265/authorization.css?zx=7129982e-2b4d-45f7-a50b-cddabfe43f3f' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyncss/8933285899404174265/authorization.css?zx=7129982e-2b4d-45f7-a50b-cddabfe43f3f' rel='stylesheet'/></noscript> 963<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/> 964<meta name='google-adsense-platform-domain' content='blogspot.com'/> 965
966<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1783745483990845&host=ca-host-pub-1556223355139109" crossorigin="anonymous"></script>
966 967 968<!-- data-ad-client=ca-pub-1783745483990845 --> 969 970</head> 971<body> 972<!-- Header & Navigation Area --> 973<header class='header-wrapper'> 974<nav class='navbar navbar-expand-lg navbar-main shadow-sm'> 975<div class='container'> 976<!-- Logo / Title Header --> 977<div class='section' id='header-logo'><div class='widget Header' data-version='1' id='Header1'> 978<div class='site-header-logo' style='padding: 10px 0; text-align: left;'> 979<a href='https://www.tatarjabar.com/' style='display: inline-block;'> 980<img alt='Tatar Jabar' src='https://blogger.googleusercontent.com/img/a/AVvXsEiON-fQaGD5omWpbqrfxA9N_EQ57Z3o5XzfCN6XvaUteJ3BSG3n9XkTyazofgsukvCj6K5V9TaSquG0HhARzmZfdVuvY6qGksZySuJnnGu8gmWZvGXnS6p5rMWoJsb0cg7sTPLKq1GeFr6Le1GMNuBppGKDUSg5BYQ-yjBfa4r3pnu5CZylJvx0BlqY8ZK0' style='max-height: 45px; width: auto; display: block;'/> 981</a> 982</div> 983</div></div> 984<!-- Tombol Toggle Mobile --> 985<button aria-controls='navbarNav' aria-expanded='false' aria-label='Toggle navigation' class='navbar-toggler text-white border-0' data-bs-target='#navbarNav' data-bs-toggle='collapse' type='button'> 986<span class='navbar-toggler-icon' style='filter: invert(1);'></span> 987</button> 988<!-- Menu Navbar --> 989<div class='collapse navbar-collapse' id='navbarNav'> 990<ul class='navbar-nav ms-auto align-items-lg-center gap-2'> 991<!-- 1. HOME --> 992<li class='nav-item'> 993<a class='nav-link' href='https://www.tatarjabar.com/'> 994<i class='fa-solid fa-house me-1'></i> Home 995 </a> 996</li> 997<!-- 2. PRIVACY POLICY --> 998<li class='nav-item'> 999<a class='nav-link' href='https://www.tatarjabar.com/p/privacy-policy-for-tatar-jabar-at-tatar.html'>Privacy Policy</a> 1000</li> 1001<!-- 3. DISCLAIMER --> 1002<li class='nav-item'> 1003<a class='nav-link' href='https://www.tatarjabar.com/p/disclaimer-for-tatar-jabar-if-you.html'>Disclaimer</a> 1004</li> 1005<!-- 4. KONTAK KAMI --> 1006<li class='nav-item'> 1007<a class='nav-link' href='https://www.tatarjabar.com/p/pedoman-siber.html'>Pedoman Siber</a> 1008</li> 1009</ul> 1010</div> 1011</div> 1012</nav> 1013</header> 1014<!-- Bar Menu Kategori - tatarjabar.com --> 1015<style> 1016/*<![CDATA[*/ 1017 .tj-cat-navbar { 1018 background-color: #ffffff; 1019 border-bottom: 2px solid #e53935; 1020 width: 100%; 1021 margin-top: 0 !important; 1022 margin-bottom: 0 !important; 1023 padding: 0 !important; 1024 position: relative; 1025 z-index: 1000; 1026 } 1027 1028 .tj-cat-container { 1029 max-width: 1200px; 1030 margin: 0 auto; 1031 display: flex; 1032 align-items: center; 1033 white-space: nowrap; 1034 } 1035 1036 .tj-cat-list { 1037 list-style: none; 1038 margin: 0 !important; 1039 padding: 0 !important; 1040 display: flex; 1041 align-items: stretch; 1042 width: 100%; 1043 } 1044 1045 .tj-cat-list > li { 1046 position: relative; 1047 margin: 0 !important; 1048 padding: 0 !important; 1049 } 1050 1051 .tj-cat-link, 1052 .tj-cat-dropdown-toggle { 1053 display: inline-flex; 1054 align-items: center; 1055 justify-content: center; 1056 min-height: 42px; 1057 box-sizing: border-box; 1058 padding: 12px 16px; 1059 font-family: Arial, sans-serif; 1060 font-size: 13px; 1061 font-weight: bold; 1062 color: #1e293b; 1063 text-decoration: none !important; 1064 text-transform: uppercase; 1065 letter-spacing: 0.5px; 1066 background: transparent; 1067 border: 0; 1068 cursor: pointer; 1069 transition: color 0.2s ease, background-color 0.2s ease; 1070 } 1071 1072 .tj-cat-link:hover, 1073 .tj-cat-link.active, 1074 .tj-cat-dropdown-toggle:hover, 1075 .tj-cat-dropdown-toggle.active { 1076 color: #e53935 !important; 1077 background-color: transparent !important; 1078 } 1079 1080 /* Dropdown SERBA-SERBI */ 1081 .tj-cat-dropdown-toggle { 1082 gap: 7px; 1083 } 1084 1085 .tj-cat-arrow { 1086 display: inline-block; 1087 font-size: 10px; 1088 line-height: 1; 1089 transition: transform 0.2s ease; 1090 } 1091 1092 .tj-cat-dropdown-menu { 1093 position: absolute; 1094 top: 100%; 1095 left: 0; 1096 min-width: 205px; 1097 margin: 0; 1098 padding: 7px 0; 1099 list-style: none; 1100 background: #ffffff; 1101 border: 1px solid #e5e7eb; 1102 border-top: 2px solid #e53935; 1103 border-radius: 0 0 8px 8px; 1104 box-shadow: 0 8px 20px rgba(0,0,0,0.12); 1105 visibility: hidden; 1106 opacity: 0; 1107 transform: translateY(5px); 1108 pointer-events: none; 1109 transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease; 1110 z-index: 9999; 1111 } 1112 1113 .tj-cat-dropdown-menu li { 1114 margin: 0 !important; 1115 padding: 0 !important; 1116 } 1117 1118 .tj-cat-dropdown-menu a { 1119 display: block; 1120 padding: 10px 15px; 1121 color: #1e293b !important; 1122 background: #ffffff !important; 1123 font-family: Arial, sans-serif; 1124 font-size: 13px; 1125 font-weight: 600; 1126 line-height: 1.35; 1127 text-decoration: none !important; 1128 text-transform: none; 1129 white-space: nowrap; 1130 transition: color 0.15s ease, background-color 0.15s ease; 1131 } 1132 1133 .tj-cat-dropdown-menu a:hover, 1134 .tj-cat-dropdown-menu a.active { 1135 color: #e53935 !important; 1136 background: #f8f9fa !important; 1137 } 1138 1139 /* Desktop: dropdown muncul saat mouse diarahkan */ 1140 @media (min-width: 769px) { 1141 .tj-cat-dropdown:hover > .tj-cat-dropdown-menu, 1142 .tj-cat-dropdown.is-open > .tj-cat-dropdown-menu { 1143 visibility: visible; 1144 opacity: 1; 1145 transform: translateY(0); 1146 pointer-events: auto; 1147 } 1148 1149 .tj-cat-dropdown:hover .tj-cat-arrow, 1150 .tj-cat-dropdown.is-open .tj-cat-arrow { 1151 transform: rotate(180deg); 1152 } 1153 } 1154 1155 .widget.HTML, .widget-content { 1156 margin-bottom: 0 !important; 1157 padding-bottom: 0 !important; 1158 } 1159 1160 /* Mobile: menu utama tetap horizontal, dropdown bisa dibuka dengan tap */ 1161 @media (max-width: 768px) { 1162 .tj-cat-container { 1163 overflow-x: auto; 1164 scrollbar-width: none; 1165 -webkit-overflow-scrolling: touch; 1166 } 1167 1168 .tj-cat-container::-webkit-scrollbar {
1169 display: none; 1170 } 1171 1172 .tj-cat-list { 1173 width: max-content; 1174 min-width: 100%; 1175 } 1176 1177 .tj-cat-link, 1178 .tj-cat-dropdown-toggle { 1179 min-height: 42px; 1180 padding: 12px 14px; 1181 font-size: 12px; 1182 } 1183 1184 .tj-cat-dropdown-menu { 1185 position: fixed; 1186 top: auto; 1187 left: 14px; 1188 right: 14px; 1189 min-width: 0; 1190 max-width: 360px; 1191 margin: 0 auto; 1192 border-radius: 8px; 1193 border-top: 2px solid #e53935; 1194 box-shadow: 0 8px 22px rgba(0,0,0,0.16); 1195 transform: translateY(5px); 1196 } 1197 1198 .tj-cat-dropdown.is-open > .tj-cat-dropdown-menu { 1199 visibility: visible; 1200 opacity: 1; 1201 transform: translateY(0); 1202 pointer-events: auto; 1203 } 1204 1205 .tj-cat-dropdown-menu a { 1206 padding: 12px 16px; 1207 font-size: 13px; 1208 } 1209 1210 .tj-cat-dropdown.is-open .tj-cat-arrow { 1211 transform: rotate(180deg); 1212 } 1213 } 1214/*]]>*/ 1215</style> 1216<div class='tj-cat-navbar' id='tjCategoryNavbar'> 1217<div class='tj-cat-container'> 1218<ul class='tj-cat-list' id='tjCatList'> 1219<li><a class='tj-cat-link' href='/'>BERANDA</a></li> 1220<li><a class='tj-cat-link' href='/search/label/Jawa%20Barat'>JAWA BARAT</a></li> 1221<li><a class='tj-cat-link' href='/search/label/Koropak%20Serat'>KOROPAK SERAT</a></li> 1222<li><a class='tj-cat-link' href='/search/label/Pendidikan'>PENDIDIKAN</a></li> 1223<!-- SERBA-SERBI: MENU INDUK + SUBMENU --> 1224<li class='tj-cat-dropdown' id='tjSerbaSerbiMenu'> 1225<button aria-expanded='false' aria-haspopup='true' class='tj-cat-dropdown-toggle' type='button'> 1226 SERBA-SERBI <span class='tj-cat-arrow'>▾</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'>Peduli Duka Lions Club Menjangkau Titik-Titik Masyarakat yang Sangat Membutuhkan</h1> 1488<div class='text-muted small mb-3 pb-2 border-bottom'> 1489<i class='fa-regular fa-calendar me-1'></i> 1490Friday, September 18, 2026 1491<span class='ms-3'><i class='fa-regular fa-user me-1'></i> 1492Tatarjabar.com</span> 1493</div> 1494<div class='article-content'> 1495<div id='tj-post-body'> 1496<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzznKtuT_G6wvFUp4pNiGsCeliv1pNIfupOagLkOS5oBlp5Ua59PFJR06nSL6X9ATE4RjWQ3s4aCFdoekWogVAmVFzkpcs8cD9JFEgomPij1_xxOELvCG81JRwdcHAG-MX1Mcmjc2PY6tfw599P-ElaPMndqkrm0mo2BbAOJXTdl9aR7BE1hW44OLZDEj6/s1279/01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1279" data-original-width="1069" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzznKtuT_G6wvFUp4pNiGsCeliv1pNIfupOagLkOS5oBlp5Ua59PFJR06nSL6X9ATE4RjWQ3s4aCFdoekWogVAmVFzkpcs8cD9JFEgomPij1_xxOELvCG81JRwdcHAG-MX1Mcmjc2PY6tfw599P-ElaPMndqkrm0mo2BbAOJXTdl9aR7BE1hW44OLZDEj6/w534-h640/01.jpg" width="534" /></a></div><div><br /></div><b><a href="http://Tatarjabar.com">Tatarjabar.com</a> - Bandung </b>– Perkumpulan Lions Indonesia Distrik 307 B2 Wilayah 1 Bandung-Cirebon kembali memperkuat kepedulian sosial melalui Bakti Sosial Peduli Duka atau <i>Caring for the Grieving</i>. Program tersebut memberikan paket kedukaan berupa kain kafan beserta kelengkapannya secara cuma-cuma kepada masyarakat prasejahtera yang membutuhkan. <b>Kegiatan Bakti Sosial Peduli Duka 2026 akan dilaksanakan pada 27 September 2026 di Pendopo Kota Bandung</b>.<br /><br />Sebanyak 22 Lions Club di Wilayah 1 Distrik 307 B2 terlibat dalam kegiatan tersebut. Program ini tidak hanya berorientasi pada jumlah bantuan yang disalurkan. Lions Club juga berupaya memastikan paket kedukaan menyentuh titik-titik wilayah yang benar-benar membutuhkan. Pemetaan calon penerima dilakukan dengan melibatkan jaringan Dewan Kemakmuran Masjid (DKM) serta dukungan data dan informasi dari Dinas Sosial setempat.<br /><br />Kolaborasi tersebut diharapkan dapat membantu Lions Club mengidentifikasi masyarakat prasejahtera, termasuk warga yang tinggal di wilayah terpencil, keluarga dengan keterbatasan ekonomi, serta masyarakat yang membutuhkan bantuan akibat kondisi tertentu atau bencana.<br /><br /><b>Ketua Pelaksana Bakti Sosial Peduli Duka 2026, President Siska Ispandiari</b>, mengatakan kebutuhan kain kafan sering kali muncul pada saat keluarga sedang berada dalam kondisi emosional dan finansial yang sulit.<br /><br />“Kehilangan anggota keluarga adalah momen terberat bagi siapapun. Bagi masyarakat prasejahtera, beban emosional ini sering kali bertambah dengan adanya beban finansial untuk biaya pemakaman. Melalui Bakti Sosial Peduli Duka Tahun 2026 ini, Perkumpulan Lions Indonesia Distrik 307 B2 Wilayah 1 hadir untuk meringankan beban tersebut. Kami ingin memastikan bahwa pengadaan kain kafan yang layak tidak lagi menjadi kendala bagi mereka yang sedang berduka, khususnya bagi masyarakat prasejahtera.<br /><br />Untuk itu, kami mendistribusikan kain kafan gratis ini secara kolaboratif melalui jaringan Dewan Kemakmuran Masjid (DKM) di wilayah Jawa Barat khususnya. Tujuannya agar bantuan menjadi stok kesiapsiagaan di masjid setempat. Jadi, saat ada warga prasejahtera yang membutuhkan, bantuan bisa langsung diserahkan tanpa birokrasi yang rumit. Ini adalah wujud nyata dari komitmen pengabdian <i>We Serve</i> kami di masyarakat,” demikian Siska Ispandiari, selaku Ketua Pelaksana Bakti Sosial Peduli Duka 2026.<br /><br /><b>Ketua Wilayah Lions Club Distrik 307 B2, Lion Chen Sun Fen</b>, mengatakan program Peduli Duka merupakan bentuk pelayanan yang mengutamakan kebutuhan nyata masyarakat. Lions Club Wilayah 1 berkomitmen untuk selalu hadir membawa kepedulian kepada masyarakat, memberikan penghiburan, dan meringankan beban sesama, terutama masyarakat yang tidak mampu. Salah satu bukti nyatanya, kita mempunyai "Program Peduli Duka" berbentuk paket kain kafan beserta perlengkapannya. Paket ini dibagikan ke masjid-masjid di wilayah Bandung dan sekitarnya. Tahun ini Lions Club Wilayah 1 masih sedang mengumpulkan Baksos paket Peduli Duka yang ditargetkan sebanyak 400 paket. Saya, atas nama pribadi dan pengurus Distrik Wilayah 1, menghaturkan apresiasi yang sebesar-besarnya kepada Club-Club Wilayah 1 yang sudah berpartisipasi berdonasi Paket Peduli Duka dan kepada seluruh Panitia Peduli Duka yang telah bekerja keras menyukseskan program ini.
1496<br /><br />Menutup pertemuan dengan <b>Ketua Komite Peduli Duka Distrik 307 B2 Perkumpulan Lions Indonesia</b>,<b> Lion Tommy Herawan</b>, menyatakan bahwa menyelenggarakan Kegiatan Bakti Sosial Peduli Duka dengan semangat kita kembali bergerak di tengah masyarakat untuk melaksanakan salah satu program kepedulian utama kami, yaitu pembagian kain kafan dan kelengkapannya secara gratis.<br /><br />Program ini lahir dari refleksi mendalam kami mengenai pentingnya kesiapan dalam menghadapi kedukaan. Kita semua tahu bahwa kematian adalah kepastian, namun tidak semua keluarga memiliki kesiapan baik secara mental maupun finansial ketika saat itu tiba.<br /><br />Peduli Duka atau <i>caring for the grieving</i> hadir untuk meringankan beban sesama, memastikan bahwa saudara-saudara kita yang membutuhkan dapat mendapatkan pengurusan jenazah yang layak dan sesuai dengan syariat.<br /><br />Pada kegiatan 27 September di Pendopo Bandung nanti, kami memprioritaskan pendistribusian kepada: Pengurus Masjid (DKM) sebagai stok darurat warga sekitar, yaitu keluarga prasejahtera dan yatim piatu yang membutuhkan bantuan langsung.<br /><br />Kami menyadari bahwa gerakan ini tidak akan berjalan tanpa adanya gotong royong. Untuk itu, saya selaku Ketua Komite Distrik Peduli Duka mengucapkan terima kasih yang sebesar-besarnya kepada para donatur, simpatisan, dan seluruh relawan yang telah menyisihkan sebagian rezeki dan waktunya.<br /><br />Kain kafan atau perlengkapan duka yang dibagikan ini mungkin tampak sederhana, namun bagi mereka yang sedang kesulitan, ini adalah wujud nyata dari kepedulian dan kehangatan persaudaraan kita.<br /><br />Kami dari Lions Club berharap kegiatan yang sudah hampir 1 dekade dilaksanakan ini dapat terus berjalan secara konsisten dan menjangkau wilayah yang lebih luas. Peduli Duka akan selalu berkomitmen untuk hadir dan menemani masyarakat, baik dalam kondisi lapang maupun di saat-saat paling sulit, demikian penjelasannya.<br /><br />Melalui semangat <i>“We Serve”</i>, Lions Club berharap program tersebut dapat menjadi jembatan kepedulian yang menghubungkan para donatur dengan masyarakat yang membutuhkan, khususnya pada saat keluarga menghadapi kedukaan. 1497</div> 1498<div class='related-posts-wrapper my-4 pt-3 border-top'> 1499<h5 class='fw-bold mb-3'> 1500<i class='fa-solid fa-layer-group me-2 text-danger'></i>Berita Terkait 1501 </h5> 1502<div id='related-posts-container'> 1503<div class='spinner-border spinner-border-sm text-secondary' role='status'> 1504<span class='visually-hidden'>Loading...</span> 1505</div> 1506</div> 1507<div data-label='Sosial Politik' id='first-label-data' style='display:none;'></div>
1508<script> 1509 //<![CDATA[ 1510 // Fungsi callback untuk memproses data dari feed Google 1511 function showRelatedPosts(json) { 1512 var container = document.getElementById('related-posts-container'); 1513 if (!container) return; 1514 1515 var entries = json.feed.entry || []; 1516 var currentUrl = "<data:post.url.canonical/>"; 1517 var html = '<ul class="list-unstyled mb-0">'; 1518 var count = 0; 1519 1520 for (var i = 0; i < entries.length; i++) { 1521 var entry = entries[i]; 1522 var title = entry.title.$t; 1523 var href = ''; 1524 1525 for (var k = 0; k < entry.link.length; k++) { 1526 if (entry.link[k].rel === 'alternate') { 1527 href = entry.link[k].href; 1528 break; 1529 } 1530 } 1531 1532 // Abaikan artikel yang sedang dibuka 1533 if (href && href !== currentUrl && count < 5) { 1534 html += '<li class="mb-2"><a href="' + href + '" class="text-decoration-none text-dark fw-semibold hover-danger">• ' + title + '</a></li>'; 1535 count++; 1536 } 1537 } 1538 1539 html += '</ul>'; 1540 1541 if (count > 0) { 1542 container.innerHTML = html; 1543 } else { 1544 container.innerHTML = '<p class="text-muted small mb-0">Belum ada berita terkait lainnya.</p>'; 1545 } 1546 } 1547 1548 // Pemanggil Feed 1549 (function() { 1550 var labelEl = document.getElementById('first-label-data'); 1551 var labelName = labelEl ? labelEl.getAttribute('data-label') : ''; 1552 1553 var feedUrl = labelName 1554 ? '/feeds/posts/summary/-/' + encodeURIComponent(labelName) + '?alt=json-in-script&callback=showRelatedPosts&max-results=6' 1555 : '/feeds/posts/summary?alt=json-in-script&callback=showRelatedPosts&max-results=6'; 1556 1557 var script = document.createElement('script'); 1558 script.src = feedUrl; 1559 document.body.appendChild(script); 1560 })(); 1561 //]]> 1562 </script>
1562 1563</div> 1564</div> 1565</article> 1566</div><div class='widget HTML' data-version='1' id='HTML3'> 1567<div class='widget-content'> 1568<div class="tatarjabar-widget" id="tatarjabarShopeeWidget"> 1569 <h3 class="widget-title">Rekomendasi Produk</h3> 1570 <div id="shopee-widget-container"></div> 1571</div> 1572 1573<style> 1574.tatarjabar-widget { 1575 background: #fff; 1576 border: 1px solid #e0e0e0; 1577 border-radius: 12px; 1578 padding: 20px; 1579 margin: 20px 0; 1580 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 1581 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); 1582} 1583 1584.tatarjabar-widget .widget-title { 1585 font-size: 18px; 1586 font-weight: 700; 1587 color: #333; 1588 margin: 0 0 15px; 1589 border-left: 4px solid #ee4d2d; 1590 padding-left: 10px; 1591} 1592 1593.tatarjabar-grid { 1594 display: grid; 1595 grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); 1596 gap: 15px; 1597} 1598 1599.affiliate-card { 1600 border: 1px solid #eee; 1601 border-radius: 8px; 1602 padding: 12px; 1603 text-align: center; 1604 background: #fff; 1605 display: flex; 1606 flex-direction: column; 1607 justify-content: space-between; 1608 box-sizing: border-box; 1609 transition: transform 0.2s ease, box-shadow 0.2s ease; 1610} 1611 1612.affiliate-card:hover { 1613 transform: translateY(-3px); 1614 box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08); 1615} 1616 1617.affiliate-card .img-container { 1618 width: 100%; 1619 aspect-ratio: 1 / 1; 1620 overflow: hidden; 1621 border-radius: 10px; 1622 background: #f9f9f9; 1623 margin: 0; 1624} 1625 1626.affiliate-card > a { 1627 display: block; 1628 text-decoration: none !important; 1629 line-height: 0; 1630} 1631 1632.affiliate-card img { 1633 width: 100%; 1634 height: 100%; 1635 object-fit: cover; 1636 border-radius: 10px; 1637 display: block; 1638} 1639</style> 1640
1641<script> 1642(function() { 1643 1644 /* DAFTAR PRODUK AFFILIATE */ 1645 var daftarProduk = [ 1646 { 1647 link: "https://atid.me/adv.php?rk=00ieyn002rgo", 1648 img: "https://images.accesstrade.co.id/7ecd070e606afbf07a07c32e7267051f/859199_1284x1288_20240627031150717.png" 1649 }, 1650 { 1651 link: "https://atid.me/adv.php?rk=00gems002rgo", 1652 img: "https://images.accesstrade.co.id/fb1378d0b80ae44aae0000a3cff0b90f/765460_250x300_20240226110046717.jpg" 1653 }, 1654 { 1655 link: "https://atid.me/go/i1d3eM2y", 1656 img: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz7C-j_hZHf5Ex94R9lAsYaBAVH5_A6iTnVPuK7bW3Ixmcn6PiTRsVKFOynXgIgk6cvIuJM4j6kFOHh8Jy6gwxhRyZpqoKa4fa6ZwQCUhx7_ZPbWDOe5lCZGL6qKLN4FiWko2tNItckVp2JcmrBV7qfsMvBkJfAbAGBJeSMy52k-9PZ2DZ2qzYOCWIPXpj/s700/Mouse.jpeg" 1657 }, 1658 { 1659 link: "https://s.shopee.co.id/3VjYOF515E", 1660 img: "https://down-id.img.susercontent.com/file/sg-11134201-824gf-mpm2ux1k8qh9a2@resize_w450_nl.webp" 1661 } 1662 ]; 1663 1664 function tampilkanWidget() { 1665 1666 var container = document.getElementById("shopee-widget-container"); 1667 var widget = document.getElementById("tatarjabarShopeeWidget"); 1668 1669 if (!container || !widget) { 1670 return; 1671 } 1672 1673 /* Hanya tampil di halaman artikel Blogger (.html). 1674 Beranda, arsip, label, dan halaman statis disembunyikan. */ 1675 var path = window.location.pathname || ""; 1676 var isPostPage = /\.html$/i.test(path); 1677 1678 if (!isPostPage) { 1679 widget.style.setProperty("display", "none", "important"); 1680 return; 1681 } 1682 1683 var htmlContent = '<div class="tatarjabar-grid">'; 1684 1685 daftarProduk.forEach(function(item, index) { 1686 1687 /* 1688 * Gambar produk dimuat melalui proxy untuk semua perangkat. 1689 * Link affiliate TIDAK diubah. 1690 * Ini khusus untuk mengatasi hotlink/CDN gambar yang gagal dimuat. 1691 */ 1692 var originalImage = item.img; 1693 /* Gambar Blogger/Googleusercontent dimuat langsung agar tidak rusak oleh proxy. 1694 Gambar CDN affiliate lainnya tetap memakai proxy seperti sebelumnya. */ 1695 var isBloggerImage = /blogger\.googleusercontent\.com/i.test(originalImage); 1696 var imageUrl = isBloggerImage 1697 ? originalImage 1698 : (/^https:\/\//.test(originalImage) 1699 ? 'https://wsrv.nl/?url=' + encodeURIComponent(originalImage) 1700 : originalImage); 1701 1702 /* Placeholder SVG inline: tidak bergantung pada server gambar lain. */ 1703 var fallbackImage = 'data:image/svg+xml;charset=UTF-8,' + encodeURIComponent( 1704 '<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 600 600">' + 1705 '<rect width="600" height="600" fill="#f5f5f5"/>' + 1706 '<text x="300" y="285" text-anchor="middle" font-family="Arial,sans-serif" font-size="28" fill="#777">Rekomendasi Produk</text>' + 1707 '<text x="300" y="325" text-anchor="middle" font-family="Arial,sans-serif" font-size="18" fill="#aaa">Lihat Harga</text>' + 1708 '</svg>' 1709 ); 1710 1711 htmlContent += 1712 '<div class="affiliate-card">' + 1713 '<a href="' + item.link + '" target="_blank" rel="sponsored noopener">' + 1714 '<div class="img-container">' + 1715 '<img src="' + imageUrl + '" data-original-src="' + originalImage + '" data-fallback="' + fallbackImage + '" alt="Rekomendasi Produk" loading="eager" decoding="async" referrerpolicy="no-referrer">' + 1716 '</div>' + 1717 '</a>' + 1718 '</div>'; 1719 1720 }); 1721 1722 htmlContent += '</div>'; 1723 1724 container.innerHTML = htmlContent; 1725 1726 var imgs = container.querySelectorAll('img[data-original-src]'); 1727 for (var j = 0; j < imgs.length; j++) { 1728 (function(img) { 1729 img.addEventListener('error', function() { 1730 var original = img.getAttribute('data-original-src'); 1731 var fallback = img.getAttribute('data-fallback'); 1732 1733 /* Coba sumber asli sekali. Jika tetap gagal, tampilkan placeholder. */ 1734 if (!img.dataset.directTried && original) { 1735 img.dataset.directTried = '1'; 1736 img.src = original; 1737 return; 1738 } 1739 1740 if (!img.dataset.fallbackTried && fallback) { 1741 img.dataset.fallbackTried = '1'; 1742 img.src = fallback; 1743 } 1744 }); 1745 })(imgs[j]); 1746 } 1747 } 1748 1749 /* Jalankan setelah halaman selesai dimuat */ 1750 if (document.readyState === "loading") { 1751 document.addEventListener("DOMContentLoaded", tampilkanWidget); 1752 } else { 1753 tampilkanWidget(); 1754 } 1755 1756})(); 1757</script>
1757 1758</div> 1759<div class='clear'></div> 1760</div><div class='widget HTML' data-version='1' id='HTML6'> 1761<div class='widget-content'> 1762<!-- Widget Random Posts 2 Kolom - tatarjabar.com --> 1763<style> 1764 .random-posts-container { 1765 display: grid; 1766 grid-template-columns: repeat(2, 1fr); 1767 gap: 16px; 1768 margin: 20px 0; 1769 font-family: Arial, sans-serif; 1770 } 1771 1772 .random-post-card { 1773 background: #ffffff; 1774 border: 1px solid #e2e8f0; 1775 border-radius: 8px; 1776 padding: 16px; 1777 box-shadow: 0 2px 4px rgba(0,0,0,0.05); 1778 transition: transform 0.2s, box-shadow 0.2s; 1779 } 1780 1781 .random-post-card:hover { 1782 transform: translateY(-2px); 1783 box-shadow: 0 4px 8px rgba(0,0,0,0.1); 1784 } 1785 1786 .random-post-badge { 1787 display: inline-block; 1788 background-color: #e53935; /* Warna Merah Tema */ 1789 color: #ffffff; 1790 font-size: 11px; 1791 font-weight: bold; 1792 text-transform: uppercase; 1793 padding: 3px 8px; 1794 border-radius: 4px; 1795 margin-bottom: 8px; 1796 } 1797 1798 .random-post-title { 1799 margin: 0 0 8px 0; 1800 font-size: 16px; 1801 line-height: 1.3; 1802 font-weight: bold; 1803 } 1804 1805 .random-post-title a { 1806 color: #0066cc; /* Warna Biru Link */ 1807 text-decoration: none; 1808 } 1809 1810 .random-post-title a:hover { 1811 color: #e53935; 1812 } 1813 1814 .random-post-snippet { 1815 color: #4a5568; 1816 font-size: 13px; 1817 line-height: 1.5; 1818 margin: 0; 1819 } 1820 1821 /* Responsif untuk layar HP (1 kolom) */ 1822 @media (max-width: 600px) { 1823 .random-posts-container { 1824 grid-template-columns: 1fr; 1825 } 1826 } 1827</style> 1828 1829<div class="random-posts-container" id="random-posts"></div> 1830
1831<script> 1832 // Pengaturan Jumlah Postingan 1833 var numberOfPosts = 2; // Menampilkan 2 postingan (1 per kolom) 1834 1835 function showRandomPosts(json) { 1836 var totalEntries = json.feed.openSearch$totalResults.$t; 1837 var randomIndex = Math.floor(Math.random() * Math.max(1, totalEntries - numberOfPosts)); 1838 1839 // Fetch ulang data dengan offset acak 1840 var script = document.createElement('script'); 1841 script.src = '/feeds/posts/summary?alt=json-in-script&start-index=' + (randomIndex + 1) + '&max-results=' + numberOfPosts + '&callback=renderRandomPosts'; 1842 document.body.appendChild(script); 1843 } 1844 1845 function renderRandomPosts(json) { 1846 var container = document.getElementById('random-posts'); 1847 var html = ''; 1848 1849 if (json.feed.entry) { 1850 for (var i = 0; i < json.feed.entry.length; i++) { 1851 var entry = json.feed.entry[i]; 1852 var title = entry.title.$t; 1853 var snippet = entry.summary ? entry.summary.$t.substring(0, 110) + '...' : ''; 1854 var postUrl = ''; 1855 1856 for (var j = 0; j < entry.link.length; j++) { 1857 if (entry.link[j].rel === 'alternate') { 1858 postUrl = entry.link[j].href; 1859 break; 1860 } 1861 } 1862 1863 html += '<div class="random-post-card">'; 1864 html += '<span class="random-post-badge">Baca Juga</span>'; 1865 html += '<h3 class="random-post-title"><a href="' + postUrl + '">' + title + '</a></h3>'; 1866 html += '<p class="random-post-snippet">' + snippet + '</p>'; 1867 html += '</div>'; 1868 } 1869 } 1870 container.innerHTML = html; 1871 } 1872</script>
1872 1873 1874<!-- Mengambil Feed Blogger -->
1875<script src="/feeds/posts/summary?alt=json-in-script&max-results=0&callback=showRandomPosts"></script>
1875 1876</div> 1877<div class='clear'></div> 1878</div><div class='widget HTML' data-version='1' id='HTML5'> 1879<div class='widget-content'> 1880<style type='text/css'> 1881@media screen and (max-width: 768px) { 1882 .post-body h1, .post-body h2, .post-body h3 { 1883 font-size: 22px !important; 1884 line-height: 1.3 !important; 1885 margin-bottom: 10px !important; 1886 } 1887} 1888.post-body img, .entry-content img { 1889 display: block !important; 1890 margin: 5px auto !important; 1891 max-width: 100% !important; 1892 height: auto !important; 1893} 1894.post-body .separator, .post-body a { 1895 margin: 0 !important; 1896 padding: 0 !important; 1897} 1898.post-body p, .entry-content p { 1899 margin-top: 0 !important; 1900 margin-bottom: 10px !important; 1901 line-height: 1.5 !important; 1902} 1903.PopularPosts ul, .related-posts { 1904 display: flex; 1905 flex-wrap: wrap; 1906 gap: 15px; 1907} 1908.PopularPosts li, .related-item { 1909 display: flex !important; 1910 flex-direction: column !important; 1911 background: #fff; 1912 border: 1px solid #eee; 1913 border-radius: 8px; 1914 overflow: hidden; 1915 width: 100%; 1916 margin-bottom: 12px; 1917 box-sizing: border-box; 1918} 1919.PopularPosts .item-thumbnail, .related-img-wrap { 1920 width: 100% !important; 1921 max-height: 150px !important; 1922 overflow: hidden; 1923 margin: 0 !important; 1924 float: none !important; 1925} 1926.PopularPosts .item-thumbnail img, .related-img-wrap img { 1927 width: 100% !important; 1928 height: 150px !important; 1929 object-fit: cover !important; 1930 display: block !important; 1931} 1932.PopularPosts .item-title, .related-title { 1933 padding: 10px 12px !important; 1934 font-size: 14px !important; 1935 font-weight: 600 !important; 1936 line-height: 1.4 !important; 1937} 1938 1939/* FINAL FIX: thumbnail Berita Populer tetap bersih saat hover */ 1940.PopularPosts li .item-thumbnail, 1941.PopularPosts li .item-thumbnail a { 1942 background: transparent !important; 1943 background-color: transparent !important; 1944 border: 0 !important; 1945 transform: none !important; 1946 box-shadow: none !important; 1947 padding: 0 !important; 1948} 1949 1950.PopularPosts li .item-thumbnail a:hover { 1951 background: transparent !important; 1952 background-color: transparent !important; 1953 border: 0 !important; 1954 transform: none !important; 1955 box-shadow: none !important; 1956} 1957 1958.PopularPosts li .item-thumbnail img { 1959 display: block !important; 1960 width: 100% !important; 1961 height: 150px !important; 1962 object-fit: cover !important; 1963 border-radius: 8px !important; 1964 background: transparent !important; 1965 box-shadow: none !important; 1966} 1967</style> 1968</div> 1969<div class='clear'></div> 1970</div><div class='widget HTML' data-version='1' id='HTML10'> 1971<div class='widget-content'> 1972<div style="width:100%; overflow:hidden; line-height:0;"> 1973 <a href="https://atid.me/adv.php?rk=00l6im002rgo" target="_blank" rel="sponsored noopener"> 1974 <img 1975 src="https://images.accesstrade.co.id/9565f1cd832c9675c76672081c819342/988222_728x90_20241106104432157.jpg" referrerpolicy="no-referrer" onerror="this.onerror=null;this.src='https://wsrv.nl/?url=' + encodeURIComponent(this.src);" 1976 alt="Eiger" 1977 border="0" 1978 style="display:block; width:100%; max-width:100%; height:auto; margin:0; transform:none;" 1979 /> 1980</img 1981></a> 1982</div> 1983</div> 1984<div class='clear'></div> 1985</div></div> 1986</main> 1987<!-- Sidebar Area (Column 4) --> 1988<aside class='col-lg-4'> 1989<div class='sticky-sidebar-wrapper'> 1990<div class='section' id='sidebar-widgets'><div class='widget HTML' data-version='1' id='HTML8'> 1991<div class='widget-content'> 1992<!-- Widget Search Bar Modern Semi-Rounded - tatarjabar.com --> 1993<style> 1994 .tj-search-widget { 1995 background: #ffffff; 1996 border: 1px solid #e2e8f0; 1997 border-radius: 10px; 1998 padding: 18px; 1999 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04); 2000 font-family: Arial, sans-serif; 2001 box-sizing: border-box; 2002 } 2003 2004 .tj-search-title { 2005 font-size: 14px; 2006 font-weight: bold; 2007 color: #1e293b; 2008 text-transform: uppercase; 2009 letter-spacing: 0.5px; 2010 margin: 0 0 14px 0; 2011 padding-bottom: 8px; 2012 border-bottom: 2px solid #e53935; /* Garis Merah Tema */ 2013 } 2014 2015 .tj-search-form { 2016 display: flex; 2017 align-items: stretch; 2018 width: 100%; 2019 margin: 0; 2020 padding: 0; 2021 border-radius: 6px; /* Lengkungan Pas (Semi-Rounded) */ 2022 overflow: hidden; 2023 border: 1px solid #cbd5e1; 2024 transition: border-color 0.2s, box-shadow 0.2s; 2025 } 2026 2027 /* Efek Fokus saat diklik */ 2028 .tj-search-form:focus-within { 2029 border-color: #e53935; 2030 box-shadow: 0 0 0 3px rgba(229, 57, 53, 0.15); 2031 } 2032 2033 .tj-search-input { 2034 flex: 1; 2035 border: none !important; 2036 outline: none !important; 2037 background: #f8fafc !important; 2038 padding: 10px 14px !important; 2039 font-size: 13px !important; 2040 color: #1e293b !important; 2041 margin: 0 !important; 2042 box-shadow: none !important; 2043 height: 40px !important; 2044 box-sizing: border-box !important; 2045 } 2046 2047 .tj-search-input::placeholder { 2048 color: #94a3b8; 2049 } 2050 2051 .tj-search-button { 2052 border: none !important; 2053 outline: none !important; 2054 background: #e53935 !important; /* Merah Tema */ 2055 color: #ffffff !important; 2056 padding: 0 16px !important; 2057 cursor: pointer; 2058 display: flex; 2059 align-items: center; 2060 justify-content: center; 2061 transition: background-color 0.2s; 2062 height: 40px !important; 2063 margin: 0 !important; 2064 box-shadow: none !important; 2065 } 2066 2067 .tj-search-button:hover { 2068 background: #c62828 !important; 2069 } 2070 2071 .tj-search-icon { 2072 width: 15px; 2073 height: 15px; 2074 fill: currentColor; 2075 } 2076</style> 2077 2078<div class="tj-search-widget"> 2079 <h3 class="tj-search-title">CARI BERITA</h3> 2080 <form class="tj-search-form" action="/search" method="get"> 2081 <input 2082 type="text" 2083 class="tj-search-input" 2084 name="q" 2085 placeholder="Ketik kata kunci berita..." 2086 required 2087 autocomplete="off" 2088 /> 2089 <button type="submit" class="tj-search-button" aria-label="Cari"> 2090 <!-- Icon Kaca Pembesar SVG --> 2091 <svg class="tj-search-icon" viewbox="0 0 24 24"> 2092 <path d="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z"/> 2093 </path></svg> 2094 </button> 2095 </form> 2096</div> 2097</div> 2098<div class='clear'></div> 2099</div><div class='widget HTML' data-version='1' id='HTML4'> 2100<div class='widget-content'> 2101<style> 2102 .custom-widget-card { 2103 background-color: #ffffff; 2104 border: 1px solid #e2e8f0; 2105 border-radius: 12px; 2106 padding: 16px; 2107 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03); 2108 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Helvetica, Arial, sans-serif; 2109 max-width: 100%; 2110 box-sizing: border-box; 2111 margin: 10px auto; 2112 } 2113 2114 .custom-widget-link { 2115 text-decoration: none; 2116 color: inherit; 2117 display: block; 2118 } 2119 2120 .custom-widget-subhead { 2121 font-size: 12px; 2122 font-weight: 600; 2123 color: #64748b; 2124 text-transform: uppercase; 2125 letter-spacing: 0.5px; 2126 margin-bottom: 6px; 2127 } 2128 2129 .custom-widget-title { 2130 font-size: 15px; 2131 font-weight: 700; 2132 color: #0284c7; 2133 line-height: 1.35; 2134 margin: 0 0 12px 0; 2135 transition: color 0.2s ease; 2136 } 2137 2138 .custom-widget-card:hover .custom-widget-title { 2139 color: #0369a1; 2140 } 2141 2142 .custom-widget-img-container { 2143 width: 100%; 2144 aspect-ratio: 16 / 9; 2145 border-radius: 10px; 2146 overflow: hidden; 2147 background-color: #f1f5f9; 2148 margin-bottom: 12px; 2149 } 2150 2151 .custom-widget-img-container img { 2152 width: 100%; 2153 height: 100%; 2154 object-fit: cover; 2155 display: block; 2156 transition: transform 0.3s ease; 2157 } 2158 2159 .custom-widget-card:hover .custom-widget-img-container img { 2160 transform: scale(1.02); 2161 } 2162 2163 .custom-widget-btn-text { 2164 display: inline-flex; 2165 align-items: center; 2166 font-size: 13px; 2167 font-weight: 600; 2168 color: #2563eb; 2169 } 2170 2171 .custom-widget-btn-text svg { 2172 width: 16px; 2173 height: 16px; 2174 margin-left: 4px; 2175 fill: currentColor; 2176 transition: transform 0.2s ease; 2177 } 2178 2179 .custom-widget-card:hover .custom-widget-btn-text svg { 2180 transform: translateX(3px); 2181 } 2182</style> 2183 2184<div class="custom-widget-card"> 2185 <a href="https://wa.me/6281564911112" target="_blank" rel="noopener noreferrer" class="custom-widget-link"> 2186 2187 <!-- 1. Teks paling atas warna abu-abu --> 2188 <div class="custom-widget-subhead">Millimalis Artwork</div> 2189 2190 <!-- 2. Teks deskripsi utama --> 2191 <h3 class="custom-widget-title">Jasa Desain Profesional: Logo, Branding, Desain Grafis</h3> 2192 2193 <!-- Gambar di bagian bawah --> 2194 <div class="custom-widget-img-container"> 2195 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIMzIHA0qKKpftQlDLsdPzqpIdQrGkY7L9rFuA9QuEfnBjXxtVFJx7BWh3ZfGWOCkYpg3ibVHwMd085XwjaZso2cYgJQJ-p4Um46FRRI_EF-b55rcK7J59I9sO8SZ1ES_7nSp536rPP8-6BAYVSIXRP05fN
2195M0AzjZFWnNcoswMS0eWYOENSvijvsdU5eZA/s2848/New%20Chat%20%2811%29.png" alt="Millimalis Artwork" loading="lazy" /> 2196 </div> 2197 2198 <!-- 3. Teks Klik Disini di bagian paling bawah --> 2199 <div class="custom-widget-btn-text"> 2200 Klik Disini 2201 <svg viewbox="0 0 24 24"> 2202 <path d="M5 12h14M12 5l7 7-7 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2203 </path></svg> 2204 </div> 2205 2206 </a> 2207</div> 2208</div> 2209<div class='clear'></div> 2210</div><div class='widget HTML' data-version='1' id='HTML9'> 2211<div class='widget-content'> 2212<!-- Widget Slider Berita Acak - tatarjabar.com --> 2213<style> 2214 .tj-random-slider-widget { 2215 background: #ffffff; 2216 border: 1px solid #e2e8f0; 2217 border-radius: 10px; 2218 padding: 16px; 2219 box-shadow: 0 2px 5px rgba(0,0,0,0.04); 2220 font-family: Arial, sans-serif; 2221 box-sizing: border-box; 2222 } 2223 2224 .tj-random-slider-header { 2225 display: flex; 2226 justify-content: space-between; 2227 align-items: center; 2228 margin-bottom: 12px; 2229 padding-bottom: 8px; 2230 border-bottom: 2px solid #e53935; /* Garis Merah Tema */ 2231 } 2232 2233 .tj-random-slider-title { 2234 font-size: 14px; 2235 font-weight: bold; 2236 color: #1e293b; 2237 text-transform: uppercase; 2238 letter-spacing: 0.5px; 2239 margin: 0; 2240 } 2241 2242 .tj-random-slider-nav { 2243 display: flex; 2244 gap: 4px; 2245 } 2246 2247 .tj-random-btn { 2248 background: #f1f5f9; 2249 border: none; 2250 color: #1e293b; 2251 width: 26px; 2252 height: 26px; 2253 border-radius: 50%; 2254 cursor: pointer; 2255 display: flex; 2256 align-items: center; 2257 justify-content: center; 2258 font-size: 12px; 2259 font-weight: bold; 2260 transition: background-color 0.2s, color 0.2s; 2261 } 2262 2263 .tj-random-btn:hover { 2264 background: #e53935; 2265 color: #ffffff; 2266 } 2267 2268 .tj-random-container { 2269 position: relative; 2270 overflow: hidden; 2271 min-height: 220px; 2272 } 2273 2274 .tj-random-item { 2275 display: none; 2276 animation: tjRandomFade 0.4s ease-in-out; 2277 } 2278 2279 .tj-random-item.active { 2280 display: block; 2281 } 2282 2283 @keyframes tjRandomFade { 2284 from { opacity: 0; transform: translateX(8px); } 2285 to { opacity: 1; transform: translateX(0); } 2286 } 2287 2288 .tj-random-item-title { 2289 font-size: 16px; /* Ukuran Proporsional */ 2290 line-height: 1.35; 2291 font-weight: bold; 2292 margin: 0 0 8px 0; 2293 } 2294 2295 .tj-random-item-title a { 2296 color: #0066cc; /* Warna Link Biru */ 2297 text-decoration: none; 2298 transition: color 0.2s; 2299 } 2300 2301 .tj-random-item-title a:hover { 2302 color: #e53935; 2303 } 2304 2305 .tj-random-snippet { 2306 font-size: 13px; 2307 color: #4a5568; 2308 line-height: 1.5; 2309 margin: 0 0 12px 0; 2310 } 2311 2312 .tj-random-thumb-box { 2313 width: 100%; 2314 height: 180px; 2315 border-radius: 8px; /* Lengkungan Rounded Presisi */ 2316 overflow: hidden; 2317 background-color: #f1f5f9; 2318 } 2319 2320 .tj-random-thumb-box img { 2321 width: 100%; 2322 height: 100%; 2323 object-fit: cover; 2324 display: block; 2325 transition: transform 0.3s ease; 2326 } 2327 2328 .tj-random-thumb-box img:hover { 2329 transform: scale(1.03); 2330 } 2331</style> 2332 2333<div class="tj-random-slider-widget"> 2334 <div class="tj-random-slider-header"> 2335 <h3 class="tj-random-slider-title">BERITA PILIHAN</h3> 2336 <div class="tj-random-slider-nav"> 2337 <button class="tj-random-btn" id="tjRandomPrev">❮</button> 2338 <button class="tj-random-btn" id="tjRandomNext">❯</button> 2339 </div> 2340 </div> 2341 2342 <div class="tj-random-container" id="tj-random-box"></div> 2343</div> 2344
2345<script> 2346(function() { 2347 var tjRandomCurrentIdx = 0; 2348 var tjRandomTimer = null; 2349 var maxResults = 5; // Jumlah artikel acak yang diambil 2350 2351 // Step 1: Hitung total artikel dulu 2352 window.getTJTotalPosts = function(json) { 2353 var totalEntries = parseInt(json.feed.openSearch$totalResults.$t, 10); 2354 var randomIndex = Math.floor(Math.random() * Math.max(1, totalEntries - maxResults)) + 1; 2355 2356 // Step 2: Ambil artikel dari urutan acak (offset random) 2357 var script = document.createElement('script'); 2358 script.src = '/feeds/posts/summary?alt=json-in-script&start-index=' + randomIndex + '&max-results=' + maxResults + '&callback=renderTJRandomSlider'; 2359 document.body.appendChild(script); 2360 }; 2361 2362 // Step 3: Render tampilan slider 2363 window.renderTJRandomSlider = function(json) { 2364 var box = document.getElementById('tj-random-box'); 2365 if (!box || !json.feed.entry) return; 2366 2367 var entries = json.feed.entry; 2368 var html = ''; 2369 2370 for (var i = 0; i < entries.length; i++) { 2371 var entry = entries[i]; 2372 var title = entry.title.$t; 2373 var snippet = entry.summary ? entry.summary.$t.substring(0, 110) + '...' : ''; 2374 var url = ''; 2375 2376 for (var j = 0; j < entry.link.length; j++) { 2377 if (entry.link[j].rel === 'alternate') { 2378 url = entry.link[j].href; 2379 break; 2380 } 2381 } 2382 2383 var thumb = ''; 2384if (entry.media$thumbnail) { 2385 thumb = entry.media$thumbnail.url; 2386} else if (entry.content && entry.content.$t.indexOf('<img') !== -1) { 2387 var m = entry.content.$t.match(/src=["']([^"']+)["']/); 2388 if (m) thumb = m[1]; 2389} 2390 2391// Mengganti semua jenis penanda ukuran resolusi kecil ke HD (600x400) 2392if (thumb) { 2393 thumb = thumb.replace(/\/s[0-9]+(?:-[^\/]+)?\//g, '/w600-h400-p-k-no-nu/') 2394 .replace(/\/w[0-9]+(?:-h[0-9]+)?(?:-[^\/]+)?\//g, '/w600-h400-p-k-no-nu/'); 2395} 2396 if (!thumb) thumb = 'https://via.placeholder.com/500x300/e2e8f0/94a3b8?text=No+Image'; 2397 2398 var activeClass = (i === 0) ? ' active' : ''; 2399 2400 html += '<div class="tj-random-item' + activeClass + '">'; 2401 html += '<h4 class="tj-random-item-title"><a href="' + url + '">' + title + '</a></h4>'; 2402 html += '<p class="tj-random-snippet">' + snippet + '</p>'; 2403 html += '<div class="tj-random-thumb-box"><a href="' + url + '"><img src="' + thumb + '" alt="' + title + '" /></a></div>'; 2404 html += '</div>'; 2405 } 2406 2407 box.innerHTML = html; 2408 2409 var slides = box.querySelectorAll('.tj-random-item'); 2410 2411 function show(idx) { 2412 for (var k = 0; k < slides.length; k++) { 2413 slides[k].classList.remove('active'); 2414 } 2415 if (idx >= slides.length) tjRandomCurrentIdx = 0; 2416 else if (idx < 0) tjRandomCurrentIdx = slides.length - 1; 2417 else tjRandomCurrentIdx = idx; 2418 2419 slides[tjRandomCurrentIdx].classList.add('active'); 2420 } 2421 2422 function next() { show(tjRandomCurrentIdx + 1); startAuto(); } 2423 function prev() { show(tjRandomCurrentIdx - 1); startAuto(); } 2424 function startAuto() { 2425 clearInterval(tjRandomTimer); 2426 tjRandomTimer = setInterval(function() { show(tjRandomCurrentIdx + 1); }, 5000); 2427 } 2428 2429 document.getElementById('tjRandomNext').addEventListener('click', next); 2430 document.getElementById('tjRandomPrev').addEventListener('click', prev); 2431 startAuto(); 2432 }; 2433 2434 // Panggil feed awal untuk dapatkan total angka postingan 2435 var initScript = document.createElement('script'); 2436 initScript.src = '/feeds/posts/summary?alt=json-in-script&max-results=0&callback=getTJTotalPosts'; 2437 document.body.appendChild(initScript); 2438})(); 2439</script>
2439 2440</div> 2441<div class='clear'></div> 2442</div><div class='widget HTML' data-version='1' id='HTML1'> 2443<div class='widget-content'> 2444<div id="tatarjabar-sholat-widget" style="font-family: inherit; background: #ffffff; border: 1px solid #e0e0e0; border-radius: 6px; padding: 16px; box-shadow: 0 2px 4px rgba(0,0,0,0.02); color: #333; max-width: 100%;"> 2445 <div style="display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #d9534f; padding-bottom: 8px; margin-bottom: 12px;"> 2446 <h3 style="margin: 0; font-size: 15px; font-weight: bold; color: #111;">JADWAL SHOLAT</h3> 2447 <span id="tj-current-date" style="font-size: 11px; color: #666;">Memuat tanggal...</span> 2448 </div> 2449 2450 <div style="margin-bottom: 10px;"> 2451 <select id="tj-city-select" style="width: 100%; padding: 6px 10px; font-size: 13px; border: 1px solid #ccc; border-radius: 4px; background: #f9f9f9; outline: none;"> 2452 <option value="1218" />Kab. Bandung 2453 <option value="1219" />Kota Bandung 2454 <option value="1221" />Kota Cimahi 2455 <option value="1215" />Kab. Bandung Barat 2456 <option value="1233" />Kab. Garut 2457 <option value="1223" />Kab. Cianjur 2458 <option value="1216" />Kab. Bekasi 2459 <option value="1224" />Kota Bogor 2460 </select> 2461 </div> 2462 2463 <div id="tj-sholat-list" style="font-size: 13px;"> 2464 <div style="text-align: center; padding: 15px; color: #777;">Memuat jadwal...</div> 2465 </div> 2466</div> 2467
2468<script> 2469(function() { 2470 const citySelect = document.getElementById('tj-city-select'); 2471 const sholatList = document.getElementById('tj-sholat-list'); 2472 const dateEl = document.getElementById('tj-current-date'); 2473 2474 function fetchSchedule(cityId) { 2475 const today = new Date(); 2476 const year = today.getFullYear(); 2477 const month = String(today.getMonth() + 1).padStart(2, '0'); 2478 const day = String(today.getDate()).padStart(2, '0'); 2479 2480 // Tampilkan tanggal hari ini 2481 const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }; 2482 dateEl.innerText = today.toLocaleDateString('id-ID', options); 2483 2484 sholatList.innerHTML = '<div style="text-align: center; padding: 15px; color: #777;">Mengambil data...</div>'; 2485 2486 fetch(`https://api.myquran.com/v2/sholat/jadwal/${cityId}/${year}/${month}/${day}`) 2487 .then(response => response.json()) 2488 .then(data => { 2489 if (data.status && data.data && data.data.jadwal) { 2490 const j = data.data.jadwal; 2491 const times = [ 2492 { name: 'Imsak', time: j.imsak }, 2493 { name: 'Subuh', time: j.subuh }, 2494 { name: 'Dzuhur', time: j.dzuhur }, 2495 { name: 'Ashar', time: j.ashar }, 2496 { name: 'Maghrib', time: j.maghrib }, 2497 { name: 'Isya', time: j.isya } 2498 ]; 2499 2500 let html = '<table style="width: 100%; border-collapse: collapse;">'; 2501 times.forEach((item, index) => { 2502 let bg = index % 2 === 0 ? '#fafafa' : '#ffffff'; 2503 html += `<tr style="background: ${bg};"> 2504 <td style="padding: 6px 8px; font-weight: 500; color: #444;">${item.name}</td> 2505 <td style="padding: 6px 8px; text-align: right; font-weight: bold; color: #222;">${item.time}</td> 2506 </tr>`; 2507 }); 2508 html += '</table>'; 2509 sholatList.innerHTML = html; 2510 } else { 2511 sholatList.innerHTML = '<div style="text-align: center; color: red; padding: 10px;">Gagal memuat jadwal.</div>'; 2512 } 2513 }) 2514 .catch(err => { 2515 sholatList.innerHTML = '<div style="text-align: center; color: red; padding: 10px;">Koneksi error.</div>'; 2516 }); 2517 } 2518 2519 // Load awal (default Kota Bandung / ID 1219) 2520 fetchSchedule(citySelect.value); 2521 2522 // Jika kota diganti 2523 citySelect.addEventListener('change', function() { 2524 fetchSchedule(this.value); 2525 }); 2526})(); 2527</script>
2527 2528</div> 2529<div class='clear'></div> 2530</div><div class='widget HTML' data-version='1' id='HTML11'> 2531<div class='widget-content'> 2532<!-- ===================================================== 2533 TATARJABAR - WIDGET HADIS NABI ï·º 2534 50 HADIS SAHIH 2535 2536 SISTEM: 2537 - 1 hadis tampil setiap halaman 2538 - Tidak bergerak otomatis 2539 - Tidak ada slider 2540 - Tidak ada timer 2541 - Refresh = pilih hadis lagi 2542 - Buka artikel lain = pilih hadis lagi 2543 - Menghindari pengulangan hadis terakhir 2544 ===================================================== --> 2545 2546<div id="tj-hadith-widget"> 2547 2548 <div class="tj-hadith-header"> 2549 <span class="tj-hadith-icon">ï·º</span> 2550 <span class="tj-hadith-title">HADIS NABI ï·º</span> 2551 </div> 2552 2553 <div class="tj-hadith-content" id="tjHadithContent"> 2554 <div class="tj-hadith-loading"> 2555 Memuat hadis... 2556 </div> 2557 </div> 2558 2559</div> 2560 2561 2562<style> 2563 2564/* ===================================================== 2565 CONTAINER 2566 ===================================================== */ 2567 2568#tj-hadith-widget { 2569 width: 100%; 2570 box-sizing: border-box; 2571 background: #ffffff; 2572 border: 1px solid #dfe5eb; 2573 border-radius: 10px; 2574 padding: 18px; 2575 margin: 0; 2576 box-shadow: 0 2px 8px rgba(0,0,0,0.04); 2577 font-family: Arial, Helvetica, sans-serif; 2578 overflow: hidden; 2579} 2580 2581 2582/* ===================================================== 2583 HEADER 2584 ===================================================== */ 2585 2586#tj-hadith-widget .tj-hadith-header { 2587 display: flex; 2588 align-items: center; 2589 gap: 9px; 2590 padding-bottom: 10px; 2591 margin-bottom: 15px; 2592 border-bottom: 2px solid #ee3333; 2593} 2594 2595 2596/* ICON */ 2597 2598#tj-hadith-widget .tj-hadith-icon { 2599 width: 28px; 2600 height: 28px; 2601 min-width: 28px; 2602 2603 display: flex; 2604 align-items: center; 2605 justify-content: center; 2606 2607 background: #ee3333; 2608 color: #ffffff; 2609 2610 border-radius: 50%; 2611 2612 font-family: Arial, Helvetica, sans-serif; 2613 font-size: 12px; 2614 line-height: 1; 2615} 2616 2617 2618/* JUDUL */ 2619 2620#tj-hadith-widget .tj-hadith-title { 2621 color: #26323b; 2622 2623 font-family: Georgia, "Times New Roman", serif; 2624 2625 font-size: 15px; 2626 font-weight: 700; 2627 2628 letter-spacing: 0.02em; 2629} 2630 2631 2632/* ===================================================== 2633 CONTENT 2634 ===================================================== */ 2635 2636#tj-hadith-widget .tj-hadith-content { 2637 width: 100%; 2638 box-sizing: border-box; 2639} 2640 2641 2642/* ===================================================== 2643 HADIS 2644 ===================================================== */ 2645 2646#tj-hadith-widget .tj-hadith-item { 2647 animation: tjHadithFade 0.4s ease; 2648} 2649 2650 2651@keyframes tjHadithFade { 2652 2653 from { 2654 opacity: 0; 2655 transform: translateY(4px); 2656 } 2657 2658 to { 2659 opacity: 1; 2660 transform: translateY(0); 2661 } 2662 2663} 2664 2665 2666/* ===================================================== 2667 LABEL 2668 ===================================================== */ 2669 2670#tj-hadith-widget .tj-hadith-label { 2671 2672 display: inline-block; 2673 2674 padding: 5px 9px; 2675 2676 margin-bottom: 12px; 2677 2678 background: #f6f7f8; 2679 2680 border: 1px solid #e2e6e9; 2681 2682 border-radius: 20px; 2683 2684 color: #68737d; 2685 2686 font-size: 9px; 2687 2688 font-weight: 700; 2689 2690 letter-spacing: 0.04em; 2691} 2692 2693 2694/* ===================================================== 2695 TEKS HADIS 2696 ===================================================== */ 2697 2698#tj-hadith-widget .tj-hadith-text { 2699 2700 margin: 0 0 16px 0; 2701 2702 padding-left: 12px; 2703 2704 border-left: 3px solid #ee3333; 2705 2706 color: #303030; 2707 2708 font-family: Georgia, "Times New Roman", serif; 2709 2710 font-size: 15px; 2711 2712 line-height: 1.75; 2713 2714 font-weight: 600; 2715} 2716 2717 2718/* ===================================================== 2719 PERAWI 2720 ===================================================== */ 2721 2722#tj-hadith-widget .tj-hadith-narrator { 2723 2724 margin-top: 2px; 2725 2726 color: #28343d; 2727 2728 font-size: 12px; 2729 2730 line-height: 1.5; 2731 2732 font-weight: 700; 2733} 2734 2735 2736/* ===================================================== 2737 SUMBER 2738 ===================================================== */ 2739 2740#tj-hadith-widget .tj-hadith-source { 2741 2742 margin-top: 3px; 2743 2744 color: #7a838a; 2745 2746 font-size: 11px; 2747 2748 line-height: 1.5; 2749} 2750 2751 2752/* ===================================================== 2753 LOADING 2754 ===================================================== */ 2755 2756#tj-hadith-widget .tj-hadith-loading { 2757 2758 padding: 30px 0; 2759 2760 text-align: center; 2761 2762 color: #888888; 2763 2764 font-size: 12px; 2765} 2766 2767 2768/* ===================================================== 2769 MOBILE 2770 ===================================================== */ 2771 2772@media screen and (max-width: 768px) { 2773 2774 #tj-hadith-widget { 2775 padding: 16px; 2776 border-radius: 9px; 2777 } 2778 2779 #tj-hadith-widget .tj-hadith-text { 2780 font-size: 14px; 2781 line-height: 1.7; 2782 } 2783 2784 #tj-hadith-widget .tj-hadith-title { 2785 font-size: 14px; 2786 } 2787 2788} 2789 2790 2791/* ===================================================== 2792 HP KECIL 2793 ===================================================== */ 2794 2795@media screen and (max-width: 375px) { 2796 2797 #tj-hadith-widget { 2798 padding: 14px; 2799 } 2800 2801 #tj-hadith-widget .tj-hadith-text { 2802 font-size: 13.5px; 2803 } 2804 2805} 2806 2807</style> 2808 2809
2810<script> 2811 2812(function() { 2813 2814 /* =================================================== 2815 DATABASE 50 HADIS 2816 =================================================== */ 2817 2818 var tjHadiths = [ 2819 2820 { 2821 text: "Sesungguhnya setiap amal perbuatan bergantung pada niatnya, dan setiap orang mendapatkan sesuai dengan apa yang ia niatkan.", 2822 narrator: "Umar bin Khattab r.a.", 2823 source: "HR. Bukhari No. 1", 2824 status: "SAHIH AL-BUKHARI" 2825 }, 2826 2827 { 2828 text: "Islam dibangun di atas lima perkara: syahadat, mendirikan salat, menunaikan zakat, haji, dan puasa Ramadan.", 2829 narrator: "Abdullah bin Umar r.a.", 2830 source: "HR. Bukhari No. 8", 2831 status: "SAHIH AL-BUKHARI" 2832 }, 2833 2834 { 2835 text: "Iman memiliki banyak cabang, dan rasa malu merupakan salah satu cabang iman.", 2836 narrator: "Abu Hurairah r.a.", 2837 source: "HR. Bukhari No. 9", 2838 status: "SAHIH AL-BUKHARI" 2839 }, 2840 2841 { 2842 text: "Seorang Muslim adalah orang yang kaum Muslimin selamat dari gangguan lisan dan tangannya.", 2843 narrator: "Abdullah bin Amr r.a.", 2844 source: "HR. Bukhari No. 10", 2845 status: "SAHIH AL-BUKHARI" 2846 }, 2847 2848 { 2849 text: "Islam yang baik antara lain ditunjukkan dengan memberi makan dan mengucapkan salam kepada orang yang dikenal maupun yang tidak dikenal.", 2850 narrator: "Abdullah bin Amr r.a.", 2851 source: "HR. Bukhari No. 12", 2852 status: "SAHIH AL-BUKHARI" 2853 }, 2854 2855 { 2856 text: "Tidak sempurna iman seseorang sampai ia mencintai untuk saudaranya apa yang ia cintai untuk dirinya sendiri.", 2857 narrator: "Anas bin Malik r.a.", 2858 source: "HR. Bukhari No. 13", 2859 status: "SAHIH AL-BUKHARI" 2860 }, 2861 2862 { 2863 text: "Tidak sempurna iman seseorang sampai Rasulullah ï·º lebih ia cintai daripada orang tua, anak, dan seluruh manusia.", 2864 narrator: "Anas bin Malik r.a.", 2865 source: "HR. Bukhari No. 15", 2866 status: "SAHIH AL-BUKHARI" 2867 }, 2868 2869 { 2870 text: "Ada tiga perkara yang membuat seseorang merasakan manisnya iman: mencintai Allah dan Rasul-Nya lebih dari yang lain, mencintai seseorang karena Allah, dan membenci kembali kepada kekufuran.", 2871 narrator: "Anas bin Malik r.a.", 2872 source: "HR. Bukhari No. 16", 2873 status: "SAHIH AL-BUKHARI" 2874 }, 2875 2876 { 2877 text: "Halal itu jelas dan haram itu jelas. Di antara keduanya terdapat perkara-perkara yang samar. Menjauhinya berarti menjaga agama dan kehormatan.", 2878 narrator: "An-Nu'man bin Basyir r.a.", 2879 source: "HR. Bukhari No. 52", 2880 status: "SAHIH AL-BUKHARI" 2881 }, 2882 2883 { 2884 text: "Sebaik-baik manusia dalam pergaulan adalah yang berbuat baik kepada ibunya, kemudian kepada ibunya, kemudian kepada ibunya, lalu kepada ayahnya.", 2885 narrator: "Abu Hurairah r.a.", 2886 source: "HR. Bukhari No. 5971", 2887 status: "SAHIH AL-BUKHARI" 2888 }, 2889 2890 { 2891 text: "Allah menjaga hubungan dengan orang yang menjaga silaturahmi dan memutus hubungan dengan orang yang memutuskannya.", 2892 narrator: "Abu Hurairah r.a.", 2893 source: "HR. Bukhari No. 5987", 2894 status: "SAHIH AL-BUKHARI" 2895 }, 2896 2897 { 2898 text: "Orang-orang beriman dalam kasih sayang dan kepedulian mereka seperti satu tubuh; ketika satu bagian sakit, seluruh tubuh ikut merasakan.", 2899 narrator: "An-Nu'man bin Basyir r.a.", 2900 source: "HR. Bukhari No. 6011", 2901 status: "SAHIH AL-BUKHARI" 2902 }, 2903 2904 { 2905 text: "Seorang Muslim yang menanam tanaman lalu manusia atau hewan memakan darinya mendapatkan pahala seperti sedekah.", 2906 narrator: "Anas bin Malik r.a.", 2907 source: "HR. Bukhari No. 6012", 2908 status: "SAHIH AL-BUKHARI" 2909 }, 2910 2911 { 2912 text: "Barang siapa tidak menyayangi orang lain, ia tidak akan disayangi.", 2913 narrator: "Jarir bin Abdullah r.a.", 2914 source: "HR. Bukhari No. 6013", 2915 status: "SAHIH AL-BUKHARI" 2916 }, 2917 2918 { 2919 text: "Jibril terus-menerus berwasiat kepada Nabi ï·º tentang tetangga sampai beliau mengira tetangga akan mendapat bagian warisan.", 2920 narrator: "Aisyah r.a.", 2921 source: "HR. Bukhari No. 6014", 2922 status: "SAHIH AL-BUKHARI" 2923 }, 2924 2925 {
2926 text: "Barang siapa beriman kepada Allah dan hari akhir, hendaknya berkata baik atau diam, memuliakan tetangga, dan memuliakan tamu.", 2927 narrator: "Abu Hurairah r.a.", 2928 source: "HR. Bukhari No. 6018", 2929 status: "SAHIH AL-BUKHARI" 2930 }, 2931 2932 { 2933 text: "Kekuatan yang sebenarnya bukanlah mengalahkan orang lain, tetapi mampu mengendalikan diri ketika marah.", 2934 narrator: "Abu Hurairah r.a.", 2935 source: "HR. Bukhari No. 6114", 2936 status: "SAHIH AL-BUKHARI" 2937 }, 2938 2939 { 2940 text: "Laa haula wa laa quwwata illaa billaah merupakan salah satu simpanan berharga dari simpanan surga.", 2941 narrator: "Abu Musa Al-Asy'ari r.a.", 2942 source: "HR. Bukhari No. 6409", 2943 status: "SAHIH AL-BUKHARI" 2944 }, 2945 2946 { 2947 text: "Orang yang beriman kepada Allah dan hari akhir hendaknya berkata baik atau diam, tidak menyakiti tetangga, dan memuliakan tamunya.", 2948 narrator: "Abu Hurairah r.a.", 2949 source: "HR. Bukhari No. 6475", 2950 status: "SAHIH AL-BUKHARI" 2951 }, 2952 2953 { 2954 text: "Masa bertamu adalah tiga hari, dan orang yang beriman kepada Allah dan hari akhir hendaknya memuliakan tamunya.", 2955 narrator: "Abu Syuraih Al-Khuza'i r.a.", 2956 source: "HR. Bukhari No. 6476", 2957 status: "SAHIH AL-BUKHARI" 2958 }, 2959 2960 { 2961 text: "Islam ditegakkan di atas lima perkara: mengesakan Allah, mendirikan salat, menunaikan zakat, berpuasa Ramadan, dan berhaji.", 2962 narrator: "Abdullah bin Umar r.a.", 2963 source: "HR. Muslim No. 16a", 2964 status: "SAHIH MUSLIM" 2965 }, 2966 2967 { 2968 text: "Tidak masuk surga orang yang tetangganya tidak merasa aman dari gangguannya.", 2969 narrator: "Abu Hurairah r.a.", 2970 source: "HR. Muslim No. 46", 2971 status: "SAHIH MUSLIM" 2972 }, 2973 2974 { 2975 text: "Barang siapa beriman kepada Allah dan hari akhir hendaknya memuliakan tetangga dan tamunya serta berkata baik atau diam.", 2976 narrator: "Abu Hurairah r.a.", 2977 source: "HR. Muslim No. 47a", 2978 status: "SAHIH MUSLIM" 2979 }, 2980 2981 { 2982 text: "Agama adalah nasihat: kepada Allah, kitab-Nya, Rasul-Nya, para pemimpin kaum Muslimin, dan seluruh kaum Muslimin.", 2983 narrator: "Tamim Ad-Dari r.a.", 2984 source: "HR. Muslim No. 55a", 2985 status: "SAHIH MUSLIM" 2986 }, 2987 2988 { 2989 text: "Jarir r.a. berbaiat kepada Rasulullah ï·º untuk mendirikan salat, menunaikan zakat, dan memberikan nasihat yang tulus kepada setiap Muslim.", 2990 narrator: "Jarir bin Abdullah r.a.", 2991 source: "HR. Muslim No. 56a", 2992 status: "SAHIH MUSLIM" 2993 }, 2994 2995 { 2996 text: "Di antara sifat kemunafikan adalah berdusta ketika berbicara, mengingkari janji, berkhianat terhadap perjanjian, dan melampaui batas ketika berselisih.", 2997 narrator: "Abdullah bin Amr r.a.", 2998 source: "HR. Muslim No. 58", 2999 status: "SAHIH MUSLIM" 3000 }, 3001 3002 { 3003 text: "Kalian tidak akan masuk surga sampai beriman, dan kalian tidak sempurna beriman sampai saling mencintai. Sebarkanlah salam di antara kalian.", 3004 narrator: "Abu Hurairah r.a.", 3005 source: "HR. Muslim No. 54a", 3006 status: "SAHIH MUSLIM" 3007 }, 3008 3009 { 3010 text: "Tidak akan masuk surga orang yang di dalam hatinya terdapat kesombongan walaupun sebesar zarah.", 3011 narrator: "Abdullah bin Mas'ud r.a.", 3012 source: "HR. Muslim No. 91a", 3013 status: "SAHIH MUSLIM" 3014 }, 3015 3016 { 3017 text: "Setiap perbuatan baik adalah sedekah.", 3018 narrator: "Hudzaifah r.a.", 3019 source: "HR. Muslim No. 1005", 3020 status: "SAHIH MUSLIM" 3021 }, 3022 3023 { 3024 text: "Tasbih, tahmid, takbir, amar makruf, dan mencegah kemungkaran termasuk sedekah.", 3025 narrator: "Abu Dzarr r.a.", 3026 source: "HR. Muslim No. 1006", 3027 status: "SAHIH MUSLIM" 3028 }, 3029 3030 { 3031 text: "Seorang Muslim adalah saudara bagi Muslim lainnya; ia tidak menzaliminya, tidak merendahkannya, dan tidak menghinakannya.", 3032 narrator: "Abu Hurairah r.a.", 3033 source: "HR. Muslim No. 2564a", 3034 status: "SAHIH MUSLIM" 3035 }, 3036 3037 { 3038 text: "Siapa yang menutupi aib seorang Muslim di dunia, Allah akan menutupi aibnya pada hari kiamat.", 3039 narrator: "Abu Hurairah r.a.", 3040 source: "HR. Muslim No. 2590b", 3041 status: "SAHIH MUSLIM" 3042 }, 3043 3044 { 3045 text: "Orang yang tidak memiliki kelembutan akan kehilangan banyak kebaikan.", 3046 narrator: "Jarir bin Abdullah r.a.", 3047 source: "HR. Muslim No. 2592c", 3048 status: "SAHIH MUSLIM" 3049 }, 3050 3051 { 3052 text: "Allah Maha Lembut dan mencintai kelembutan, serta memberikan melalui kelembutan sesuatu yang tidak diberikan melalui kekerasan.", 3053 narrator: "Aisyah r.a.", 3054 source: "HR. Muslim No. 2593", 3055 status: "SAHIH MUSLIM" 3056 }, 3057 3058 { 3059 text: "Kelembutan tidaklah terdapat pada sesuatu melainkan akan memperindahnya, dan jika dicabut darinya akan membuatnya buruk.", 3060 narrator: "Aisyah r.a.", 3061 source: "HR. Muslim No. 2594a", 3062 status: "SAHIH MUSLIM" 3063 }, 3064 3065 { 3066 text: "Barang siapa mengasuh dua anak perempuan sampai dewasa dengan baik, ia akan dekat dengan Rasulullah ï·º pada hari kiamat.", 3067 narrator: "Anas bin Malik r.a.", 3068 source: "HR. Muslim No. 2631", 3069 status: "SAHIH MUSLIM" 3070 }, 3071 3072 { 3073 text: "Orang yang mengasuh anak perempuan dengan baik mendapatkan perlindungan dari neraka.", 3074 narrator: "Aisyah r.a.", 3075 source: "HR. Muslim No. 2629", 3076 status: "SAHIH MUSLIM" 3077 }, 3078 3079 { 3080 text: "Mukmin yang kuat lebih baik dan lebih dicintai Allah daripada mukmin yang lemah, dan pada keduanya terdapat kebaikan. Bersungguh-sungguhlah pada hal yang bermanfaat dan mintalah pertolongan Allah.", 3081 narrator: "Abu Hurairah r.a.", 3082 source: "HR. Muslim No. 2664", 3083 status: "SAHIH MUSLIM" 3084 }, 3085 3086 { 3087 text: "Tidak seorang pun masuk surga hanya karena amalnya; keselamatan terjadi karena rahmat dan karunia Allah.", 3088 narrator: "Abu Hurairah r.a.", 3089 source: "HR. Muslim No. 2816f", 3090 status: "SAHIH MUSLIM" 3091 }, 3092 3093 {
3094 text: "Sedekah tidak mengurangi harta, memaafkan menambah kemuliaan, dan siapa yang merendahkan diri karena Allah akan diangkat derajatnya.", 3095 narrator: "Abu Hurairah r.a.", 3096 source: "HR. Muslim No. 2588", 3097 status: "SAHIH MUSLIM" 3098 }, 3099 3100 { 3101 text: "Kebaikan bukan hanya berupa harta; setiap perbuatan yang baik termasuk sedekah.", 3102 narrator: "Hudzaifah r.a.", 3103 source: "HR. Muslim No. 1005", 3104 status: "SAHIH MUSLIM" 3105 }, 3106 3107 { 3108 text: "Tidak akan masuk surga orang yang tetangganya tidak aman dari gangguannya.", 3109 narrator: "Abu Hurairah r.a.", 3110 source: "HR. Muslim No. 46", 3111 status: "SAHIH MUSLIM" 3112 }, 3113 3114 { 3115 text: "Keimanan tidak sempurna tanpa kecintaan kepada sesama, dan menyebarkan salam merupakan jalan untuk menumbuhkan kecintaan.", 3116 narrator: "Abu Hurairah r.a.", 3117 source: "HR. Muslim No. 54a", 3118 status: "SAHIH MUSLIM" 3119 }, 3120 3121 { 3122 text: "Nasihat dan ketulusan kepada sesama Muslim merupakan bagian penting dari agama.", 3123 narrator: "Tamim Ad-Dari r.a.", 3124 source: "HR. Muslim No. 55a", 3125 status: "SAHIH MUSLIM" 3126 }, 3127 3128 { 3129 text: "Jangan saling mendengki, jangan saling membenci, jangan saling membelakangi, dan jadilah hamba Allah yang bersaudara.", 3130 narrator: "Abu Hurairah r.a.", 3131 source: "HR. Muslim No. 2564a", 3132 status: "SAHIH MUSLIM" 3133 }, 3134 3135 { 3136 text: "Ketakwaan itu berada di hati, dan seseorang tidak boleh meremehkan saudaranya sesama Muslim.", 3137 narrator: "Abu Hurairah r.a.", 3138 source: "HR. Muslim No. 2564a", 3139 status: "SAHIH MUSLIM" 3140 }, 3141 3142 { 3143 text: "Orang yang menahan amarah dan mengendalikan dirinya memiliki kekuatan yang sejati.", 3144 narrator: "Abu Hurairah r.a.", 3145 source: "HR. Bukhari No. 6114", 3146 status: "SAHIH AL-BUKHARI" 3147 }, 3148 3149 { 3150 text: "Mengajak kepada kebaikan termasuk sedekah.", 3151 narrator: "Jabir bin Abdullah r.a.", 3152 source: "HR. Bukhari No. 6021", 3153 status: "SAHIH AL-BUKHARI" 3154 }, 3155 3156 { 3157 text: "Setiap Muslim memiliki kewajiban sedekah; jika tidak mampu dengan harta, ia dapat bekerja, membantu orang yang membutuhkan, mengajak kepada kebaikan, atau menahan diri dari keburukan.", 3158 narrator: "Abu Musa Al-Asy'ari r.a.", 3159 source: "HR. Bukhari No. 6022", 3160 status: "SAHIH AL-BUKHARI" 3161 }, 3162 3163 { 3164 text: "Selamatkan diri dari neraka walaupun dengan bersedekah separuh kurma; jika tidak mampu, dengan mengucapkan perkataan yang baik.", 3165 narrator: "Adi bin Hatim r.a.", 3166 source: "HR. Bukhari No. 6023", 3167 status: "SAHIH AL-BUKHARI" 3168 }, 3169 3170 { 3171 text: "Allah mencintai kelembutan dalam segala perkara.", 3172 narrator: "Aisyah r.a.", 3173 source: "HR. Bukhari No. 6024", 3174 status: "SAHIH AL-BUKHARI" 3175 }, 3176 3177 { 3178 text: "Orang yang beriman kepada Allah dan hari akhir hendaknya menjaga lisannya, tidak menyakiti tetangga, dan memuliakan tamu.", 3179 narrator: "Abu Hurairah r.a.", 3180 source: "HR. Bukhari No. 6475", 3181 status: "SAHIH AL-BUKHARI" 3182 } 3183 3184 ]; 3185 3186 3187 /* =================================================== 3188 ELEMENT 3189 =================================================== */ 3190 3191 var content = 3192 document.getElementById("tjHadithContent"); 3193 3194 3195 if (!content) { 3196 return; 3197 } 3198 3199 3200 /* =================================================== 3201 PILIH HADIS 3202 3203 Menghindari hadis yang sama dengan tampilan 3204 sebelumnya selama tab browser masih aktif. 3205 =================================================== */ 3206 3207 var lastIndex = -1; 3208 3209 try { 3210 3211 var savedIndex = 3212 sessionStorage.getItem("tjLastHadith"); 3213 3214 if (savedIndex !== null) { 3215 3216 lastIndex = 3217 parseInt(savedIndex, 10); 3218 3219 } 3220 3221 } catch (e) { 3222 3223 lastIndex = -1; 3224 3225 } 3226 3227 3228 var randomIndex; 3229 3230 3231 if (tjHadiths.length <= 1) { 3232 3233 randomIndex = 0; 3234 3235 } else { 3236 3237 do { 3238 3239 randomIndex = 3240 Math.floor( 3241 Math.random() * tjHadiths.length 3242 ); 3243 3244 } while ( 3245 randomIndex === lastIndex 3246 ); 3247 3248 } 3249 3250 3251 /* Simpan nomor hadis terakhir */ 3252 3253 try { 3254 3255 sessionStorage.setItem( 3256 "tjLastHadith", 3257 randomIndex 3258 ); 3259 3260 } catch (e) { 3261 3262 /* Jika sessionStorage tidak tersedia, 3263 widget tetap berjalan normal. */ 3264 3265 } 3266 3267 3268 /* =================================================== 3269 AMBIL HADIS 3270 =================================================== */ 3271 3272 var hadith = 3273 tjHadiths[randomIndex]; 3274 3275 3276 /* =================================================== 3277 TAMPILKAN 3278 =================================================== */ 3279 3280 content.innerHTML = 3281 3282 '<div class="tj-hadith-item">' + 3283 3284 '<div class="tj-hadith-label">' + 3285 hadith.status + 3286 '</div>' + 3287 3288 '<p class="tj-hadith-text">' + 3289 hadith.text + 3290 '</p>' + 3291 3292 '<div class="tj-hadith-narrator">' + 3293 '— ' + hadith.narrator + 3294 '</div>' + 3295 3296 '<div class="tj-hadith-source">' + 3297 hadith.source + 3298 '</div>' + 3299 3300 '</div>'; 3301 3302 3303})(); 3304</script>
3304 3305</div> 3306<div class='clear'></div> 3307</div><div class='widget HTML' data-version='1' id='HTML7'> 3308<div class='widget-content'> 3309<!-- Widget Sidebar Post Terbaru - tatarjabar.com --> 3310<style> 3311 .sidebar-posts-widget { 3312 background: #ffffff; 3313 border: 1px solid #e2e8f0; 3314 border-radius: 8px; 3315 padding: 16px; 3316 box-shadow: 0 2px 4px rgba(0,0,0,0.05); 3317 font-family: Arial, sans-serif; 3318 } 3319 3320 .sidebar-widget-title { 3321 font-size: 14px; 3322 font-weight: bold; 3323 color: #1e293b; 3324 text-transform: uppercase; 3325 letter-spacing: 0.5px; 3326 margin: 0 0 12px 0; 3327 padding-bottom: 8px; 3328 border-bottom: 2px solid #e53935; /* Garis Merah Tema */ 3329 } 3330 3331 .sidebar-post-item { 3332 display: flex; 3333 gap: 12px; 3334 align-items: center; 3335 padding: 10px 0; 3336 border-bottom: 1px dashed #e2e8f0; 3337 } 3338 3339 .sidebar-post-item:last-child { 3340 border-bottom: none; 3341 padding-bottom: 0; 3342 } 3343 3344 .sidebar-post-thumb { 3345 width: 75px; 3346 height: 75px; 3347 flex-shrink: 0; 3348 border-radius: 8px; /* Ujung Thumbnail Rounded Presisi */ 3349 object-fit: cover; 3350 background-color: #f1f5f9; 3351 } 3352 3353 .sidebar-post-info { 3354 flex-grow: 1; 3355 } 3356 3357 .sidebar-post-title { 3358 margin: 0; 3359 font-size: 13px; 3360 line-height: 1.4; 3361 font-weight: bold; 3362 } 3363 3364 .sidebar-post-title a { 3365 color: #1e293b; 3366 text-decoration: none; 3367 transition: color 0.2s; 3368 } 3369 3370 .sidebar-post-title a:hover { 3371 color: #e53935; /* Hover Merah Tema */ 3372 } 3373 3374 .sidebar-post-date { 3375 font-size: 11px; 3376 color: #94a3b8; 3377 margin-top: 4px; 3378 display: block; 3379 } 3380</style> 3381 3382<div class="sidebar-posts-widget"> 3383 <!-- Judul Widget (Bisa diganti: BERITA TERBARU / POSTINGAN TERBARU) --> 3384 <h3 class="sidebar-widget-title">BERITA TERBARU</h3> 3385 <div id="sidebar-latest-posts"></div> 3386</div> 3387
3388<script> 3389 var sidebarPostCount = 4; // Jumlah postingan yang ingin ditampilkan di sidebar 3390 3391 function renderSidebarPosts(json) { 3392 var container = document.getElementById('sidebar-latest-posts'); 3393 var html = ''; 3394 3395 if (json.feed.entry) { 3396 for (var i = 0; i < json.feed.entry.length; i++) { 3397 var entry = json.feed.entry[i]; 3398 var title = entry.title.$t; 3399 var postUrl = ''; 3400 3401 // Mengambil URL Artikel 3402 for (var j = 0; j < entry.link.length; j++) { 3403 if (entry.link[j].rel === 'alternate') { 3404 postUrl = entry.link[j].href; 3405 break; 3406 } 3407 } 3408 3409 // Mengambil Thumbnail Presisi (High Resolution / Auto Crop) 3410// Mengambil Thumbnail Presisi (High Resolution / Auto Crop) 3411var thumbUrl = ''; 3412if (entry.media$thumbnail) { 3413 var url = entry.media$thumbnail.url; 3414 thumbUrl = url.replace(/\/s\d+(?:-[^\/]+)?\//, '/w600-h400-p-k-no-nu/').replace(/\/w\d+(?:-h\d+)?(?:-[^\/]+)?\//, '/w600-h400-p-k-no-nu/'); 3415} else if (entry.content && entry.content.$t.indexOf('<img') !== -1) { 3416 var srcMatch = entry.content.$t.match(/src=["']([^"']+)["']/); 3417 if (srcMatch) { 3418 var rawSrc = srcMatch[1]; 3419 thumbUrl = rawSrc.replace(/\/s\d+(?:-[^\/]+)?\//, '/w600-h400-p-k-no-nu/').replace(/\/w\d+(?:-h\d+)?(?:-[^\/]+)?\//, '/w600-h400-p-k-no-nu/'); 3420 } 3421} 3422 3423 // Fallback jika artikel tidak memiliki gambar 3424 if (!thumbUrl) { 3425 thumbUrl = 'https://via.placeholder.com/150x150/e2e8f0/94a3b8?text=No+Image'; 3426 } 3427 3428 html += '<div class="sidebar-post-item">'; 3429 html += '<a href="' + postUrl + '"><img class="sidebar-post-thumb" src="' + thumbUrl + '" alt="' + title + '" /></a>'; 3430 html += '<div class="sidebar-post-info">'; 3431 html += '<h4 class="sidebar-post-title"><a href="' + postUrl + '">' + title + '</a></h4>'; 3432 html += '</div>'; 3433 html += '</div>'; 3434 } 3435 } 3436 container.innerHTML = html; 3437 } 3438</script>
3438 3439 3440<!-- Mengambil Feed Postingan Terbaru -->
3441<script src="/feeds/posts/summary?alt=json-in-script&max-results=4&callback=renderSidebarPosts"></script>
3441 3442</div> 3443<div class='clear'></div> 3444</div><div class='widget HTML' data-version='1' id='HTML2'> 3445<div class='widget-content'> 3446<!-- AdSense Sticky Sidebar --> 3447<div class="tj-sticky-ad"> 3448 3449 <ins class="adsbygoogle" 3450 style="display:block" 3451 data-ad-client="ca-pub-1783745483990845" 3452 data-ad-slot="2055199104" 3453 data-ad-format="auto" 3454 data-full-width-responsive="true"></ins> 3455 3456
3456<script> 3457 (adsbygoogle = window.adsbygoogle || []).push({}); 3458 </script>
3458 3459 3460</div> 3461 3462<style> 3463.tj-sticky-ad { 3464 position: sticky; 3465 top: 25px; 3466 width: 100%; 3467 margin: 15px 0; 3468} 3469</style> 3470</div> 3471<div class='clear'></div> 3472</div><div class='widget PopularPosts' data-version='1' id='PopularPosts1'> 3473<h2>Berita Populer</h2> 3474<div class='widget-content popular-posts'> 3475<ul> 3476<li> 3477<div class='item-thumbnail-only'> 3478<div class='item-thumbnail'> 3479<a href='https://www.tatarjabar.com/2020/01/golok-sunda-yang-mistis-dan-legendaris.html' target='_blank'> 3480<img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWw5VTIUpk2_CV3zJTeDL1uRJGV7SKuL70U4KgMXgvPKYuljJQJg_93EIhGpnPSKLe2oB6vXPzazGoJ8uvpna5eB-R1bopaAUEmghGYN8LzhD-4zEAwgMHXqSmgE6MXdeFpalohEOMZcFF/w72-h72-p-k-no-nu/Bedog+Si+Cepot.jpg'/> 3481</a> 3482</div> 3483<div class='item-title'><a href='https://www.tatarjabar.com/2020/01/golok-sunda-yang-mistis-dan-legendaris.html'>Golok Sunda yang Mistis dan Legendaris</a></div> 3484</div> 3485<div style='clear: both;'></div> 3486</li> 3487<li> 3488<div class='item-thumbnail-only'> 3489<div class='item-thumbnail'> 3490<a href='https://www.tatarjabar.com/2020/08/tizi-restoran-legendaris-dari-kota.html' target='_blank'> 3491<img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX583ku00AdJo4oiPdUkhG-6KYuzjIboc5rlpBGVg43jGO3JCKu3SE9NWrLYmQWFy0rkrD7MH6mT-JhGb5ntrZIxCcfSo2pYoIE7OUkUqUmEpU5h_7yAVsSaC0yB4_SDae0H-8zeIOxEjG/w72-h72-p-k-no-nu/1.+Tamu+betah+berlama-lama+karena+diperlakukan+seperti+keluarga.jpeg'/> 3492</a> 3493</div> 3494<div class='item-title'><a href='https://www.tatarjabar.com/2020/08/tizi-restoran-legendaris-dari-kota.html'>TIZI - Restoran Legendaris dari Kota Bandung </a></div> 3495</div> 3496<div style='clear: both;'></div> 3497</li> 3498<li> 3499<div class='item-thumbnail-only'> 3500<div class='item-thumbnail'> 3501<a href='https://www.tatarjabar.com/2024/07/evha-tiara-oktova-sarjana-ekonomi-unpad.html' target='_blank'> 3502<img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0CpSyjxvMn3gtTg3mXJ7OZ4qyjk1efxSiIl9DWLXVOEm8CN18R8CdjR-jJAvXcv9UKHvHL_ujaLqj_hz1ZIJ92gqIaKGD8peL5-Wen0lbddyYEDZE1UeiYaV9RnOvrLcVOgRtI1V6S-1wN6SgTt3Zmjgij1OAs-ZE5EnjibLDWJj5WJkWQo44iRD7Cra4/w72-h72-p-k-no-nu/01%20Evha%20Tiara%20bersama%20keluarga%20(Foto%20dok.%20pribadi).jpeg'/> 3503</a> 3504</div> 3505<div class='item-title'><a href='https://www.tatarjabar.com/2024/07/evha-tiara-oktova-sarjana-ekonomi-unpad.html'>Evha Tiara Oktova, Sarjana Ekonomi Unpad Sukses Bisnis Logam Mulya dan Perhiasan Emas </a></div> 3506</div> 3507<div style='clear: both;'></div> 3508</li> 3509<li> 3510<div class='item-thumbnail-only'> 3511<div class='item-thumbnail'> 3512<a href='https://www.tatarjabar.com/2024/04/alpina-legenda-tas-dan-alat-alat.html' target='_blank'> 3513<img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUrhVfajRM0XkkZ4K-g1RmaUJyr58JzauOFoyCjDJTVMPAGCneQEdw0IYwzNFgrlHGPO4vbs_x4bQDx3SgWm3noZDCd-PW8I_FoJWXOPXzZdlnNo4uIciWHZPb9ruAxxHrSK42yuiL61l4h1l9-NqnhetBdCB3pz5wsxroVovTKxkgbFPEY0tJortQuKd3/w72-h72-p-k-no-nu/01%20Faidjan%20Adriyanto%20di%20depan%20showroom%20Alpina%20(Foto%20Asep%20GP).jpeg'/> 3514</a> 3515</div> 3516<div class='item-title'><a href='https://www.tatarjabar.com/2024/04/alpina-legenda-tas-dan-alat-alat.html'>Alpina - Legenda Tas dan Alat-alat Outdoor dari Bandung Itu Masih Ada </a></div> 3517</div> 3518<div style='clear: both;'></div> 3519</li> 3520<li> 3521<div class='item-thumbnail-only'> 3522<div class='item-thumbnail'> 3523<a href='https://www.tatarjabar.com/2021/06/hebat-oktafiany-parasya-puspa-siswa.html' target='_blank'> 3524<img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRTGVJ_W0XHCHNmkM4fuXk9HxwJ6nOZp9EgkvBCKRR1UZCWHPxzBKhQ5qODrIHota8ZJ18OuUdK74W08FFgRJGbSYMuHQ61VAXC3L9OdTYldFkGNYc8dfOK5VqQOjUeAFyuPvu3ZiUDQ4l/w72-h72-p-k-no-nu/1.+Oktafiany+Parasya+Puspa%252C+Hape+lebih+baik+dipakai+untuk+berkarya.jpeg'/> 3525</a> 3526</div> 3527<div class='item-title'><a href='https://www.tatarjabar.com/2021/06/hebat-oktafiany-parasya-puspa-siswa.html'>Hebat, Oktafiany Parasya Puspa, Siswa kelas 5 SD, Karya Gambar Digitalnya Diikutkan di Pameran “Asean Digital Art Society (ASEDAS) 2021” </a></div> 3528</div> 3529<div style='clear: both;'></div> 3530</li> 3531</ul> 3532<div class='clear'></div> 3533</div> 3534</div></div> 3535</div> 3536</aside> 3537</div> 3538</div> 3539<!-- 3-Column Footer Area --> 3540<footer class='footer-wrapper'> 3541<div class='container'> 3542<div class='row'> 3543<!-- Kolom 1 Footer --> 3544<div class='col-md-4 mb-4'> 3545<div class='no-items section' id='footer-col-1'></div> 3546</div> 3547<!-- Pembungkus Baris Footer 3 Kolom --> 3548<div class='row' style='display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;'> 3549<!-- Kolom 1: Logo & Alamat --> 3550<div class='col-md-4 mb-4' style='flex: 0 0 33.333333%; max-width: 33.333333%; padding-right: 15px; padding-left: 15px; box-sizing: border-box;'> 3551<a href='https://tatarjabar.com'> 3552<img alt='Logo Tatar Jabar' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0RVqwlGXWSLgdaGmWAmNBfchfblQ6u1xrxDJYK_g1hKN6xNWLk6gQpMDec4C5PLtIjJ9kKvxTUmny_Jqer-wiLCFVvPLCzfiWv8ZqlS5t55r0FmddVGiZd7GaX2udh61Nrr0L-hHdj3t0E4zHEiEVbhiTjq2f-lyi71G9xlb3_h936BvITeBjeVHKX4QB/s300/Logo%20Tatar%20Jabar%20Blogger.png' style='max-height: 40px; margin-bottom: 15px;'/> 3553</a> 3554<p class='small text-muted mb-0'> 3555 Jl. Baladewa II No. 96 Bandung 40173 - Jawa Barat<br/> 3556 Email: [email protected] 3557 </p> 3558</div> 3559<!-- Kolom 2: Hubungi Kami (Sudah Ditukar) --> 3560<div class='col-md-4 mb-4' style='flex: 0 0 33.333333%; max-width: 33.333333%; padding-right: 15px; padding-left: 15px; box-sizing: border-box;'> 3561<h5 class='text-white mb-3' style='font-size: 1rem; font-weight: 700; text-transform: uppercase;'>Hubungi Kami</h5> 3562<p class='small text-muted mb-3'> 3563 Informasi dan Pemasangan Iklan Hubungi Nomor Telepon atau WhatsApp :<br/> 3564<strong class='text-white'>+62 085864419719</strong> 3565</p> 3566</div> 3567<!-- Kolom 3: Tentang Kami (Berupa Teks Paragraf) --> 3568<div class='col-md-4 mb-4' style='flex: 0 0 33.333333%; max-width: 33.333333%; padding-right: 15px; padding-left: 15px; box-sizing: border-box;'> 3569<h5 class='text-white mb-3' style='font-size: 1rem; font-weight: 700; text-transform: uppercase;'>Tentang Kami</h5> 3570<p class='small text-muted mb-0' style='line-height: 1.6;'> 3571 Ruang informasi yang menghadirkan kabar terkini, kisah inspiratif, dan peristiwa masyarakat. Disajikan secara faktual, objektif, dan bertanggung jawab. 3572 </p> 3573</div> 3574</div> 3575</div> 3576<hr class='bg-secondary border-secondary my-4'/> 3577<div class='text-center footer-copyright'> 3578 ©
3578<script>document.write(new Date().getFullYear())</script>
3578 3579<a href='https://www.tatarjabar.com/'>Tatar Jabar</a>. All rights reserved. 3580 </div> 3581</div> 3582</footer> 3583<!-- Script Engine Fix Auto Ultra-HD Slider Loader -->
3584<script type='text/javascript'> 3585 //<![CDATA[ 3586 function getOriginalHDImage(rawUrl) { 3587 if (!rawUrl) return 'https://via.placeholder.com/1200x600?text=No+Image'; 3588 var fullHdUrl = rawUrl.replace(/\/s[0-9]+(-[a-z0-9]+)?\//g, '/s1600/') 3589 .replace(/\/w[0-9]+-h[0-9]+(-[a-z0-9]+)?\//g, '/s1600/') 3590 .replace(/\/s[0-9]+-c\//g, '/s1600/') 3591 .replace(/\/w[0-9]+-h[0-9]+-c\//g, '/s1600/') 3592 .replace(/\/s72-c\//g, '/s1600/') 3593 .replace(/=w[0-9]+-h[0-9]+-[a-z0-9-]+/g, '=s1600') 3594 .replace(/=s[0-9]+-[a-z0-9-]+/g, '=s1600'); 3595 return fullHdUrl; 3596 } 3597 3598 $(document).ready(function(){ 3599 $.ajax({ 3600 url: "/feeds/posts/default?alt=json&max-results=5", 3601 type: 'GET', 3602 dataType: 'json', 3603 success: function(data) { 3604 var html = ''; 3605 var entries = data.feed.entry || []; 3606 if(entries.length === 0){ 3607 $('#slider-container').html('<div class="carousel-item active p-5 text-center text-white">Belum ada artikel.</div>'); 3608 return; 3609 } 3610 for (var i = 0; i < entries.length; i++) { 3611 var entry = entries[i]; 3612 var title = entry.title.$t; 3613 var link = ''; 3614 for (var k = 0; k < entry.link.length; k++) { 3615 if (entry.link[k].rel == 'alternate') { link = entry.link[k].href; break; } 3616 } 3617 3618 var img = ''; 3619 if (entry.media$thumbnail && entry.media$thumbnail.url) { 3620 img = getOriginalHDImage(entry.media$thumbnail.url); 3621 } 3622 if (entry.content && entry.content.$t) { 3623 var firstImgInContent = $(entry.content.$t).find('img:first').attr('src'); 3624 if (firstImgInContent) { 3625 img = getOriginalHDImage(firstImgInContent); 3626 } 3627 } 3628 if (!img) { 3629 img = 'https://via.placeholder.com/1200x600?text=No+Image'; 3630 } 3631 3632 var activeClass = (i === 0) ? 'active' : ''; 3633 html += '<div class="carousel-item ' + activeClass + '" style="background-image: url(\'' + img + '\');">'; 3634 html += '<div class="carousel-caption">'; 3635 html += '<h3><a href="' + link + '" class="text-white text-decoration-none">' + title + '</a></h3>'; 3636 html += '</div></div>'; 3637 } 3638 $('#slider-container').html(html); 3639 }, 3640 error: function() { 3641 $('#slider-container').html('<div class="carousel-item active p-5 text-center text-white">Gagal memuat slider.</div>'); 3642 } 3643 }); 3644 }); 3645 //]]> 3646 </script>
vendor: 1 bytes, line 3646
3646
3647<script>//<![CDATA[ 3648function showRelatedPosts(json) { 3649 var container = document.getElementById('related-posts-container'); 3650 if (!container) return; 3651 3652 if (!json.feed || !json.feed.entry || json.feed.entry.length === 0) { 3653 container.innerHTML = '<p class="text-muted small">Tidak ada berita terkait.</p>'; 3654 return; 3655 } 3656 3657 var entries = json.feed.entry; 3658 var html = '<div class="row row-cols-1 row-cols-md-3 g-3">'; 3659 var currentUrl = window.location.href.split('?')[0].split('#')[0]; 3660 var count = 0; 3661 3662 for (var i = 0; i < entries.length; i++) { 3663 if (count >= 3) break; 3664 var entry = entries[i]; 3665 var title = entry.title.$t; 3666 var postUrl = ''; 3667 3668 for (var k = 0; k < entry.link.length; k++) { 3669 if (entry.link[k].rel === 'alternate') { 3670 postUrl = entry.link[k].href; 3671 break; 3672 } 3673 } 3674 3675 if (postUrl === currentUrl) continue; 3676 3677 var thumb = 'https://via.placeholder.com/400x250?text=No+Image'; 3678 if (entry.media$thumbnail) { 3679 thumb = entry.media$thumbnail.url.replace(/\/s\d+(?:-[^\/]+)?\//, '/w600-h400-p-k-no-nu/').replace(/\/w\d+(?:-h\d+)?(?:-[^\/]+)?\//, '/w600-h400-p-k-no-nu/'); 3680 } 3681 3682 html += '<div class="col">'; 3683 html += ' <div class="card h-100 border-0 shadow-sm related-post-card">'; 3684 html += ' <a href="' + postUrl + '">'; 3685 html += ' <img src="' + thumb + '" class="card-img-top related-post-img" alt="' + title + '">'; 3686 html += ' </a>'; 3687 html += ' <div class="card-body p-3">'; 3688 html += ' <h6 class="card-title fw-bold m-0" style="font-size: 0.95rem; line-height: 1.4;">'; 3689 html += ' <a href="' + postUrl + '" class="text-decoration-none text-dark">' + title + '</a>'; 3690 html += ' </h6>'; 3691 html += ' </div>'; 3692 html += ' </div>'; 3693 html += '</div>'; 3694 3695 count++; 3696 } 3697 3698 html += '</div>'; 3699 container.innerHTML = (count > 0) ? html : '<p class="text-muted small">Tidak ada berita terkait lainnya.</p>'; 3700} 3701//]]></script>
3701 3702<!-- Tombol Back to Top --> 3703<button id='backToTopBtn' onclick='topFunction()' style='display: none; position: fixed; bottom: 20px; right: 20px; z-index: 99; width: 48px; height: 48px; font-size: 18px; border: none; outline: none; background-color: #dc3545; color: white; cursor: pointer; padding: 0; border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.2); transition: background-color 0.2s;' title='Ke Atas'> 3704 ▲ 3705</button>
3706<script> 3707// Munculkan tombol saat halaman di-scroll ke bawah sejauh 300px 3708window.onscroll = function() {scrollFunction()}; 3709 3710function scrollFunction() { 3711 var btn = document.getElementById("backToTopBtn"); 3712 if (document.body.scrollTop > 300 || document.documentElement.scrollTop > 300) { 3713 btn.style.display = "block"; 3714 } else { 3715 btn.style.display = "none"; 3716 } 3717} 3718 3719// Fungsi saat tombol diklik, halaman otomatis naik ke atas dengan smooth 3720function topFunction() { 3721 window.scrollTo({top: 0, behavior: 'smooth'}); 3722} 3723</script>
3723 3724<!-- SCRIPT PERBAIKAN THUMBNAIL BLUR TATARJABAR - V5 -->
3725<script type='text/javascript'> 3726//<![CDATA[ 3727(function() { 3728 var thumbSelectors = [ 3729 '.post-thumb-img', 3730 '.sidebar-post-thumb', 3731 '.related-post-img', 3732 '.tj-random-thumb-box img', 3733 '.PopularPosts .item-thumbnail img', 3734 '.related-img-wrap img', 3735 '.custom-twocol-outer-box .card-img-top' 3736 ]; 3737 3738 function upgradeBloggerThumbUrl(url) { 3739 if (!url || !/googleusercontent\.com|blogspot\.com/i.test(url)) return url; 3740 var out = url; 3741 out = out.replace(/\/s[0-9]+(?:-[^\/]+)?\//i, '/s1600/') 3742 .replace(/\/w[0-9]+(?:-h[0-9]+)?(?:-[^\/]+)?\//i, '/s1600/'); 3743 out = out.replace(/=w[0-9]+(?:-h[0-9]+)?(?:-[a-z0-9-]+)?/ig, '=s1600') 3744 .replace(/=s[0-9]+(?:-[a-z0-9-]+)?/ig, '=s1600'); 3745 return out; 3746 } 3747 3748 function upgradeThumbs() { 3749 document.querySelectorAll(thumbSelectors.join(',')).forEach(function(img) { 3750 var src = img.getAttribute('data-src') || img.getAttribute('src') || ''; 3751 var upgraded = upgradeBloggerThumbUrl(src); 3752 if (upgraded && upgraded !== src) { 3753 img.setAttribute('src', upgraded); 3754 if (img.hasAttribute('data-src')) img.setAttribute('data-src', upgraded); 3755 } 3756 if (img.hasAttribute('srcset')) img.removeAttribute('srcset'); 3757 img.setAttribute('decoding', 'async'); 3758 }); 3759 } 3760 3761 function startThumbnailFix() { 3762 upgradeThumbs(); 3763 var observer = new MutationObserver(function(mutations) { 3764 for (var i = 0; i < mutations.length; i++) { 3765 if (mutations[i].addedNodes && mutations[i].addedNodes.length) { 3766 upgradeThumbs(); 3767 break; 3768 } 3769 } 3770 }); 3771 if (document.body) observer.observe(document.body, { childList: true, subtree: true }); 3772 setTimeout(upgradeThumbs, 300); 3773 setTimeout(upgradeThumbs, 1000); 3774 setTimeout(upgradeThumbs, 2500); 3775 setTimeout(upgradeThumbs, 5000); 3776 } 3777 3778 if (document.readyState === 'loading') { 3779 document.addEventListener('DOMContentLoaded', startThumbnailFix); 3780 } else { 3781 startThumbnailFix(); 3782 } 3783})(); 3784//]]> 3785</script>
vendor: 1 bytes, line 3785
3785
3786<script async='async' crossorigin='anonymous' src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1783745483990845'></script>
vendor: 1 bytes, line 3786
3786
3787<script type='text/javascript'> 3788//<![CDATA[ 3789/* FINAL MOBILE FIX: bersihkan BR/paragraf kosong di antara foto dan teks */ 3790(function () { 3791 function fixMobileImageSpacing() { 3792 if (window.innerWidth > 768) return; 3793 3794 var body = document.getElementById('tj-post-body'); 3795 if (!body) return; 3796 3797 var images = body.querySelectorAll('img'); 3798 3799 images.forEach(function (img) { 3800 var wrapper = img.closest('.separator, .tr-caption-container, figure') || img.parentElement; 3801 if (!wrapper || wrapper === body) return; 3802 3803 var next = wrapper.nextElementSibling; 3804 3805 /* Buang BR kosong setelah gambar */ 3806 while (next && next.tagName === 'BR') { 3807 var remove = next; 3808 next = next.nextElementSibling; 3809 remove.remove(); 3810 } 3811 3812 /* Buang paragraf yang benar-benar kosong / hanya berisi BR */ 3813 while (next && next.tagName === 'P' && next.textContent.trim() === '') { 3814 var emptyP = next; 3815 next = next.nextElementSibling; 3816 emptyP.remove(); 3817 } 3818 3819 /* Paragraf pertama setelah foto t
3819idak diberi margin atas */ 3820 if (next && next.tagName === 'P') { 3821 next.style.setProperty('margin-top', '0', 'important'); 3822 next.style.setProperty('padding-top', '0', 'important'); 3823 } 3824 }); 3825 } 3826 3827 function runMobileImageSpacingFix() { 3828 fixMobileImageSpacing(); 3829 setTimeout(fixMobileImageSpacing, 100); 3830 setTimeout(fixMobileImageSpacing, 500); 3831 } 3832 3833 if (document.readyState === 'loading') { 3834 document.addEventListener('DOMContentLoaded', runMobileImageSpacingFix); 3835 } else { 3836 runMobileImageSpacingFix(); 3837 } 3838 3839 window.addEventListener('resize', fixMobileImageSpacing); 3840})(); 3841 //]]> 3842</script>
3842 3843<style id='tatarjabar-mobile-ads-v30'> 3844/* V30: Mobile affiliate + AdSense stability */ 3845@media screen and (max-width: 768px) { 3846 #HTML10 { margin-left: 0 !important; margin-right: 0 !important; } 3847 #HTML10 .widget-content { overflow: visible !important; } 3848 #HTML10 a { display: block !important; width: 100% !important; } 3849 #HTML10 img { width: 100% !important; height: auto !important; min-height: 1px !important; object-fit: contain !important; } 3850 3851 .tj-sticky-ad-wrapper { 3852 min-height: 0 !important; 3853 height: auto !important; 3854 max-width: 100% !important; 3855 overflow: hidden !important; 3856 margin: 12px auto !important; 3857 } 3858 3859 /* Jangan menyisakan blok kosong besar jika AdSense tidak mengisi slot. */ 3860 .tj-sticky-ad-wrapper.tj-ad-empty { 3861 display: none !important; 3862 } 3863 3864 /* Slot iklan in-article tidak memaksa tinggi ketika belum terisi. */ 3865 .tj-in-article-ad { min-height: 0 !important; overflow: hidden !important; } 3866} 3867</style>
3868<script type='text/javascript'> 3869//<![CDATA[ 3870(function(){ 3871 function imageProxyFix(){ 3872 if (window.innerWidth > 768) return; 3873 var imgs = document.querySelectorAll('#tatarjabarShopeeWidget img[data-original-src]'); 3874 for (var i=0;i<imgs.length;i++){ 3875 var img=imgs[i]; 3876 if (img.dataset.proxyPrepared) continue; 3877 img.dataset.proxyPrepared='1'; 3878 img.referrerPolicy='no-referrer'; 3879 var original=img.getAttribute('data-original-src'); 3880 if (original && img.src === original) { 3881 img.src='https://wsrv.nl/?url='+encodeURIComponent(original); 3882 } 3883 } 3884 } 3885 3886 function watchAds(){ 3887 var ads=document.querySelectorAll('.tj-sticky-ad-wrapper, .tj-in-article-ad'); 3888 for (var i=0;i<ads.length;i++){ 3889 var box=ads[i]; 3890 if (box.dataset.adWatch) continue; 3891 box.dataset.adWatch='1'; 3892 var check=function(){ 3893 var b=this; 3894 var filled=b.querySelector('iframe, ins.adsbygoogle[data-ad-status="filled"]'); 3895 var ins=b.querySelector('ins.adsbygoogle'); 3896 if (filled){ b.classList.remove('tj-ad-empty'); return; } 3897 if (ins && ins.getAttribute('data-ad-status') === 'unfilled') b.classList.add('tj-ad-empty'); 3898 }.bind(box); 3899 setTimeout(check, 8000); 3900 setTimeout(check, 15000); 3901 if (window.MutationObserver){ 3902 new MutationObserver(function(){ check(); }).observe(box,{childList:true,subtree:true,attributes:true,attributeFilter:['data-ad-status']}); 3903 } 3904 } 3905 } 3906 3907 function run(){ imageProxyFix(); watchAds(); } 3908 if(document.readyState==='loading') document.addEventListener('DOMContentLoaded',run); else run(); 3909 setTimeout(run,1500); setTimeout(run,4000); 3910})(); 3911//]]> 3912</script>
3912 3913<!-- FINAL OVERRIDE: BERITA POPULER tanpa blok hitam saat hover --> 3914<style id='tj-popular-no-black-hover'> 3915.PopularPosts .item-title a:hover, 3916.PopularPosts .item-title:hover, 3917.PopularPosts li:hover .item-title a { 3918 background: #fff !important; 3919 background-color: #fff !important; 3920 color: inherit !important; 3921 border-color: #eee !important; 3922 transform: none !important; 3923 box-shadow: none !important; 3924 text-decoration: none !important; 3925} 3926</style> 3927<style id='tj-final-popular-related-layout-v6'> 3928/* ========================================================= 3929 BERITA POPULER — konsep sama seperti BERITA PILIHAN SIDEBAR 3930 1 kolom, full width sidebar, tanpa slider/panah/hover hitam 3931 ========================================================= */ 3932.widget.PopularPosts ul { 3933 width: 100% !important; 3934 box-sizing: border-box !important; 3935} 3936 3937.widget.PopularPosts li { 3938 width: 100% !important; 3939 box-sizing: border-box !important; 3940 margin: 0 0 10px 0 !important; 3941 padding: 0 !important; 3942} 3943 3944.widget.PopularPosts li .item-thumbnail-only, 3945.widget.PopularPosts li .item-content { 3946 width: 100% !important; 3947 display: block !important; 3948 box-sizing: border-box !important; 3949 margin: 0 !important; 3950 padding: 0 !important; 3951} 3952 3953.widget.PopularPosts li .item-thumbnail, 3954.widget.PopularPosts li .item-thumbnail a, 3955.widget.PopularPosts li .item-thumbnail img { 3956 width: 100% !important; 3957 max-width: 100% !important; 3958 box-sizing: border-box !important; 3959} 3960 3961.widget.PopularPosts li .item-thumbnail a { 3962 display: block !important; 3963 margin: 0 !important; 3964 padding: 0 !important; 3965 background: transparent !important; 3966 border: 0 !important; 3967 border-radius: 9px !important; 3968} 3969 3970.widget.PopularPosts li .item-thumbnail img { 3971 display: block !important; 3972 height: 150px !important; 3973 object-fit: cover !important; 3974 border-radius: 9px !important; 3975 margin: 0 !important; 3976 padding: 0 !important; 3977} 3978 3979/* Judul menjadi blok tepat selebar foto */ 3980.widget.PopularPosts li .item-title { 3981 width: 100% !important; 3982 margin: 0 !important; 3983 padding: 10px 12px !important; 3984 box-sizing: border-box !important; 3985 background: #fff !important; 3986 border: 1px solid #e9ecef !important; 3987 border-radius: 8px !important; 3988} 3989 3990.widget.PopularPosts li .item-title a, 3991.widget.PopularPosts li .item-title a:hover { 3992 display: block !important; 3993 width: 100% !important; 3994 margin: 0 !important; 3995 padding: 0 !important; 3996 box-sizing: border-box !important; 3997 background: #fff !important; 3998 background-color: #fff !important; 3999 color: #333 !important; 4000 border: 0 !important; 4001 border-radius: 0 !important; 4002 transform: none !important; 4003 box-shadow: none !important; 4004 text-decoration: none !important; 4005} 4006 4007/* Jangan beri efek hover pada seluruh kartu */ 4008.widget.PopularPosts li:hover, 4009.widget.PopularPosts li:hover .item-title, 4010.widget.PopularPosts li:hover .item-title a { 4011 background: transparent !important; 4012 background-color: transparent !important; 4013 transform: none !important; 4014 box-shadow: none !important; 4015} 4016 4017/* ========================================================= 4018 BERITA TERKAIT — thumbnail seragam dan rounded 4 sudut 4019 ========================================================= */ 4020.related-post-card { 4021 overflow: hidden !important; 4022} 4023 4024.related-post-card .related-post-img, 4025.related-post-img { 4026 display: block !important; 4027 width: 100% !important; 4028 max-width: 100% !important; 4029 height: 160px !important; 4030 aspect-ratio: 3 / 2 !important; 4031 object-fit: cover !important; 4032 border-radius: 9px !important; 4033 margin: 0 !important; 4034 padding: 0 !important; 4035} 4036 4037/* Jangan biarkan CSS artikel mengalahkan thumbnail terkait */ 4038.post-body .related-post-img, 4039.article-content .related-post-img, 4040#tj-post-body .related-post-img, 4041.entry-content .related-post-img { 4042 width: 100% !important; 4043 height: 160px !important; 4044 max-width: 100% !important; 4045 aspect-ratio: 3 / 2 !important; 4046 object-fit: cover !important; 4047 border-radius: 9px !important; 4048 margin: 0 !important; 4049} 4050</style> 4051<style id='tj-final-popular-title-hover-red'> 4052/* BERITA POPULER — judul artikel berubah merah saat disorot */ 4053.widget.PopularPosts li .item-title a:hover {
4054 color: #e53935 !important; 4055} 4056</style> 4057
4058<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/851759228-widgets.js"></script>
vendor: 1 bytes, line 4058
4058
4059<script type='text/javascript'> 4060window['__wavt'] = 'AAPvtVlUxFbbg_-bGEOJtramiOUp:1790309203202';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d8933285899404174265','//www.tatarjabar.com/2026/09/peduli-duka-lions-club-menjangkau-titik.html','8933285899404174265'); 4061_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '8933285899404174265', 'title': 'Tatar Jabar', 'url': 'https://www.tatarjabar.com/2026/09/peduli-duka-lions-club-menjangkau-titik.html', 'canonicalUrl': 'https://www.tatarjabar.com/2026/09/peduli-duka-lions-club-menjangkau-titik.html', 'homepageUrl': 'https://www.tatarjabar.com/', 'searchUrl': 'https://www.tatarjabar.com/search', 'canonicalHomepageUrl': 'https://www.tatarjabar.com/', 'blogspotFaviconUrl': 'https://www.tatarjabar.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'UA-156031518-1', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Tatar Jabar - Atom\x22 href\x3d\x22https://www.tatarjabar.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Tatar Jabar - RSS\x22 href\x3d\x22https://www.tatarjabar.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Tatar Jabar - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/8933285899404174265/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Tatar Jabar - Atom\x22 href\x3d\x22https://www.tatarjabar.com/feeds/3766394866867706605/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-1783745483990845', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': true, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/7ce469edaf870342', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}
4061, 'hasCustomJumpLinkMessage': true, 'jumpLinkMessage': 'Selengkapnya \xbb', 'pageType': 'item', 'postId': '3766394866867706605', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzznKtuT_G6wvFUp4pNiGsCeliv1pNIfupOagLkOS5oBlp5Ua59PFJR06nSL6X9ATE4RjWQ3s4aCFdoekWogVAmVFzkpcs8cD9JFEgomPij1_xxOELvCG81JRwdcHAG-MX1Mcmjc2PY6tfw599P-ElaPMndqkrm0mo2BbAOJXTdl9aR7BE1hW44OLZDEj6/s72-w534-c-h640/01.jpg', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzznKtuT_G6wvFUp4pNiGsCeliv1pNIfupOagLkOS5oBlp5Ua59PFJR06nSL6X9ATE4RjWQ3s4aCFdoekWogVAmVFzkpcs8cD9JFEgomPij1_xxOELvCG81JRwdcHAG-MX1Mcmjc2PY6tfw599P-ElaPMndqkrm0mo2BbAOJXTdl9aR7BE1hW44OLZDEj6/w534-h640/01.jpg', 'pageName': 'Peduli Duka Lions Club Menjangkau Titik-Titik Masyarakat yang Sangat Membutuhkan', 'pageTitle': 'Tatar Jabar: Peduli Duka Lions Club Menjangkau Titik-Titik Masyarakat yang Sangat Membutuhkan', 'metaDescription': ''}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Peduli Duka Lions Club Menjangkau Titik-Titik Masyarakat yang Sangat Membutuhkan', 'description': '', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzznKtuT_G6wvFUp4pNiGsCeliv1pNIfupOagLkOS5oBlp5Ua59PFJR06nSL6X9ATE4RjWQ3s4aCFdoekWogVAmVFzkpcs8cD9JFEgomPij1_xxOELvCG81JRwdcHAG-MX1Mcmjc2PY6tfw599P-ElaPMndqkrm0mo2BbAOJXTdl9aR7BE1hW44OLZDEj6/w534-h640/01.jpg', 'url': 'https://www.tatarjabar.com/2026/09/peduli-duka-lions-club-menjangkau-titik.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 3766394866867706605}}, {'name': 'widgets', 'data': [{'title': 'Tatar Jabar (Header)', 'type': 'Header', 'sectionId': 'header-logo', 'id': 'Header1'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'main-posts', 'id': 'Blog1', 'posts': [{'id': '3766394866867706605', 'title': 'Peduli Duka Lions Club Menjangkau Titik-Titik Masyarakat yang Sangat Membutuhkan', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzznKtuT_G6wvFUp4pNiGsCeliv1pNIfupOagLkOS5oBlp5Ua59PFJR06nSL6X9ATE4RjWQ3s4aCFdoekWogVAmVFzkpcs8cD9JFEgomPij1_xxOELvCG81JRwdcHAG-MX1Mcmjc2PY6tfw599P-ElaPMndqkrm0mo2BbAOJXTdl9aR7BE1hW44OLZDEj6/w534-h640/01.jpg', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'author', 'label': 'By'}, {'name': 'timestamp', 'label': 'on'}, {'name': 'share', 'label': ''}]}, 'footerBylines': [{'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Labels:'}]}], 'allBylineItems': [{'name': 'author', 'label': 'By'}, {'name': 'timestamp', 'label': 'on'}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': 'Labels:'}]}, {'title': '', 'type': 'HTML', 'sectionId': 'main-posts', 'id': 'HTML3'}, {'title': '', 'type': 'HTML', 'sectionId': 'main-posts', 'id': 'HTML6'}, {'title': '', 'type': 'HTML', 'sectionId': 'main-posts', 'id': 'HTML5'}, {'title': '', 'type': 'HTML', 'sectionId': 'main-posts', 'id': 'HTML10'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar-widgets', 'id': 'HTML8'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar-widgets', 'id': 'HTML4'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar-widgets', 'id': 'HTML9'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar-widgets', 'id': 'HTML1'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar-widgets', 'id': 'HTML11'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar-widgets', 'id': 'HTML7'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar-widgets', 'id': 'HTML2'}, {'title': 'Berita Populer', 'type': 'PopularPosts', 'sectionId': 'sidebar-widgets', 'id': 'PopularPosts1', 'posts': [{'title': 'Golok Sunda yang Mistis dan Legendaris', 'id': '1431240880530562870'}, {'title': 'TIZI - Restoran Legendaris dari Kota Bandung ', 'id': '3065883774763697441'}, {'title': 'Evha Tiara Oktova, Sarjana Ekonomi Unpad Sukses Bisnis Logam Mulya dan Perhiasan Emas ', 'id': '6237073910136997494'}
4061, {'title': 'Alpina - Legenda Tas dan Alat-alat Outdoor dari Bandung Itu Masih Ada ', 'id': '7007697515687908118'}, {'title': 'Hebat, Oktafiany Parasya Puspa, Siswa kelas 5 SD, Karya Gambar Digitalnya Diikutkan di Pameran \u201cAsean Digital Art Society (ASEDAS) 2021\u201d ', 'id': '3755471646565427783'}]}]}]); 4062_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header-logo', document.getElementById('Header1'), {}, 'displayModeFull')); 4063_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main-posts', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/120969204-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull')); 4064_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'main-posts', document.getElementById('HTML3'), {}, 'displayModeFull')); 4065_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'main-posts', document.getElementById('HTML6'), {}, 'displayModeFull')); 4066_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'main-posts', document.getElementById('HTML5'), {}, 'displayModeFull')); 4067_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'main-posts', document.getElementById('HTML10'), {}, 'displayModeFull')); 4068_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'sidebar-widgets', document.getElementById('HTML8'), {}, 'displayModeFull')); 4069_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'sidebar-widgets', document.getElementById('HTML4'), {}, 'displayModeFull')); 4070_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML9', 'sidebar-widgets', document.getElementById('HTML9'), {}, 'displayModeFull')); 4071_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar-widgets', document.getElementById('HTML1'), {}, 'displayModeFull')); 4072_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'sidebar-widgets', document.getElementById('HTML11'), {}, 'displayModeFull')); 4073_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'sidebar-widgets', document.getElementById('HTML7'), {}, 'displayModeFull')); 4074_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar-widgets', document.getElementById('HTML2'), {}, 'displayModeFull')); 4075_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar-widgets', document.getElementById('PopularPosts1'), {}, 'displayModeFull')); 4076</script>
4076 4077</body> 4078</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.