{"id":149,"date":"2025-05-04T11:59:12","date_gmt":"2025-05-04T11:59:12","guid":{"rendered":"https:\/\/abatablaster.xyz\/?page_id=149"},"modified":"2026-09-11T23:40:22","modified_gmt":"2026-09-11T23:40:22","slug":"telegram-alert","status":"publish","type":"page","link":"https:\/\/abatablaster.xyz\/index.php\/telegram-alert\/","title":{"rendered":"Telegram Alert"},"content":{"rendered":"\n\n<style>\n    html,\n    body {\n        min-height: 100%;\n        background:\n            radial-gradient(circle at 10% 20%,\n                rgba(67, 160, 71, 0.08),\n                transparent 24%),\n            radial-gradient(circle at 92% 18%,\n                rgba(33, 150, 243, 0.08),\n                transparent 22%),\n            linear-gradient(180deg,\n                #f4fbf2 0%,\n                #fbfdfb 100%) !important;\n\n        background-attachment: fixed !important;\n    }\n\n    \/*\n     * \u2705 Buang layer putih WordPress pada page Telegram\n     * Navbar\/header masih boleh kekal dengan background asalnya sendiri\n     *\/\n    body .site,\n    body .site-content,\n    body .content-area,\n    body .site-main,\n    body main,\n    body article,\n    body .entry-content,\n    body .wp-site-blocks {\n        background: transparent !important;\n    }\n\n    .telegram-full-bg {\n        position: relative;\n        left: 50%;\n        width: 100vw !important;\n        max-width: 100vw !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n\n        min-height: 100vh;\n        padding: 50px 32px 100px;\n        box-sizing: border-box;\n\n        background: transparent;\n    }\n\n    .telegram-page {\n        width: 100%;\n        max-width: 1380px !important;\n        margin: 0 auto;\n        padding: 20px 0;\n        font-family: 'Poppins', sans-serif;\n        color: #163d1f;\n    }\n\n    .telegram-page * {\n        box-sizing: border-box;\n    }\n\n    .telegram-layout {\n        display: grid;\n        grid-template-columns:\n            minmax(280px, 0.9fr) minmax(500px, 1.35fr) minmax(260px, 0.85fr);\n\n        gap: 40px;\n        align-items: center;\n        width: 100%;\n    }\n\n    .telegram-side-info {\n        padding: 10px 4px;\n    }\n\n    .telegram-kicker {\n        margin-bottom: 12px;\n        font-size: 13px;\n        font-weight: 700;\n        letter-spacing: 1.8px;\n        text-transform: uppercase;\n        color: #2e9d48;\n    }\n\n    .telegram-side-title {\n        margin: 0;\n        font-size: 54px;\n        line-height: 1.02;\n        font-weight: 700;\n        color: #123d22;\n    }\n\n    .telegram-side-text {\n        margin: 20px 0 0;\n        max-width: 360px;\n        font-size: 16px;\n        line-height: 1.7;\n        color: #52645a;\n    }\n\n    .telegram-benefits {\n        margin-top: 28px;\n        display: grid;\n        gap: 16px;\n    }\n\n    .telegram-benefit {\n        display: flex;\n        align-items: center;\n        gap: 13px;\n    }\n\n    .telegram-benefit-icon {\n        width: 44px;\n        height: 44px;\n        border-radius: 50%;\n        background: #edf7e9;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 21px;\n        flex-shrink: 0;\n    }\n\n    .telegram-benefit-title {\n        font-size: 14px;\n        font-weight: 700;\n        color: #173c22;\n    }\n\n    .telegram-benefit-text {\n        margin-top: 2px;\n        font-size: 12px;\n        color: #748278;\n    }\n\n    .telegram-app-card {\n        width: 100%;\n        min-width: 0;\n        background: #ffffff;\n        border-radius: 28px;\n        padding: 32px;\n        box-shadow:\n            0 18px 55px rgba(0, 0, 0, 0.08);\n        border: 1px solid rgba(67, 160, 71, 0.12);\n    }\n\n    .telegram-header {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n        margin-bottom: 24px;\n    }\n\n    .telegram-logo {\n        width: 62px;\n        height: 62px;\n        border-radius: 18px;\n        background:\n            linear-gradient(135deg,\n                #50b8f2,\n                #229ed9);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 30px;\n        flex-shrink: 0;\n        color: white;\n        box-shadow:\n            0 8px 20px rgba(34, 158, 217, 0.22);\n    }\n\n    .telegram-title {\n        margin: 0;\n        font-size: 25px;\n        font-weight: 700;\n        color: #133d21;\n    }\n\n    .telegram-subtitle {\n        margin: 4px 0 0;\n        font-size: 13px;\n        color: #718176;\n    }\n\n    .telegram-status-card {\n        background:\n            linear-gradient(180deg,\n                #fffafa 0%,\n                #fffefe 100%);\n        border: 1px solid #f2dada;\n        border-radius: 20px;\n        padding: 26px 20px;\n        text-align: center;\n        margin-bottom: 18px;\n    }\n\n    .telegram-status-icon {\n        width: 70px;\n        height: 70px;\n        margin: 0 auto 14px;\n        border-radius: 50%;\n        background: #ffe9ec;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 31px;\n    }\n\n    #statusTelegram {\n        font-size: 18px;\n        font-weight: 700;\n        color: #37473b;\n        line-height: 1.5;\n    }\n\n    .telegram-mini-info {\n        margin-top: 8px;\n        font-size: 12px;\n        color: #809084;\n        line-height: 1.5;\n    }\n\n    .telegram-main-action {\n        width: 100%;\n        min-height: 58px;\n        border: none;\n        border-radius: 16px;\n        padding: 15px 18px;\n        font-size: 16px;\n        font-weight: 700;\n        cursor: pointer;\n        transition: 0.2s;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 9px;\n    }\n\n    .telegram-main-action:hover {\n        transform: translateY(-1px);\n    }\n\n    .telegram-main-action:active {\n        transform: scale(0.98);\n    }\n\n    .telegram-connect-btn {\n        background:\n            linear-gradient(135deg,\n                #43a047,\n                #2f9e44);\n        color: #ffffff;\n        box-shadow:\n            0 10px 22px rgba(67, 160, 71, 0.23);\n    }\n\n    .telegram-actions-row {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 12px;\n        margin-top: 12px;\n    }\n\n    .telegram-secondary-btn {\n        min-height: 50px;\n        border: none;\n        border-radius: 14px;\n        padding: 12px;\n        font-size: 13px;\n        font-weight: 700;\n        cursor: pointer;\n    }\n\n    .telegram-refresh-btn {\n        background: #eef5ff;\n        color: #2563eb;\n    }\n\n    .telegram-disconnect-btn {\n        background: #fff0f0;\n        color: #dc2626;\n    }\n\n    .telegram-note {\n        display: flex;\n        align-items: flex-start;\n        gap: 10px;\n        background: #fffbea;\n        border: 1px solid #f3df8b;\n        border-radius: 14px;\n        padding: 13px 15px;\n        margin-top: 16px;\n        font-size: 12px;\n        color: #725d16;\n        line-height: 1.6;\n    }\n\n    .telegram-note-icon {\n        font-size: 18px;\n        flex-shrink: 0;\n    }\n\n    .telegram-page #alertMsg {\n        margin: 12px 0 0;\n        font-size: 13px;\n        text-align: center;\n        font-weight: 600;\n    }\n\n    #usernameForm {\n        margin: 0;\n    }\n\n    .telegram-visual {\n        min-height: 440px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n    }\n\n    .telegram-visual-circle {\n        width: 260px;\n        height: 260px;\n        border-radius: 50%;\n        background:\n            radial-gradient(circle at 35% 30%,\n                #ffffff 0%,\n                #dff5ff 35%,\n                #bde8fb 100%);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        box-shadow:\n            0 24px 55px rgba(34, 158, 217, 0.14);\n        position: relative;\n    }\n\n    .telegram-visual-icon {\n        width: 150px;\n        height: 150px;\n        border-radius: 38px;\n        background:\n            linear-gradient(135deg,\n                #58bff2,\n                #229ed9);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: white;\n        font-size: 76px;\n        box-shadow:\n            0 18px 35px rgba(34, 158, 217, 0.3);\n        transform: rotate(-4deg);\n    }\n\n    .telegram-visual-label {\n        position: absolute;\n        bottom: 30px;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 260px;\n        text-align: center;\n        font-size: 14px;\n        line-height: 1.5;\n        font-weight: 600;\n        color: #427650;\n    }\n\n    .telegram-feature-grid {\n        margin-top: 34px;\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 16px;\n    }\n\n    .telegram-feature-card {\n        background: rgba(255, 255, 255, 0.9);\n        border: 1px solid rgba(67, 160, 71, 0.11);\n        border-radius: 18px;\n        padding: 17px 18px;\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        box-shadow:\n            0 8px 25px rgba(0, 0, 0, 0.04);\n    }\n\n    .telegram-feature-icon {\n        width: 46px;\n        height: 46px;\n        border-radius: 14px;\n        background: #edf7e9;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 21px;\n        flex-shrink: 0;\n    }\n\n    .telegram-feature-title {\n        font-size: 14px;\n        font-weight: 700;\n        color: #183f24;\n    }\n\n    .telegram-feature-text {\n        margin-top: 2px;\n        font-size: 11px;\n        color: #758279;\n    }\n\n    @media (max-width: 1180px) {\n        .telegram-layout {\n            grid-template-columns:\n                minmax(260px, 0.85fr) minmax(480px, 1.35fr);\n        }\n\n        .telegram-visual {\n            display: none;\n        }\n\n        .telegram-side-title {\n            font-size: 44px;\n        }\n    }\n\n    @media (max-width: 760px) {\n        .telegram-full-bg {\n            padding: 18px 12px 85px;\n        }\n\n        .telegram-page {\n            max-width: 520px;\n        }\n\n        .telegram-layout {\n            display: block;\n        }\n\n        .telegram-side-info {\n            display: none;\n        }\n\n        .telegram-app-card {\n            padding: 18px;\n            border-radius: 22px;\n        }\n\n        .telegram-title {\n            font-size: 20px;\n        }\n\n        .telegram-logo {\n            width: 50px;\n            height: 50px;\n            border-radius: 15px;\n            font-size: 24px;\n        }\n\n        .telegram-status-card {\n            padding: 20px 14px;\n        }\n\n        #statusTelegram {\n            font-size: 15px;\n        }\n\n        .telegram-actions-row {\n            grid-template-columns: 1fr 1fr;\n        }\n\n        .telegram-feature-grid {\n            grid-template-columns: 1fr;\n            margin-top: 16px;\n        }\n\n        .telegram-feature-card {\n            padding: 14px;\n        }\n    }\n\n    @media (max-width: 420px) {\n        .telegram-actions-row {\n            grid-template-columns: 1fr;\n        }\n    }\n<\/style>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/sweetalert2@11\"><\/script>\n<script src=\"https:\/\/www.gstatic.com\/firebasejs\/9.22.2\/firebase-app-compat.js\"><\/script>\n<script src=\"https:\/\/www.gstatic.com\/firebasejs\/9.22.2\/firebase-auth-compat.js\"><\/script>\n<script src=\"https:\/\/www.gstatic.com\/firebasejs\/9.22.2\/firebase-firestore-compat.js\"><\/script>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"telegram-full-bg\">\n\n    <div class=\"telegram-page\">\n\n        <div class=\"telegram-layout\">\n\n            <div class=\"telegram-side-info\">\n\n                <div class=\"telegram-kicker\">\n                    Notifikasi Real-Time\n                <\/div>\n\n                <h1 class=\"telegram-side-title\">\n                    Telegram<br>\n                    Alert\n                <\/h1>\n\n                <p class=\"telegram-side-text\">\n                    Sambungkan Telegram sekali sahaja untuk akaun AbataBlaster anda.\n                    Semua notifikasi daripada semua nombor WhatsApp akan dihantar\n                    ke Telegram yang sama.\n                <\/p>\n\n                <div class=\"telegram-benefits\">\n\n                    <div class=\"telegram-benefit\">\n                        <div class=\"telegram-benefit-icon\">\n                            \u26a1\n                        <\/div>\n\n                        <div>\n                            <div class=\"telegram-benefit-title\">\n                                Notifikasi segera\n                            <\/div>\n\n                            <div class=\"telegram-benefit-text\">\n                                Dapatkan alert secara real-time\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"telegram-benefit\">\n                        <div class=\"telegram-benefit-icon\">\n                            \ud83d\udc65\n                        <\/div>\n\n                        <div>\n                            <div class=\"telegram-benefit-title\">\n                                Untuk semua nombor\n                            <\/div>\n\n                            <div class=\"telegram-benefit-text\">\n                                Tak perlu sambung setiap nombor\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"telegram-benefit\">\n                        <div class=\"telegram-benefit-icon\">\n                            \ud83d\udee1\ufe0f\n                        <\/div>\n\n                        <div>\n                            <div class=\"telegram-benefit-title\">\n                                Mudah dipantau\n                            <\/div>\n\n                            <div class=\"telegram-benefit-text\">\n                                Semua alert di satu tempat\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n            <div class=\"telegram-app-card\">\n\n                <div class=\"telegram-header\">\n\n                    <div class=\"telegram-logo\">\n                        \u2708\ufe0f\n                    <\/div>\n\n                    <div>\n                        <h2 class=\"telegram-title\">\n                            Telegram Alert\n                        <\/h2>\n\n                        <p class=\"telegram-subtitle\">\n                            Pusat notifikasi akaun AbataBlaster\n                        <\/p>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"telegram-status-card\">\n\n                    <div class=\"telegram-status-icon\">\n                        \ud83d\udd14\n                    <\/div>\n\n                    <div id=\"statusTelegram\">\n                        \ud83d\udd04 Menyemak status Telegram&#8230;\n                    <\/div>\n\n                    <div class=\"telegram-mini-info\">\n                        1 sambungan Telegram untuk semua nombor WhatsApp anda\n                    <\/div>\n\n                <\/div>\n\n                <div id=\"telegram-form\">\n\n                    <div id=\"usernameForm\">\n\n                        <button class=\"telegram-main-action telegram-connect-btn\" onclick=\"sambungTelegramAuto()\">\n                            \ud83d\udd17 Sambung Telegram\n                        <\/button>\n\n                    <\/div>\n\n                    <div class=\"telegram-actions-row\">\n\n                        <button class=\"telegram-secondary-btn telegram-refresh-btn\" onclick=\"refreshStatusTelegram()\">\n                            \ud83d\udd04 Refresh Status\n                        <\/button>\n\n                        <button class=\"telegram-secondary-btn telegram-disconnect-btn\" onclick=\"putuskanTelegram()\">\n                            \u274c Putuskan Sambungan\n                        <\/button>\n\n                    <\/div>\n\n                    <div class=\"telegram-note\">\n\n                        <div class=\"telegram-note-icon\">\n                            \ud83d\udca1\n                        <\/div>\n\n                        <div>\n                            Selepas tekan <strong>Sambung Telegram<\/strong>,\n                            sistem akan beri kod pairing.\n                            Copy kod itu dan hantar kepada bot Telegram.\n                        <\/div>\n\n                    <\/div>\n\n                    <p id=\"alertMsg\"><\/p>\n\n                <\/div>\n\n            <\/div>\n\n            <div class=\"telegram-visual\">\n\n                <div class=\"telegram-visual-circle\">\n\n                    <div class=\"telegram-visual-icon\">\n                        \u2708\ufe0f\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"telegram-visual-label\">\n                    Satu Telegram<br>\n                    untuk semua nombor WhatsApp anda\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n        <div class=\"telegram-feature-grid\">\n\n            <div class=\"telegram-feature-card\">\n\n                <div class=\"telegram-feature-icon\">\n                    \ud83d\udcf1\n                <\/div>\n\n                <div>\n                    <div class=\"telegram-feature-title\">\n                        Semua Nombor\n                    <\/div>\n\n                    <div class=\"telegram-feature-text\">\n                        Satu sambungan untuk semua nombor WhatsApp\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"telegram-feature-card\">\n\n                <div class=\"telegram-feature-icon\">\n                    \u23f1\ufe0f\n                <\/div>\n\n                <div>\n                    <div class=\"telegram-feature-title\">\n                        Jimat Masa\n                    <\/div>\n\n                    <div class=\"telegram-feature-text\">\n                        Tak perlu pairing satu per satu\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"telegram-feature-card\">\n\n                <div class=\"telegram-feature-icon\">\n                    \u2699\ufe0f\n                <\/div>\n\n                <div>\n                    <div class=\"telegram-feature-title\">\n                        Mudah Digunakan\n                    <\/div>\n\n                    <div class=\"telegram-feature-text\">\n                        Sambungan siap dalam beberapa langkah\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n<script src=\"https:\/\/abatablaster.xyz\/js\/telegram.js\"><\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Notifikasi Real-Time Telegram Alert Sambungkan Telegram sekali sahaja untuk akaun AbataBlaster anda. Semua notifikasi daripada semua nombor WhatsApp akan dihantar ke Telegram yang sama. \u26a1 Notifikasi segera Dapatkan alert secara real-time \ud83d\udc65 Untuk semua nombor Tak perlu sambung setiap nombor \ud83d\udee1\ufe0f Mudah dipantau Semua alert di satu tempat \u2708\ufe0f Telegram Alert Pusat notifikasi akaun AbataBlaster [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-149","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/pages\/149","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/comments?post=149"}],"version-history":[{"count":29,"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/pages\/149\/revisions"}],"predecessor-version":[{"id":1530,"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/pages\/149\/revisions\/1530"}],"wp:attachment":[{"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/media?parent=149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}