{"id":97577,"date":"2026-06-30T14:37:10","date_gmt":"2026-06-30T06:37:10","guid":{"rendered":"https:\/\/www.jasamarketingpro.com\/?p=97577"},"modified":"2026-07-08T14:56:47","modified_gmt":"2026-07-08T06:56:47","slug":"cara-membuat-content-pillar-sosmed-untuk-6-bulan-ke-depan","status":"publish","type":"post","link":"https:\/\/www.jasamarketingpro.com\/en\/2026\/06\/30\/cara-membuat-content-pillar-sosmed-untuk-6-bulan-ke-depan\/","title":{"rendered":"Cara Membuat Content Pillar Sosmed untuk 6 Bulan ke Depan"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Pernah nggak, jam tujuh pagi sambil ngopi, kamu buka Instagram bisnismu dan otakmu langsung blank: \u201cHari ini posting apa, ya?\u201d Akhirnya posting seadanya foto menu yang difoto buru-buru, atau quote random yang ditemukan di Pinterest. Besoknya hal yang sama terulang. Lama-lama feed-mu jadi koleksi konten tanpa arah: kadang promo, kadang quote, kadang hilang seminggu karena lagi sibuk.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kalau kamu pemilik kafe di Canggu, villa di Ubud, atau restoran di Seminyak, kebingungan ini bukan soal kamu kurang kreatif. Masalahnya satu: belum ada content pillar. Tanpa pilar, setiap postingan jadi keputusan dadakan yang melelahkan dan algoritma paling tidak suka akun yang labil.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kabar baiknya: kamu nggak perlu mikir konten harian lagi kalau punya kerangka 6 bulan ke depan. Di artikel ini kita bahas pelan-pelan, dari nol, apa itu content pillar, kenapa harus direncanakan jauh, dan cara menyusunnya langkah demi langkah lengkap dengan template jadi untuk tiga jenis bisnis khas Bali. Anggap saja ini peta perjalanan kontenmu setengah tahun ke depan.<\/p>\n\n\n\n<section class=\"jmp-data-section\">\n  <div class=\"jmp-data-container\">\n\n    <div class=\"jmp-data-heading\">\n      <span>DATA SEBELUM MULAI<\/span>\n      <h2>Angka yang Perlu Kamu Tahu Dulu<\/h2>\n      <p>\n        Data ini menunjukkan kenapa bisnis tidak bisa lagi asal posting di media sosial.\n        Strategi konten yang rapi bisa membuat bisnis terlihat lebih dipercaya dan lebih mudah menghasilkan leads.\n      <\/p>\n    <\/div>\n\n    <div class=\"jmp-data-grid\">\n\n      <div class=\"jmp-data-card\">\n        <div class=\"jmp-data-top\">\n          <div class=\"jmp-data-icon\">\ud83c\uddee\ud83c\udde9<\/div>\n          <div class=\"jmp-data-line\"><\/div>\n        <\/div>\n        <h3>180 Juta<\/h3>\n        <h4>Pengguna Media Sosial<\/h4>\n        <p>\n          Identitas pengguna media sosial di Indonesia akhir 2025 naik 26% dalam setahun.\n        <\/p>\n        <div class=\"jmp-data-source\">DataReportal \/ We Are Social, 2026<\/div>\n      <\/div>\n\n      <div class=\"jmp-data-card\">\n        <div class=\"jmp-data-top\">\n          <div class=\"jmp-data-icon\">\ud83d\udcc8<\/div>\n          <div class=\"jmp-data-line\"><\/div>\n        <\/div>\n        <h3>3x Lebih Banyak<\/h3>\n        <h4>Leads per Rupiah<\/h4>\n        <p>\n          Bisnis dengan strategi konten terdokumentasi menghasilkan leads per rupiah lebih tinggi dibanding yang tidak.\n        <\/p>\n        <div class=\"jmp-data-source\">CMI, 2026<\/div>\n      <\/div>\n\n      <div class=\"jmp-data-card\">\n        <div class=\"jmp-data-top\">\n          <div class=\"jmp-data-icon\">\u23f1\ufe0f<\/div>\n          <div class=\"jmp-data-line\"><\/div>\n        <\/div>\n        <h3>\u00b1 8 Detik<\/h3>\n        <h4>Rentang Perhatian<\/h4>\n        <p>\n          Rata-rata rentang perhatian di feed, dan hanya sekitar 3 detik pada video pendek.\n        <\/p>\n        <div class=\"jmp-data-source\">Buffer, 2025<\/div>\n      <\/div>\n\n      <div class=\"jmp-data-card\">\n        <div class=\"jmp-data-top\">\n          <div class=\"jmp-data-icon\">\ud83d\udcdd<\/div>\n          <div class=\"jmp-data-line\"><\/div>\n        <\/div>\n        <h3>47%<\/h3>\n        <h4>Strategi Konten Tertulis<\/h4>\n        <p>\n          Rata-rata marketer global yang punya strategi konten tertulis sisanya masih kerja \u201casal posting\u201d.\n        <\/p>\n        <div class=\"jmp-data-source\">CMI, 2026<\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  .jmp-data-section {\n    width: 100%;\n    padding: 80px 20px;\n    background:\n      radial-gradient(circle at top left, rgba(18, 106, 207, 0.16), transparent 32%),\n      radial-gradient(circle at bottom right, rgba(0, 180, 255, 0.12), transparent 30%),\n      linear-gradient(135deg, #f7fbff 0%, #ffffff 50%, #eef6ff 100%);\n    font-family: inherit;\n  }\n\n  .jmp-data-container {\n    max-width: 1180px;\n    margin: 0 auto;\n  }\n\n  .jmp-data-heading {\n    text-align: center;\n    max-width: 780px;\n    margin: 0 auto 45px;\n  }\n\n  .jmp-data-heading span {\n    display: inline-block;\n    margin-bottom: 14px;\n    padding: 8px 18px;\n    border-radius: 999px;\n    background: rgba(18, 106, 207, 0.1);\n    color: #126ACF;\n    font-size: 13px;\n    font-weight: 800;\n    letter-spacing: 1px;\n  }\n\n  .jmp-data-heading h2 {\n    margin: 0 0 16px;\n    color: #0f172a;\n    font-size: clamp(26px, 4vw, 25px);\n    line-height: 1.12;\n    font-weight: 900;\n  }\n\n  .jmp-data-heading p {\n    margin: 0;\n    color: #526173;\n    font-size: 17px;\n    line-height: 1.7;\n  }\n\n  .jmp-data-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 22px;\n    align-items: stretch;\n  }\n\n  .jmp-data-card {\n    position: relative;\n    min-height: 360px;\n    height: 100%;\n    padding: 28px;\n    border-radius: 28px;\n    background: rgba(255, 255, 255, 0.88);\n    border: 1px solid rgba(18, 106, 207, 0.14);\n    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    transition: 0.35s ease;\n  }\n\n  .jmp-data-card::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(18,106,207,0.10), transparent 45%);\n    opacity: 0;\n    transition: 0.35s ease;\n  }\n\n  .jmp-data-card::after {\n    content: \"\";\n    position: absolute;\n    right: -45px;\n    bottom: -45px;\n    width: 130px;\n    height: 130px;\n    border-radius: 50%;\n    background: rgba(18, 106, 207, 0.08);\n  }\n\n  .jmp-data-card:hover {\n    transform: translateY(-8px);\n    border-color: rgba(18, 106, 207, 0.35);\n    box-shadow: 0 28px 70px rgba(18, 106, 207, 0.18);\n  }\n\n  .jmp-data-card:hover::before {\n    opacity: 1;\n  }\n\n  .jmp-data-card > * {\n    position: relative;\n    z-index: 2;\n  }\n\n  .jmp-data-top {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    margin-bottom: 24px;\n  }\n\n  .jmp-data-icon {\n    flex: 0 0 54px;\n    width: 54px;\n    height: 54px;\n    border-radius: 18px;\n    background: linear-gradient(135deg, #126ACF, #00AEEF);\n    color: #ffffff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 15px;\n    box-shadow: 0 14px 28px rgba(18, 106, 207, 0.22);\n  }\n\n  .jmp-data-line {\n    width: 100%;\n    height: 1px;\n    background: linear-gradient(90deg, rgba(18, 106, 207, 0.35), transparent);\n  }\n\n  .jmp-data-card h3 {\n    margin: 0 0 12px;\n    color: #126ACF;\n    font-size: 20px;\n    line-height: 1.05;\n    font-weight: 950;\n    letter-spacing: -1px;\n  }\n\n  .jmp-data-card h4 {\n    margin: 0 0 14px;\n    color: #0f172a;\n    font-size: 19px;\n    line-height: 1.35;\n    font-weight: 850;\n  }\n\n  .jmp-data-card p {\n    margin: 0 0 24px;\n    color: #526173;\n    font-size: 15.5px;\n    line-height: 1.65;\n  }\n\n  .jmp-data-source {\n    margin-top: auto;\n    width: fit-content;\n    padding: 8px 13px;\n    border-radius: 999px;\n    background: rgba(18, 106, 207, 0.1);\n    color: #126ACF;\n    font-size: 12px;\n    font-weight: 800;\n  }\n\n  @media (max-width: 1100px) {\n    .jmp-data-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .jmp-data-card {\n      min-height: 330px;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .jmp-data-section {\n      padding: 56px 16px;\n    }\n\n    .jmp-data-heading {\n      margin-bottom: 30px;\n    }\n\n    .jmp-data-grid {\n      grid-template-columns: 1fr;\n      gap: 18px;\n    }\n\n    .jmp-data-card {\n      min-height: auto;\n      padding: 24px;\n      border-radius: 22px;\n    }\n\n    .jmp-data-card h3 {\n      font-size: 32px;\n    }\n  }\n<\/style>\n\n\n\n<h3 class=\"wp-block-heading\">Apa Itu Content Pillar ?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Content pillar adalah beberapa tema besar yang jadi \u201ctiang\u201d penyangga seluruh kontenmu. Bayangkan rumah adat Bali: dia berdiri kokoh karena ditopang tiang utama (saka). Kalau cuma ada lantai tanpa tiang, atap akan ambruk. Content pillar bekerja persis seperti itu setiap postingan harian kamu harus \u201cmenempel\u201d pada salah satu tiang tema, bukan melayang sendirian.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Umumnya satu bisnis punya 4\u20135 pilar. Misalnya kafe: (1) Menu &amp; produk, (2) Suasana &amp; tempat, (3) Edukasi\/tips, (4) Cerita di balik layar, (5) Interaksi pelanggan. Dari lima tiang ini, kamu bisa menurunkan ratusan ide konten tanpa pernah kehabisan bahan.<\/p>\n\n\n\n<section class=\"jmp-six-section\">\n  <div class=\"jmp-six-container\">\n\n    <div class=\"jmp-six-header\">\n      <span class=\"jmp-six-eyebrow\">STRATEGI KONTEN 6 BULAN<\/span>\n      <h2>Kenapa Harus 6 Bulan, Bukan Cuma Sebulan?<\/h2>\n      <p>\n        Pertanyaan wajar: bukannya cukup planning sebulan? Ada tiga alasan kuat kenapa horizon 6 bulan jauh lebih sehat untuk bisnis.\n      <\/p>\n    <\/div>\n\n    <div class=\"jmp-six-roadmap\">\n\n      <article class=\"jmp-six-card\">\n        <div class=\"jmp-six-number\">01<\/div>\n        <div class=\"jmp-six-content\">\n          <h3>Konsistensi yang Algoritma Cintai<\/h3>\n          <p>\n            Rentang perhatian pengguna makin pendek. Data Buffer 2025 menyebut rata-rata hanya sekitar \n            <strong>8 detik di feed<\/strong> dan <strong>3 detik di video pendek<\/strong>. \n            Di tengah scroll secepat itu, brand yang muncul rutin dan konsisten jauh lebih mudah diingat \n            ketimbang yang nongol sesekali.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"jmp-six-card\">\n        <div class=\"jmp-six-number\">02<\/div>\n        <div class=\"jmp-six-content\">\n          <h3>Strategi Terdokumentasi = Hasil Lebih Besar<\/h3>\n          <p>\n            Riset Content Marketing Institute 2026 menunjukkan organisasi dengan strategi konten yang tertulis \n            menghasilkan <strong>3x lebih banyak leads per rupiah<\/strong> dibanding yang tidak. \n            Sayangnya, rata-rata hanya <strong>47% marketer<\/strong> yang benar-benar mendokumentasikannya. \n            Pilar 6 bulan adalah bentuk dokumentasi itu.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"jmp-six-card\">\n        <div class=\"jmp-six-number\">03<\/div>\n        <div class=\"jmp-six-content\">\n          <h3>Hemat Energi &amp; Batch Production<\/h3>\n          <p>\n            Dengan peta 6 bulan, kamu bisa syuting <strong>30 konten sekaligus dalam sehari<\/strong>, \n            lalu tinggal jadwalkan. Tidak ada lagi panik harian. Ini selaras dengan tren \n            <strong>micro-content series<\/strong> di Indonesia: satu cerita besar dipecah jadi 6\u20138 potongan \n            video 15 detik yang saling nyambung.\n          <\/p>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <div class=\"jmp-six-highlight\">\n      <div class=\"jmp-six-highlight-badge\">\ud83d\udcca Market Insight<\/div>\n      <h3>Pasarnya Sudah Besar. Yang Menang Adalah yang Konsisten.<\/h3>\n      <p>\n        DataReportal mencatat ada sekitar <strong>180 juta identitas pengguna media sosial di Indonesia<\/strong> \n        pada akhir 2025, naik <strong>26% dalam setahun<\/strong>. Audiensnya membludak; yang menentukan menang \n        atau tidak adalah konsistensi cerita, bukan keberuntungan satu konten viral.\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  .jmp-six-section {\n    width: 100%;\n    padding: 90px 20px;\n    background:\n      radial-gradient(circle at 10% 10%, rgba(18, 106, 207, 0.14), transparent 28%),\n      radial-gradient(circle at 90% 30%, rgba(0, 174, 239, 0.12), transparent 26%),\n      linear-gradient(135deg, #f7fbff 0%, #ffffff 48%, #eef6ff 100%);\n    font-family: inherit;\n    overflow: hidden;\n  }\n\n  .jmp-six-container {\n    max-width: 1180px;\n    margin: 0 auto;\n  }\n\n  .jmp-six-header {\n    max-width: 800px;\n    margin: 0 auto 52px;\n    text-align: center;\n  }\n\n  .jmp-six-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 16px;\n    padding: 9px 18px;\n    border-radius: 999px;\n    background: rgba(18, 106, 207, 0.1);\n    color: #126ACF;\n    font-size: 25px;\n    font-weight: 800;\n    letter-spacing: 1px;\n  }\n\n  .jmp-six-header h2 {\n    margin: 0 0 18px;\n    color: #0f172a;\n    font-size: clamp(20px, 4vw, 30px);\n    line-height: 1.08;\n    font-weight: 900;\n    letter-spacing: -1.2px;\n  }\n\n  .jmp-six-header p {\n    margin: 0;\n    color: #526173;\n    font-size: 18px;\n    line-height: 1.75;\n  }\n\n  .jmp-six-roadmap {\n    position: relative;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n    margin-bottom: 34px;\n  }\n\n  .jmp-six-roadmap::before {\n    content: \"\";\n    position: absolute;\n    top: 48px;\n    left: 8%;\n    right: 8%;\n    height: 2px;\n    background: linear-gradient(90deg, transparent, rgba(18, 106, 207, 0.35), transparent);\n    z-index: 0;\n  }\n\n  .jmp-six-card {\n    position: relative;\n    z-index: 1;\n    min-height: 410px;\n    padding: 28px;\n    border-radius: 32px;\n    background: rgba(255, 255, 255, 0.82);\n    border: 1px solid rgba(18, 106, 207, 0.14);\n    box-shadow: 0 22px 55px rgba(15, 23, 42, 0.08);\n    backdrop-filter: blur(14px);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    transition: all 0.35s ease;\n  }\n\n  .jmp-six-card::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(160deg, rgba(18, 106, 207, 0.11), transparent 42%);\n    opacity: 0;\n    transition: all 0.35s ease;\n  }\n\n  .jmp-six-card::after {\n    content: \"\";\n    position: absolute;\n    right: -58px;\n    bottom: -58px;\n    width: 150px;\n    height: 150px;\n    border-radius: 50%;\n    background: rgba(18, 106, 207, 0.08);\n  }\n\n  .jmp-six-card:hover {\n    transform: translateY(-9px);\n    border-color: rgba(18, 106, 207, 0.34);\n    box-shadow: 0 30px 80px rgba(18, 106, 207, 0.16);\n  }\n\n  .jmp-six-card:hover::before {\n    opacity: 1;\n  }\n\n  .jmp-six-number {\n    position: relative;\n    z-index: 2;\n    width: 88px;\n    height: 88px;\n    margin-bottom: 34px;\n    border-radius: 26px;\n    background: linear-gradient(135deg, #126ACF 0%, #00AEEF 100%);\n    color: #ffffff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    font-weight: 950;\n    letter-spacing: -1px;\n    box-shadow: 0 18px 35px rgba(18, 106, 207, 0.28);\n  }\n\n  .jmp-six-content {\n    position: relative;\n    z-index: 2;\n  }\n\n  .jmp-six-content h3 {\n    margin: 0 0 16px;\n    color: #0f172a;\n    font-size: 23px;\n    line-height: 1.25;\n    font-weight: 900;\n    letter-spacing: -0.3px;\n  }\n\n  .jmp-six-content p {\n    margin: 0;\n    color: #526173;\n    font-size: 15.8px;\n    line-height: 1.8;\n  }\n\n  .jmp-six-content strong {\n    color: #126ACF;\n    font-weight: 900;\n  }\n\n  .jmp-six-highlight {\n    position: relative;\n    padding: 34px 38px;\n    border-radius: 34px;\n    background: linear-gradient(135deg, #0f172a 0%, #123f73 55%, #126ACF 100%);\n    color: #ffffff;\n    overflow: hidden;\n    box-shadow: 0 25px 70px rgba(15, 23, 42, 0.22);\n  }\n\n  .jmp-six-highlight::before {\n    content: \"\";\n    position: absolute;\n    right: -110px;\n    top: -110px;\n    width: 260px;\n    height: 260px;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.12);\n  }\n\n  .jmp-six-highlight::after {\n    content: \"\";\n    position: absolute;\n    left: -70px;\n    bottom: -70px;\n    width: 180px;\n    height: 180px;\n    border-radius: 50%;\n    background: rgba(0, 174, 239, 0.18);\n  }\n\n  .jmp-six-highlight-badge {\n    position: relative;\n    z-index: 2;\n    display: inline-flex;\n    margin-bottom: 16px;\n    padding: 9px 15px;\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.14);\n    color: #ffffff;\n    font-size: 13px;\n    font-weight: 800;\n  }\n\n  .jmp-six-highlight h3 {\n    position: relative;\n    z-index: 2;\n    max-width: 760px;\n    margin: 0 0 14px;\n    color: #ffffff;\n    font-size: clamp(24px, 3vw, 36px);\n    line-height: 1.2;\n    font-weight: 900;\n    letter-spacing: -0.6px;\n  }\n\n  .jmp-six-highlight p {\n    position: relative;\n    z-index: 2;\n    max-width: 920px;\n    margin: 0;\n    color: rgba(255, 255, 255, 0.84);\n    font-size: 16.5px;\n    line-height: 1.8;\n  }\n\n  .jmp-six-highlight strong {\n    color: #ffffff;\n    font-weight: 900;\n  }\n\n  @media (max-width: 1024px) {\n    .jmp-six-roadmap {\n      grid-template-columns: 1fr;\n      gap: 22px;\n    }\n\n    .jmp-six-roadmap::before {\n      top: 0;\n      bottom: 0;\n      left: 43px;\n      right: auto;\n      width: 2px;\n      height: auto;\n      background: linear-gradient(180deg, transparent, rgba(18, 106, 207, 0.35), transparent);\n    }\n\n    .jmp-six-card {\n      min-height: auto;\n      padding: 26px;\n      display: grid;\n      grid-template-columns: 88px 1fr;\n      gap: 24px;\n      align-items: start;\n    }\n\n    .jmp-six-number {\n      margin-bottom: 0;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .jmp-six-section {\n      padding: 60px 16px;\n    }\n\n    .jmp-six-header {\n      margin-bottom: 34px;\n      text-align: left;\n    }\n\n    .jmp-six-header h2 {\n      font-size: 34px;\n    }\n\n    .jmp-six-header p {\n      font-size: 16px;\n    }\n\n    .jmp-six-roadmap::before {\n      display: none;\n    }\n\n    .jmp-six-card {\n      grid-template-columns: 1fr;\n      gap: 0;\n      padding: 24px;\n      border-radius: 26px;\n    }\n\n    .jmp-six-number {\n      width: 72px;\n      height: 72px;\n      margin-bottom: 24px;\n      border-radius: 22px;\n      font-size: 25px;\n    }\n\n    .jmp-six-content h3 {\n      font-size: 21px;\n    }\n\n    .jmp-six-content p {\n      font-size: 15.5px;\n    }\n\n    .jmp-six-highlight {\n      padding: 28px 24px;\n      border-radius: 26px;\n    }\n  }\n<\/style>\n\n\n\n<section class=\"jmp-pillar-section\">\n  <div class=\"jmp-pillar-container\">\n\n    <div class=\"jmp-pillar-header\">\n      <span class=\"jmp-pillar-badge\">CONTENT STRATEGY<\/span>\n      <h2>5 Tipe Content Pillar yang Terbukti Bekerja<\/h2>\n      <p>\n        Sebelum menyusun pilarmu sendiri, kenali dulu lima tipe pilar yang paling sering dipakai bisnis hospitality dan UMKM.\n        Idealnya kamu memilih 4\u20135 dari daftar ini, disesuaikan dengan karakter bisnis.\n      <\/p>\n    <\/div>\n\n    <div class=\"jmp-pillar-table\">\n\n      <div class=\"jmp-pillar-row jmp-pillar-head\">\n        <div>Tipe Pilar<\/div>\n        <div>Tujuan Utama<\/div>\n        <div>Contoh untuk Bisnis Bali<\/div>\n      <\/div>\n\n      <div class=\"jmp-pillar-row\">\n        <div class=\"jmp-pillar-type\">\n          <span class=\"jmp-pillar-icon\">\ud83c\udf93<\/span>\n          <strong>Edukasi<\/strong>\n        <\/div>\n        <div class=\"jmp-pillar-goal\">\n          Membangun otoritas &amp; dipercaya\n        <\/div>\n        <div class=\"jmp-pillar-example\">\n          Villa Ubud: \u201c3 hal yang wajib dicek sebelum booking villa untuk honeymoon\u201d\n        <\/div>\n      <\/div>\n\n      <div class=\"jmp-pillar-row\">\n        <div class=\"jmp-pillar-type\">\n          <span class=\"jmp-pillar-icon\">\ud83d\udd25<\/span>\n          <strong>Produk \/ Promosi<\/strong>\n        <\/div>\n        <div class=\"jmp-pillar-goal\">\n          Mendorong penjualan langsung\n        <\/div>\n        <div class=\"jmp-pillar-example\">\n          Kafe Canggu: showcase menu signature + promo happy hour\n        <\/div>\n      <\/div>\n\n      <div class=\"jmp-pillar-row\">\n        <div class=\"jmp-pillar-type\">\n          <span class=\"jmp-pillar-icon\">\ud83c\udfac<\/span>\n          <strong>Behind the Scenes<\/strong>\n        <\/div>\n        <div class=\"jmp-pillar-goal\">\n          Membangun kedekatan &amp; kepercayaan\n        <\/div>\n        <div class=\"jmp-pillar-example\">\n          Resto Seminyak: chef menyiapkan bahan segar dari pasar pagi\n        <\/div>\n      <\/div>\n\n      <div class=\"jmp-pillar-row\">\n        <div class=\"jmp-pillar-type\">\n          <span class=\"jmp-pillar-icon\">\u2b50<\/span>\n          <strong>Sosial \/ UGC<\/strong>\n        <\/div>\n        <div class=\"jmp-pillar-goal\">\n          Bukti sosial &amp; engagement\n        <\/div>\n        <div class=\"jmp-pillar-example\">\n          Repost foto tamu, review bintang lima, testimoni ekspat\n        <\/div>\n      <\/div>\n\n      <div class=\"jmp-pillar-row\">\n        <div class=\"jmp-pillar-type\">\n          <span class=\"jmp-pillar-icon\">\ud83c\udfb5<\/span>\n          <strong>Hiburan \/ Tren<\/strong>\n        <\/div>\n        <div class=\"jmp-pillar-goal\">\n          Memperluas jangkauan atau reach\n        <\/div>\n        <div class=\"jmp-pillar-example\">\n          Ikut audio TikTok yang lagi viral dengan twist lokal Bali\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  .jmp-pillar-section {\n    width: 100%;\n    padding: 90px 20px;\n    background:\n      radial-gradient(circle at 12% 20%, rgba(255, 122, 89, 0.14), transparent 28%),\n      radial-gradient(circle at 88% 18%, rgba(118, 75, 255, 0.14), transparent 30%),\n      radial-gradient(circle at 50% 100%, rgba(18, 106, 207, 0.12), transparent 36%),\n      linear-gradient(135deg, #fff8f3 0%, #ffffff 42%, #f3f7ff 100%);\n    font-family: inherit;\n    overflow: hidden;\n  }\n\n  .jmp-pillar-container {\n    max-width: 1180px;\n    margin: 0 auto;\n  }\n\n  .jmp-pillar-header {\n    max-width: 830px;\n    margin: 0 auto 46px;\n    text-align: center;\n  }\n\n  .jmp-pillar-badge {\n    display: inline-flex;\n    align-items: center;\n    margin-bottom: 16px;\n    padding: 9px 18px;\n    border-radius: 999px;\n    background: linear-gradient(135deg, rgba(255, 122, 89, 0.13), rgba(18, 106, 207, 0.12));\n    color: #126ACF;\n    font-size: 25px;\n    font-weight: 900;\n    letter-spacing: 1px;\n  }\n\n  .jmp-pillar-header h2 {\n    margin: 0 0 18px;\n    color: #0f172a;\n    font-size: clamp(20px, 4vw, 30px);\n    line-height: 1.08;\n    font-weight: 950;\n    letter-spacing: -1.2px;\n  }\n\n  .jmp-pillar-header p {\n    margin: 0;\n    color: #536171;\n    font-size: 17px;\n    line-height: 1.75;\n  }\n\n  .jmp-pillar-table {\n    position: relative;\n    padding: 14px;\n    border-radius: 34px;\n    background:\n      linear-gradient(135deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.42)),\n      linear-gradient(135deg, rgba(255, 122, 89, 0.16), rgba(18, 106, 207, 0.16));\n    border: 1px solid rgba(255, 255, 255, 0.74);\n    box-shadow: 0 28px 80px rgba(15, 23, 42, 0.11);\n    backdrop-filter: blur(16px);\n    overflow: hidden;\n  }\n\n  .jmp-pillar-table::before {\n    content: \"\";\n    position: absolute;\n    width: 260px;\n    height: 260px;\n    right: -120px;\n    top: -120px;\n    border-radius: 50%;\n    background: rgba(255, 122, 89, 0.18);\n  }\n\n  .jmp-pillar-table::after {\n    content: \"\";\n    position: absolute;\n    width: 220px;\n    height: 220px;\n    left: -100px;\n    bottom: -100px;\n    border-radius: 50%;\n    background: rgba(18, 106, 207, 0.16);\n  }\n\n  .jmp-pillar-row {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    grid-template-columns: 1.05fr 1.15fr 1.8fr;\n    gap: 18px;\n    align-items: center;\n    margin-bottom: 12px;\n    padding: 20px 22px;\n    border-radius: 24px;\n    background: rgba(255, 255, 255, 0.86);\n    border: 1px solid rgba(15, 23, 42, 0.06);\n    box-shadow: 0 14px 35px rgba(15, 23, 42, 0.045);\n    transition: all 0.32s ease;\n  }\n\n  .jmp-pillar-row:last-child {\n    margin-bottom: 0;\n  }\n\n  .jmp-pillar-row:hover {\n    transform: translateY(-4px) scale(1.01);\n    background: rgba(255, 255, 255, 0.96);\n    border-color: rgba(18, 106, 207, 0.22);\n    box-shadow: 0 24px 55px rgba(18, 106, 207, 0.13);\n  }\n\n  .jmp-pillar-head {\n    background: linear-gradient(135deg, #0f172a 0%, #123f73 55%, #126ACF 100%);\n    color: #ffffff;\n    font-size: 13px;\n    font-weight: 900;\n    letter-spacing: 0.8px;\n    text-transform: uppercase;\n    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);\n  }\n\n  .jmp-pillar-head:hover {\n    transform: none;\n    background: linear-gradient(135deg, #0f172a 0%, #123f73 55%, #126ACF 100%);\n  }\n\n  .jmp-pillar-type {\n    display: flex;\n    align-items: center;\n    gap: 13px;\n    color: #0f172a;\n    font-size: 16px;\n    line-height: 1.4;\n  }\n\n  .jmp-pillar-type strong {\n    font-weight: 900;\n  }\n\n  .jmp-pillar-icon {\n    flex: 0 0 48px;\n    width: 48px;\n    height: 48px;\n    border-radius: 16px;\n    background: linear-gradient(135deg, #ff7a59 0%, #126ACF 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 23px;\n    box-shadow: 0 14px 28px rgba(18, 106, 207, 0.18);\n  }\n\n  .jmp-pillar-goal {\n    color: #475569;\n    font-size: 15.8px;\n    line-height: 1.65;\n    font-weight: 700;\n  }\n\n  .jmp-pillar-example {\n    position: relative;\n    color: #536171;\n    font-size: 15.8px;\n    line-height: 1.7;\n    padding-left: 18px;\n  }\n\n  .jmp-pillar-example::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 9px;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, #ff7a59, #126ACF);\n  }\n\n  @media (max-width: 1024px) {\n    .jmp-pillar-row {\n      grid-template-columns: 1fr;\n      gap: 10px;\n      align-items: start;\n      padding: 22px;\n    }\n\n    .jmp-pillar-head {\n      display: none;\n    }\n\n    .jmp-pillar-goal::before {\n      content: \"Tujuan Utama\";\n      display: block;\n      margin-bottom: 6px;\n      color: #126ACF;\n      font-size: 12px;\n      font-weight: 900;\n      letter-spacing: 0.7px;\n      text-transform: uppercase;\n    }\n\n    .jmp-pillar-example::before {\n      display: none;\n    }\n\n    .jmp-pillar-example {\n      padding-left: 0;\n    }\n\n    .jmp-pillar-example::after {\n      content: \"Contoh untuk Bisnis Bali\";\n      display: block;\n      order: -1;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .jmp-pillar-section {\n      padding: 60px 16px;\n    }\n\n    .jmp-pillar-header {\n      text-align: left;\n      margin-bottom: 32px;\n    }\n\n    .jmp-pillar-header h2 {\n      font-size: 34px;\n    }\n\n    .jmp-pillar-header p {\n      font-size: 16px;\n    }\n\n    .jmp-pillar-table {\n      padding: 10px;\n      border-radius: 28px;\n    }\n\n    .jmp-pillar-row {\n      padding: 20px;\n      border-radius: 22px;\n    }\n\n    .jmp-pillar-type {\n      align-items: flex-start;\n    }\n\n    .jmp-pillar-icon {\n      width: 44px;\n      height: 44px;\n      flex-basis: 44px;\n      border-radius: 14px;\n      font-size: 21px;\n    }\n  }\n<\/style>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"848\" height=\"565\" src=\"https:\/\/www.jasamarketingpro.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2-Jun-2026-13.01.01.png\" alt=\"\" class=\"wp-image-97875\" style=\"aspect-ratio:1.5009403174954368;width:746px;height:auto\" srcset=\"https:\/\/www.jasamarketingpro.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2-Jun-2026-13.01.01.png 848w, https:\/\/www.jasamarketingpro.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2-Jun-2026-13.01.01-768x512.png 768w, https:\/\/www.jasamarketingpro.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2-Jun-2026-13.01.01-18x12.png 18w\" sizes=\"(max-width: 848px) 100vw, 848px\" \/><\/figure>\n\n\n\n<section class=\"jmp-gradient-step-section\">\n  <div class=\"jmp-gradient-step-container\">\n\n    <div class=\"jmp-gradient-step-header\">\n      <span class=\"jmp-gradient-step-badge\">PRAKTIK LANGSUNG<\/span>\n      <h2>Cara Membuat Content Pillar Step-by-Step<\/h2>\n      <p>\n        Sekarang bagian praktiknya. Ikuti lima langkah ini berurutan, dan di akhir kamu akan punya pilar lengkap\n        yang siap dipecah jadi konten 6 bulan.\n      <\/p>\n    <\/div>\n\n    <div class=\"jmp-gradient-step-list\">\n\n      \n      <article class=\"jmp-gradient-step-card\">\n        <div class=\"jmp-gradient-step-number\">\n          <span>Step<\/span>\n          <strong>01<\/strong>\n        <\/div>\n\n        <div class=\"jmp-gradient-step-content\">\n          <h3>Tentukan Tujuan Bisnis &amp; Audiens<\/h3>\n          <p>\n            Mulai dari hasil yang kamu mau, bukan dari konten. Tanya:\n            <strong>target utamaku 6 bulan ke depan apa?<\/strong>\n            Lebih banyak booking villa? Naikkan reservasi resto akhir pekan?\n            Lalu siapa yang harus melihat kontenmu?\n          <\/p>\n\n          <div class=\"jmp-gradient-info-box\">\n            <div class=\"jmp-gradient-info-title\">Contoh jadi: Villa Ubud<\/div>\n            <ul>\n              <li><strong>Tujuan:<\/strong> 20 direct booking\/bulan dari Instagram &amp; Google.<\/li>\n              <li><strong>Audiens:<\/strong> pasangan ekspat 28\u201345 tahun, suka wellness &amp; quiet luxury, budget menengah-atas.<\/li>\n              <li><strong>KPI:<\/strong> jumlah DM \u201cavailable date?\u201d, klik link bio, dan profile visit.<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      \n      <article class=\"jmp-gradient-step-card\">\n        <div class=\"jmp-gradient-step-number\">\n          <span>Step<\/span>\n          <strong>02<\/strong>\n        <\/div>\n\n        <div class=\"jmp-gradient-step-content\">\n          <h3>Riset Niche &amp; Kompetitor Lokal<\/h3>\n          <p>\n            Buka 3\u20135 akun kompetitor sekelasmu di area yang sama. Catat tema yang sering mereka angkat,\n            konten mana yang engagement-nya tinggi, dan yang paling penting:\n            <strong>celah apa yang belum mereka isi.<\/strong> Celah inilah keunggulanmu.\n          <\/p>\n\n          <div class=\"jmp-gradient-info-box\">\n            <div class=\"jmp-gradient-info-title\">Contoh jadi: Kafe Canggu<\/div>\n            <ul>\n              <li>Kompetitor ramai bahas estetika foto, tapi jarang bahas asal-usul biji kopi \u2192 ambil celah \u201cedukasi kopi\u201d.<\/li>\n              <li>Belum ada yang konsisten pakai Bahasa Indonesia + English caption untuk pasar ekspat + lokal \u2192 jadikan pembeda.<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      \n      <article class=\"jmp-gradient-step-card\">\n        <div class=\"jmp-gradient-step-number\">\n          <span>Step<\/span>\n          <strong>03<\/strong>\n        <\/div>\n\n        <div class=\"jmp-gradient-step-content\">\n          <h3>Tetapkan 4\u20135 Pilar Utama<\/h3>\n          <p>\n            Gabungkan tujuan dari Step 1 dan celah dari Step 2 menjadi 4\u20135 tiang tema.\n            Jangan lebih dari lima, karena terlalu banyak pilar bisa membuat identitas brand jadi kabur.\n          <\/p>\n\n          <div class=\"jmp-gradient-mini-grid\">\n            <div class=\"jmp-gradient-mini-card\">\n              <span>01<\/span>\n              <p><strong>Secangkir Cerita<\/strong><br>Edukasi kopi &amp; asal biji.<\/p>\n            <\/div>\n\n            <div class=\"jmp-gradient-mini-card\">\n              <span>02<\/span>\n              <p><strong>Menu &amp; Momen<\/strong><br>Produk + suasana Instagrammable.<\/p>\n            <\/div>\n\n            <div class=\"jmp-gradient-mini-card\">\n              <span>03<\/span>\n              <p><strong>Balik Dapur<\/strong><br>Behind the scenes barista &amp; tim.<\/p>\n            <\/div>\n\n            <div class=\"jmp-gradient-mini-card\">\n              <span>04<\/span>\n              <p><strong>Tamu Kami<\/strong><br>UGC, repost, review ekspat.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      \n      <article class=\"jmp-gradient-step-card\">\n        <div class=\"jmp-gradient-step-number\">\n          <span>Step<\/span>\n          <strong>04<\/strong>\n        <\/div>\n\n        <div class=\"jmp-gradient-step-content\">\n          <h3>Pecah Pilar Jadi Sub-Tema 6 Bulan<\/h3>\n          <p>\n            Tiap pilar diberi sub-tema berbeda per bulan supaya tidak monoton.\n            Inilah yang membuat planning-mu bertahan setengah tahun. Misalnya pilar \u201cSecangkir Cerita\u201d:\n          <\/p>\n\n          <div class=\"jmp-gradient-month-grid\">\n            <div><span>Bulan 1<\/span><strong>Jenis Biji<\/strong><\/div>\n            <div><span>Bulan 2<\/span><strong>Metode Seduh<\/strong><\/div>\n            <div><span>Bulan 3<\/span><strong>Mitos Kopi<\/strong><\/div>\n            <div><span>Bulan 4<\/span><strong>Pairing Menu<\/strong><\/div>\n            <div><span>Bulan 5<\/span><strong>Behind Story<\/strong><\/div>\n            <div><span>Bulan 6<\/span><strong>Review &amp; UGC<\/strong><\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      \n      <article class=\"jmp-gradient-step-card\">\n        <div class=\"jmp-gradient-step-number\">\n          <span>Step<\/span>\n          <strong>05<\/strong>\n        <\/div>\n\n        <div class=\"jmp-gradient-step-content\">\n          <h3>Tetapkan Rasio &amp; Frekuensi Konten<\/h3>\n          <p>\n            Terakhir, atur porsi tiap pilar agar feed seimbang dan tidak didominasi promo.\n            Pola yang sehat dan mudah diingat adalah pendekatan <strong>1-2-3 per minggu<\/strong>.\n          <\/p>\n\n          <div class=\"jmp-gradient-ratio-table\">\n            <div class=\"jmp-gradient-ratio-row jmp-gradient-ratio-head\">\n              <div>Slot Mingguan<\/div>\n              <div>Jenis Konten<\/div>\n              <div>Pilar yang Dipakai<\/div>\n              <div>Format Disarankan<\/div>\n            <\/div>\n\n            <div class=\"jmp-gradient-ratio-row\">\n              <div><span>1<\/span> Konten<\/div>\n              <div>Memberi nilai<\/div>\n              <div>Edukasi + Behind the Scenes<\/div>\n              <div>Reels \/ carousel<\/div>\n            <\/div>\n\n            <div class=\"jmp-gradient-ratio-row\">\n              <div><span>2<\/span> Konten<\/div>\n              <div>Membangun kedekatan<\/div>\n              <div>Sosial\/UGC + Hiburan\/Tren<\/div>\n              <div>Reels + repost story<\/div>\n            <\/div>\n\n            <div class=\"jmp-gradient-ratio-row\">\n              <div><span>3<\/span> Konten<\/div>\n              <div>Menjual soft selling<\/div>\n              <div>Produk \/ Promosi<\/div>\n              <div>Carousel \/ single post<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  .jmp-gradient-step-section {\n    width: 100%;\n    padding: 90px 20px;\n    background:\n      radial-gradient(circle at 12% 10%, rgba(99, 102, 241, 0.18), transparent 30%),\n      radial-gradient(circle at 88% 18%, rgba(0, 174, 239, 0.16), transparent 32%),\n      radial-gradient(circle at 50% 100%, rgba(18, 106, 207, 0.13), transparent 38%),\n      linear-gradient(135deg, #f7f4ff 0%, #ffffff 45%, #eef9ff 100%);\n    font-family: inherit;\n    overflow: hidden;\n  }\n\n  .jmp-gradient-step-container {\n    max-width: 1180px;\n    margin: 0 auto;\n  }\n\n  .jmp-gradient-step-header {\n    max-width: 820px;\n    margin: 0 auto 52px;\n    text-align: center;\n  }\n\n  .jmp-gradient-step-badge {\n    display: inline-flex;\n    margin-bottom: 16px;\n    padding: 9px 18px;\n    border-radius: 999px;\n    background: linear-gradient(135deg, rgba(99, 102, 241, 0.13), rgba(0, 174, 239, 0.13));\n    color: #126ACF;\n    font-size: 25px;\n    font-weight: 900;\n    letter-spacing: 1px;\n  }\n\n  .jmp-gradient-step-header h2 {\n    margin: 0 0 18px;\n    background: linear-gradient(135deg, #1E1B4B 0%, #126ACF 55%, #00AEEF 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    color: #126ACF;\n    font-size: clamp(20px, 4vw, 30px);\n    line-height: 1.08;\n    font-weight: 950;\n    letter-spacing: -1.1px;\n  }\n\n  .jmp-gradient-step-header p {\n    margin: 0;\n    color: #536171;\n    font-size: 15px;\n    line-height: 1.75;\n  }\n\n  .jmp-gradient-step-list {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    gap: 26px;\n  }\n\n  .jmp-gradient-step-list::before {\n    content: \"\";\n    position: absolute;\n    top: 32px;\n    bottom: 32px;\n    left: 58px;\n    width: 3px;\n    border-radius: 999px;\n    background: linear-gradient(180deg, #6366F1, #126ACF, #00AEEF);\n    opacity: 0.32;\n  }\n\n  .jmp-gradient-step-card {\n    position: relative;\n    display: grid;\n    grid-template-columns: 116px 1fr;\n    gap: 26px;\n    padding: 14px;\n    border-radius: 36px;\n    background:\n      linear-gradient(#ffffff, #ffffff) padding-box,\n      linear-gradient(135deg, rgba(99, 102, 241, 0.38), rgba(18, 106, 207, 0.34), rgba(0, 174, 239, 0.34)) border-box;\n    border: 1px solid transparent;\n    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.08);\n    overflow: hidden;\n    transition: 0.35s ease;\n  }\n\n  .jmp-gradient-step-card::before {\n    content: \"\";\n    position: absolute;\n    right: -100px;\n    top: -100px;\n    width: 240px;\n    height: 240px;\n    border-radius: 999px;\n    background: radial-gradient(circle, rgba(99, 102, 241, 0.18), rgba(0, 174, 239, 0.08), transparent 72%);\n  }\n\n  .jmp-gradient-step-card::after {\n    content: \"\";\n    position: absolute;\n    left: 130px;\n    bottom: 0;\n    width: 130px;\n    height: 5px;\n    border-radius: 999px;\n    background: linear-gradient(90deg, #6366F1, #126ACF, #00AEEF);\n  }\n\n  .jmp-gradient-step-card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 34px 90px rgba(18, 106, 207, 0.16);\n  }\n\n  .jmp-gradient-step-number {\n    position: relative;\n    z-index: 2;\n    min-height: 116px;\n    border-radius: 28px;\n    background:\n      linear-gradient(135deg, rgba(255,255,255,0.18), rgba(255,255,255,0)) padding-box,\n      linear-gradient(135deg, #1E1B4B 0%, #126ACF 55%, #00AEEF 100%);\n    color: #ffffff;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    box-shadow:\n      0 20px 40px rgba(18, 106, 207, 0.28),\n      inset 0 1px 0 rgba(255, 255, 255, 0.32);\n  }\n\n  .jmp-gradient-step-number span {\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    opacity: 0.88;\n  }\n\n  .jmp-gradient-step-number strong {\n    color: #ffffff;\n    font-size: 20px;\n    line-height: 1;\n    font-weight: 950;\n    letter-spacing: -1.5px;\n  }\n\n  .jmp-gradient-step-content {\n    position: relative;\n    z-index: 2;\n    padding: 24px 24px 26px 0;\n  }\n\n  .jmp-gradient-step-content h3 {\n    margin: 0 0 13px;\n    color: #172554;\n    font-size: clamp(20px, 2.6vw, 20px);\n    line-height: 1.18;\n    font-weight: 950;\n    letter-spacing: -0.5px;\n  }\n\n  .jmp-gradient-step-content p {\n    margin: 0;\n    color: #536171;\n    font-size: 16px;\n    line-height: 1.8;\n  }\n\n  .jmp-gradient-step-content strong {\n    color: #126ACF;\n    font-weight: 900;\n  }\n\n  .jmp-gradient-info-box {\n    margin-top: 22px;\n    padding: 20px;\n    border-radius: 24px;\n    background:\n      linear-gradient(135deg, rgba(99, 102, 241, 0.07), rgba(0, 174, 239, 0.08));\n    border: 1px solid rgba(18, 106, 207, 0.14);\n  }\n\n  .jmp-gradient-info-title {\n    display: inline-flex;\n    margin-bottom: 12px;\n    padding: 7px 12px;\n    border-radius: 999px;\n    background: linear-gradient(135deg, #1E1B4B, #126ACF, #00AEEF);\n    color: #ffffff;\n    font-size: 13px;\n    font-weight: 900;\n  }\n\n  .jmp-gradient-info-box ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .jmp-gradient-info-box li {\n    position: relative;\n    margin-bottom: 10px;\n    padding-left: 24px;\n    color: #475569;\n    font-size: 15.5px;\n    line-height: 1.7;\n  }\n\n  .jmp-gradient-info-box li:last-child {\n    margin-bottom: 0;\n  }\n\n  .jmp-gradient-info-box li::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 11px;\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, #6366F1, #00AEEF);\n    box-shadow: 0 0 0 5px rgba(18, 106, 207, 0.1);\n  }\n\n  .jmp-gradient-mini-grid {\n    margin-top: 22px;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 14px;\n  }\n\n  .jmp-gradient-mini-card {\n    padding: 18px;\n    border-radius: 22px;\n    background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);\n    border: 1px solid rgba(18, 106, 207, 0.13);\n    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.045);\n  }\n\n  .jmp-gradient-mini-card span {\n    display: inline-flex;\n    margin-bottom: 12px;\n    width: 34px;\n    height: 34px;\n    border-radius: 12px;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, #6366F1, #126ACF, #00AEEF);\n    color: #ffffff;\n    font-size: 13px;\n    font-weight: 950;\n  }\n\n  .jmp-gradient-mini-card p {\n    margin: 0;\n    color: #536171;\n    font-size: 14.5px;\n    line-height: 1.65;\n  }\n\n  .jmp-gradient-mini-card strong {\n    color: #172554;\n  }\n\n  .jmp-gradient-month-grid {\n    margin-top: 22px;\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 12px;\n  }\n\n  .jmp-gradient-month-grid div {\n    min-height: 110px;\n    padding: 16px 14px;\n    border-radius: 22px;\n    background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);\n    border: 1px solid rgba(18, 106, 207, 0.13);\n    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.04);\n  }\n\n  .jmp-gradient-month-grid span {\n    display: block;\n    margin-bottom: 10px;\n    background: linear-gradient(135deg, #6366F1, #126ACF);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    color: #126ACF;\n    font-size: 12px;\n    font-weight: 950;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n  }\n\n  .jmp-gradient-month-grid strong {\n    display: block;\n    color: #172554;\n    font-size: 15px;\n    line-height: 1.35;\n    font-weight: 900;\n  }\n\n  .jmp-gradient-ratio-table {\n    margin-top: 24px;\n    padding: 12px;\n    border-radius: 28px;\n    background:\n      radial-gradient(circle at top right, rgba(0, 174, 239, 0.25), transparent 36%),\n      linear-gradient(135deg, #1E1B4B 0%, #123F73 50%, #126ACF 100%);\n    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.2);\n    overflow: hidden;\n  }\n\n  .jmp-gradient-ratio-row {\n    display: grid;\n    grid-template-columns: 0.9fr 1.1fr 1.4fr 1fr;\n    gap: 12px;\n    align-items: center;\n    margin-bottom: 10px;\n    padding: 16px 18px;\n    border-radius: 18px;\n    background: rgba(255, 255, 255, 0.09);\n    color: rgba(255, 255, 255, 0.88);\n    font-size: 14.5px;\n    line-height: 1.5;\n  }\n\n  .jmp-gradient-ratio-row:last-child {\n    margin-bottom: 0;\n  }\n\n  .jmp-gradient-ratio-head {\n    background: rgba(255, 255, 255, 0.16);\n    color: #ffffff;\n    font-size: 12px;\n    font-weight: 950;\n    letter-spacing: 0.7px;\n    text-transform: uppercase;\n  }\n\n  .jmp-gradient-ratio-row span {\n    display: inline-flex;\n    width: 34px;\n    height: 34px;\n    margin-right: 7px;\n    border-radius: 12px;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, #6366F1, #00AEEF);\n    color: #ffffff;\n    font-weight: 950;\n    box-shadow: 0 10px 20px rgba(0, 174, 239, 0.25);\n  }\n\n  @media (max-width: 1024px) {\n    .jmp-gradient-step-card {\n      grid-template-columns: 96px 1fr;\n      gap: 22px;\n    }\n\n    .jmp-gradient-step-number {\n      min-height: 96px;\n      border-radius: 24px;\n    }\n\n    .jmp-gradient-step-number strong {\n      font-size: 34px;\n    }\n\n    .jmp-gradient-mini-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .jmp-gradient-month-grid {\n      grid-template-columns: repeat(3, 1fr);\n    }\n\n    .jmp-gradient-ratio-head {\n      display: none;\n    }\n\n    .jmp-gradient-ratio-row {\n      grid-template-columns: 1fr;\n      gap: 8px;\n    }\n\n    .jmp-gradient-ratio-row div:nth-child(2)::before {\n      content: \"Jenis Konten\";\n    }\n\n    .jmp-gradient-ratio-row div:nth-child(3)::before {\n      content: \"Pilar yang Dipakai\";\n    }\n\n    .jmp-gradient-ratio-row div:nth-child(4)::before {\n      content: \"Format Disarankan\";\n    }\n\n    .jmp-gradient-ratio-row div::before {\n      display: block;\n      margin-bottom: 3px;\n      color: rgba(255, 255, 255, 0.62);\n      font-size: 11px;\n      font-weight: 900;\n      letter-spacing: 0.7px;\n      text-transform: uppercase;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .jmp-gradient-step-section {\n      padding: 62px 16px;\n    }\n\n    .jmp-gradient-step-header {\n      text-align: left;\n      margin-bottom: 36px;\n    }\n\n    .jmp-gradient-step-header h2 {\n      font-size: 34px;\n    }\n\n    .jmp-gradient-step-header p {\n      font-size: 16px;\n    }\n\n    .jmp-gradient-step-list::before {\n      display: none;\n    }\n\n    .jmp-gradient-step-card {\n      grid-template-columns: 1fr;\n      gap: 0;\n      padding: 12px;\n      border-radius: 30px;\n    }\n\n    .jmp-gradient-step-card::after {\n      left: 28px;\n      width: 90px;\n    }\n\n    .jmp-gradient-step-number {\n      width: 92px;\n      min-height: 92px;\n      margin: 6px 0 0 6px;\n    }\n\n    .jmp-gradient-step-content {\n      padding: 22px 12px 18px;\n    }\n\n    .jmp-gradient-step-content h3 {\n      font-size: 25px;\n    }\n\n    .jmp-gradient-step-content p {\n      font-size: 15.5px;\n    }\n\n    .jmp-gradient-info-box {\n      padding: 18px;\n      border-radius: 22px;\n    }\n\n    .jmp-gradient-mini-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .jmp-gradient-month-grid {\n      grid-template-columns: 1fr 1fr;\n    }\n\n    .jmp-gradient-month-grid div {\n      min-height: auto;\n    }\n\n    .jmp-gradient-ratio-table {\n      border-radius: 24px;\n    }\n\n    .jmp-gradient-ratio-row {\n      padding: 16px;\n      border-radius: 16px;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .jmp-gradient-month-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style>\n\n\n\n<h3 class=\"wp-block-heading\">Penutup<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ingat lagi pagi yang bingung di awal tadi buka feed lalu blank \u201chari ini posting apa\u201d. Itu bukan masalah kreativitas, tapi masalah fondasi. Begitu kamu punya 4\u20135 content pillar dan menurunkannya ke peta 6 bulan, pertanyaan itu hilang. Kamu tinggal melihat tabel, syuting sekaligus, dan menjadwalkan.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Polanya sederhana: tentukan tujuan &amp; audiens, riset celah lokal, tetapkan 4\u20135 pilar, pecah jadi sub-tema bulanan, lalu atur rasio 3-2-1. Tambahkan evaluasi rutin tiap bulan, dan kontenmu akan tumbuh konsisten persis hal yang membuat brand diingat di tengah audiens 180 juta yang perhatiannya cuma 8 detik.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Besok pagi, sambil ngopi, semoga yang kamu pikirkan bukan lagi \u201cposting apa, ya?\u201d tapi \u201ctinggal eksekusi yang mana hari ini.\u201d<\/em><\/p>\n\n\n\n<section class=\"jmp-faq-section\">\n  <div class=\"jmp-faq-container\">\n\n    <div class=\"jmp-faq-header\">\n      <span class=\"jmp-faq-badge\">FAQ CONTENT PILLAR<\/span>\n      <h2>FAQ Seputar Content Pillar Sosmed<\/h2>\n      <p>\n        Jawaban singkat untuk pertanyaan yang paling sering muncul sebelum menyusun content pillar\n        untuk strategi sosial media bisnis.\n      <\/p>\n    <\/div>\n\n    <div class=\"jmp-faq-wrap\">\n\n      <details class=\"jmp-faq-item\" open=\"\">\n        <summary>\n          <span class=\"jmp-faq-number\">01<\/span>\n          <h3>Berapa idealnya jumlah content pillar untuk bisnis kecil?<\/h3>\n          <span class=\"jmp-faq-icon\"><\/span>\n        <\/summary>\n        <div class=\"jmp-faq-content\">\n          <p>\n            Cukup <strong>4\u20135 pilar<\/strong>. Lebih dari itu justru membuat identitas brand kabur dan audiens\n            sulit menangkap kamu \u201ctentang apa\u201d. Mulai dari sedikit, lalu kembangkan setelah pola jalan.\n          <\/p>\n        <\/div>\n      <\/details>\n\n      <details class=\"jmp-faq-item\">\n        <summary>\n          <span class=\"jmp-faq-number\">02<\/span>\n          <h3>Apakah content pillar harus diganti tiap bulan?<\/h3>\n          <span class=\"jmp-faq-icon\"><\/span>\n        <\/summary>\n        <div class=\"jmp-faq-content\">\n          <p>\n            Tidak. Pilar utamanya tetap selama <strong>6 bulan<\/strong>; yang berganti adalah sub-tema per bulan\n            supaya tidak monoton. Pilar baru dibuat saat ada perubahan besar seperti produk baru atau target pasar baru.\n          <\/p>\n        <\/div>\n      <\/details>\n\n      <details class=\"jmp-faq-item\">\n        <summary>\n          <span class=\"jmp-faq-number\">03<\/span>\n          <h3>Saya tidak punya tim konten, apakah tetap bisa?<\/h3>\n          <span class=\"jmp-faq-icon\"><\/span>\n        <\/summary>\n        <div class=\"jmp-faq-content\">\n          <p>\n            Bisa. Justru content pillar paling membantu pemilik bisnis yang kerja sendiri, karena kamu bisa\n            <strong>batch syuting belasan konten dalam sehari<\/strong> berdasarkan peta, lalu tinggal jadwalkan.\n          <\/p>\n        <\/div>\n      <\/details>\n\n      <details class=\"jmp-faq-item\">\n        <summary>\n          <span class=\"jmp-faq-number\">04<\/span>\n          <h3>Lebih penting mana, jumlah konten atau konsistensi?<\/h3>\n          <span class=\"jmp-faq-icon\"><\/span>\n        <\/summary>\n        <div class=\"jmp-faq-content\">\n          <p>\n            Konsistensi. Dengan rentang perhatian audiens yang cuma <strong>8 detik<\/strong>, kemunculan rutin lebih\n            menentukan ingatan brand daripada memaksakan banyak konten lalu hilang berminggu-minggu.\n          <\/p>\n        <\/div>\n      <\/details>\n\n      <details class=\"jmp-faq-item\">\n        <summary>\n          <span class=\"jmp-faq-number\">05<\/span>\n          <h3>Bagaimana cara tahu pilar mana yang berhasil?<\/h3>\n          <span class=\"jmp-faq-icon\"><\/span>\n        <\/summary>\n        <div class=\"jmp-faq-content\">\n          <p>\n            Cek insight bulanan dan fokus pada <strong>watch time, saves, dan CTR<\/strong>, bukan cuma likes.\n            Pertahankan pilar dengan tiga angka itu tinggi, lalu revisi atau ganti pilar yang konsisten sepi.\n          <\/p>\n        <\/div>\n      <\/details>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  .jmp-faq-section {\n    width: 100%;\n    padding: 90px 20px;\n    background:\n      radial-gradient(circle at 12% 8%, rgba(99, 102, 241, 0.18), transparent 30%),\n      radial-gradient(circle at 88% 18%, rgba(0, 174, 239, 0.16), transparent 32%),\n      radial-gradient(circle at 50% 100%, rgba(18, 106, 207, 0.12), transparent 38%),\n      linear-gradient(135deg, #f7f4ff 0%, #ffffff 45%, #eef9ff 100%);\n    font-family: inherit;\n    overflow: hidden;\n  }\n\n  .jmp-faq-container {\n    max-width: 1040px;\n    margin: 0 auto;\n  }\n\n  .jmp-faq-header {\n    max-width: 780px;\n    margin: 0 auto 46px;\n    text-align: center;\n  }\n\n  .jmp-faq-badge {\n    display: inline-flex;\n    margin-bottom: 16px;\n    padding: 9px 18px;\n    border-radius: 999px;\n    background: linear-gradient(135deg, rgba(99, 102, 241, 0.13), rgba(0, 174, 239, 0.13));\n    color: #126ACF;\n    font-size:25px;\n    font-weight: 900;\n    letter-spacing: 1px;\n  }\n\n  .jmp-faq-header h2 {\n    margin: 0 0 18px;\n    background: linear-gradient(135deg, #1E1B4B 0%, #126ACF 55%, #00AEEF 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    color: #126ACF;\n    font-size: clamp(28px, 4vw, 30px);\n    line-height: 1.08;\n    font-weight: 950;\n    letter-spacing: -1.1px;\n  }\n\n  .jmp-faq-header p {\n    margin: 0;\n    color: #536171;\n    font-size: 17px;\n    line-height: 1.75;\n  }\n\n  .jmp-faq-wrap {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .jmp-faq-wrap::before {\n    content: \"\";\n    position: absolute;\n    left: 34px;\n    top: 28px;\n    bottom: 28px;\n    width: 2px;\n    border-radius: 999px;\n    background: linear-gradient(180deg, #6366F1, #126ACF, #00AEEF);\n    opacity: 0.24;\n  }\n\n  .jmp-faq-item {\n    position: relative;\n    z-index: 2;\n    border-radius: 28px;\n    background:\n      linear-gradient(#ffffff, #ffffff) padding-box,\n      linear-gradient(135deg, rgba(99, 102, 241, 0.38), rgba(18, 106, 207, 0.34), rgba(0, 174, 239, 0.34)) border-box;\n    border: 1px solid transparent;\n    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.07);\n    overflow: hidden;\n    transition: all 0.35s ease;\n  }\n\n  .jmp-faq-item::before {\n    content: \"\";\n    position: absolute;\n    right: -80px;\n    top: -80px;\n    width: 180px;\n    height: 180px;\n    border-radius: 999px;\n    background: radial-gradient(circle, rgba(99, 102, 241, 0.16), rgba(0, 174, 239, 0.06), transparent 72%);\n    pointer-events: none;\n  }\n\n  .jmp-faq-item:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 28px 70px rgba(18, 106, 207, 0.14);\n  }\n\n  .jmp-faq-item summary {\n    position: relative;\n    z-index: 2;\n    list-style: none;\n    cursor: pointer;\n    display: grid;\n    grid-template-columns: 68px 1fr 44px;\n    gap: 18px;\n    align-items: center;\n    padding: 22px 24px;\n  }\n\n  .jmp-faq-item summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .jmp-faq-number {\n    width: 56px;\n    height: 56px;\n    border-radius: 18px;\n    background: linear-gradient(135deg, #1E1B4B 0%, #126ACF 55%, #00AEEF 100%);\n    color: #ffffff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 17px;\n    font-weight: 950;\n    letter-spacing: -0.4px;\n    box-shadow:\n      0 16px 30px rgba(18, 106, 207, 0.25),\n      inset 0 1px 0 rgba(255, 255, 255, 0.32);\n  }\n\n  .jmp-faq-item h3 {\n    margin: 0;\n    color: #172554;\n    font-size: clamp(18px, 2.2vw, 23px);\n    line-height: 1.35;\n    font-weight: 900;\n    letter-spacing: -0.3px;\n  }\n\n  .jmp-faq-icon {\n    width: 42px;\n    height: 42px;\n    border-radius: 15px;\n    background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(0, 174, 239, 0.12));\n    border: 1px solid rgba(18, 106, 207, 0.12);\n    position: relative;\n  }\n\n  .jmp-faq-icon::before,\n  .jmp-faq-icon::after {\n    content: \"\";\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    width: 16px;\n    height: 2px;\n    border-radius: 999px;\n    background: linear-gradient(90deg, #6366F1, #126ACF, #00AEEF);\n    transform: translate(-50%, -50%);\n    transition: 0.3s ease;\n  }\n\n  .jmp-faq-icon::after {\n    transform: translate(-50%, -50%) rotate(90deg);\n  }\n\n  .jmp-faq-item[open] .jmp-faq-icon::after {\n    transform: translate(-50%, -50%) rotate(0deg);\n    opacity: 0;\n  }\n\n  .jmp-faq-content {\n    position: relative;\n    z-index: 2;\n    padding: 0 24px 24px 110px;\n  }\n\n  .jmp-faq-content p {\n    margin: 0;\n    padding: 20px 22px;\n    border-radius: 22px;\n    background: linear-gradient(135deg, rgba(99, 102, 241, 0.07), rgba(0, 174, 239, 0.08));\n    border: 1px solid rgba(18, 106, 207, 0.12);\n    color: #536171;\n    font-size: 16px;\n    line-height: 1.8;\n  }\n\n  .jmp-faq-content strong {\n    background: linear-gradient(135deg, #1E1B4B, #126ACF, #00AEEF);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    color: #126ACF;\n    font-weight: 950;\n  }\n\n  .jmp-faq-item[open] {\n    background:\n      linear-gradient(135deg, #ffffff 0%, #f7fbff 100%) padding-box,\n      linear-gradient(135deg, #6366F1, #126ACF, #00AEEF) border-box;\n  }\n\n  @media (max-width: 767px) {\n    .jmp-faq-section {\n      padding: 62px 16px;\n    }\n\n    .jmp-faq-header {\n      text-align: left;\n      margin-bottom: 34px;\n    }\n\n    .jmp-faq-header h2 {\n      font-size: 34px;\n    }\n\n    .jmp-faq-header p {\n      font-size: 16px;\n    }\n\n    .jmp-faq-wrap::before {\n      display: none;\n    }\n\n    .jmp-faq-item {\n      border-radius: 24px;\n    }\n\n    .jmp-faq-item summary {\n      grid-template-columns: 52px 1fr 38px;\n      gap: 12px;\n      padding: 18px;\n    }\n\n    .jmp-faq-number {\n      width: 48px;\n      height: 48px;\n      border-radius: 16px;\n      font-size: 15px;\n    }\n\n    .jmp-faq-icon {\n      width: 38px;\n      height: 38px;\n      border-radius: 14px;\n    }\n\n    .jmp-faq-item h3 {\n      font-size: 18px;\n    }\n\n    .jmp-faq-content {\n      padding: 0 18px 18px;\n    }\n\n    .jmp-faq-content p {\n      padding: 18px;\n      border-radius: 20px;\n      font-size: 15.5px;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .jmp-faq-item summary {\n      grid-template-columns: 1fr 38px;\n    }\n\n    .jmp-faq-number {\n      margin-bottom: 8px;\n    }\n\n    .jmp-faq-item h3 {\n      grid-column: 1 \/ 2;\n    }\n\n    .jmp-faq-icon {\n      grid-column: 2 \/ 3;\n      grid-row: 1 \/ 3;\n      align-self: center;\n    }\n  }\n<\/style>\n\n\n\n<div class=\"jmp-author-box\">\n  <div class=\"jmp-author-avatar\">\n    DP\n  <\/div>\n\n  <div class=\"jmp-author-content\">\n    <div class=\"jmp-author-label\">DITULIS OLEH<\/div>\n    <h3>Dayu Puspita<\/h3>\n    <p>\n      Dayu Puspita adalah General Manager di Jasa Marketing Pro, agensi pemasaran digital di Denpasar, Bali. \n      Ia menulis tentang hal-hal yang ia temui sehari-hari seputar pemasaran digital dan AI, dengan tujuan \n      membantu bisnis yang sedang berkembang melangkah lebih jelas, terarah, dan membuahkan hasil yang nyata.\n    <\/p>\n\n    <div class=\"jmp-author-links\">\n      <a href=\"https:\/\/www.instagram.com\/vdyapuspita\/\" target=\"_blank\" rel=\"noopener\">\n        Instagram \u2197\n      <\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n.jmp-author-box {\n  display: flex;\n  align-items: center;\n  gap: 24px;\n  width: 100%;\n  max-width: 900px;\n  padding: 34px 36px;\n  margin: 20px auto;\n  border-radius: 10px;\n  background: linear-gradient(135deg, #fff1fb 0%, #f6e7ff 45%, #ede7ff 100%);\n  border-left: 5px solid #b72cff;\n  box-shadow: 0 14px 35px rgba(154, 55, 255, 0.12);\n  font-family: inherit;\n}\n\n.jmp-author-avatar {\n  width: 82px;\n  height: 82px;\n  min-width: 82px;\n  border-radius: 50%;\n  background: linear-gradient(135deg, #ff3cac 0%, #b72cff 50%, #6a35ff 100%);\n  color: #ffffff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 28px;\n  font-weight: 700;\n  letter-spacing: 1px;\n  box-shadow: 0 10px 25px rgba(183, 44, 255, 0.28);\n}\n\n.jmp-author-content {\n  flex: 1;\n}\n\n.jmp-author-label {\n  font-size: 13px;\n  font-weight: 800;\n  letter-spacing: 0.5px;\n  color: #d4148e;\n  text-transform: uppercase;\n  margin-bottom: 8px;\n}\n\n.jmp-author-content h3 {\n  margin: 0 0 10px;\n  font-size: 25px;\n  font-weight: 700;\n  line-height: 1.2;\n  color: #2b123c;\n}\n\n.jmp-author-content p {\n  margin: 0;\n  font-size: 15.5px;\n  line-height: 1.75;\n  color: #2d2435;\n}\n\n.jmp-author-links {\n  margin-top: 16px;\n}\n\n.jmp-author-links a {\n  display: inline-block;\n  font-size: 14px;\n  font-weight: 700;\n  color: #8b1cff;\n  text-decoration: none;\n  transition: all 0.25s ease;\n}\n\n.jmp-author-links a:hover {\n  color: #ff2fa0;\n  transform: translateX(3px);\n}\n\n@media (max-width: 768px) {\n  .jmp-author-box {\n    flex-direction: column;\n    align-items: flex-start;\n    padding: 28px 24px;\n    gap: 18px;\n  }\n\n  .jmp-author-avatar {\n    width: 72px;\n    height: 72px;\n    min-width: 72px;\n    font-size: 24px;\n  }\n\n  .jmp-author-content h3 {\n    font-size: 22px;\n  }\n\n  .jmp-author-content p {\n    font-size: 15px;\n  }\n}\n<\/style>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Setiap pagi bingung mau posting apa? Itu bukan soal kurang kreatif tapi belum punya content pillar. Di panduan ini, kami tunjukkan cara menyusun kerangka konten 6 bulan ke depan. Agar konten menjadi lebih konsisten, kamu hemat waktu.<\/p>\n","protected":false},"author":6,"featured_media":98409,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[58],"tags":[],"class_list":["post-97577","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sosial-media-management"],"_links":{"self":[{"href":"https:\/\/www.jasamarketingpro.com\/en\/wp-json\/wp\/v2\/posts\/97577","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jasamarketingpro.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jasamarketingpro.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jasamarketingpro.com\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jasamarketingpro.com\/en\/wp-json\/wp\/v2\/comments?post=97577"}],"version-history":[{"count":4,"href":"https:\/\/www.jasamarketingpro.com\/en\/wp-json\/wp\/v2\/posts\/97577\/revisions"}],"predecessor-version":[{"id":98022,"href":"https:\/\/www.jasamarketingpro.com\/en\/wp-json\/wp\/v2\/posts\/97577\/revisions\/98022"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jasamarketingpro.com\/en\/wp-json\/wp\/v2\/media\/98409"}],"wp:attachment":[{"href":"https:\/\/www.jasamarketingpro.com\/en\/wp-json\/wp\/v2\/media?parent=97577"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jasamarketingpro.com\/en\/wp-json\/wp\/v2\/categories?post=97577"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jasamarketingpro.com\/en\/wp-json\/wp\/v2\/tags?post=97577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<!-- This website is optimized by Airlift. Learn more: https://airlift.net. Template:. Learn more: https://airlift.net. Template: 6a3675f1db888a83ca66dddc. Config Timestamp: 2026-06-20 11:13:52 UTC, Cached Timestamp: 2026-08-03 23:47:23 UTC, Optimization Time: 7.58ms -->