bloggerTool-ayiedadev

Parse html otomatis

Masukkan Kode HTML:

Hasil Parse (escape entity) — klik untuk menyalin:

✅ Tersalin ke clipboard!

<style>
    body {font-family: Arial, sans-serif; padding:20px;}
    textarea {
        width: 100%;
        height: 200px;
        padding:10px;
        border:1px solid #ccc;
        border-radius:6px;
    }
    textarea#output {
        margin-top:20px;
        width: 100%;
        height: 250px;
        padding:10px;
        border:2px dashed #4caf50;
        border-radius:10px;
        background:#f9f9f9;
        font-family: monospace;
        white-space: pre-wrap;
        cursor: pointer;
    }
    .notif {
        margin-top:10px;
        padding:8px 12px;
        background:#4caf50;
        color:white;
        display:none;
        border-radius:6px;
        font-size:14px;
        width:max-content;
    }
</style>

<h2>Masukkan Kode HTML:</h2>
<textarea id="htmlInput" placeholder="Tempelkan kode HTML di sini..."></textarea>

<h2>Hasil Parse (escape entity) — klik untuk menyalin:</h2>
<textarea id="output" readonly></textarea>
<div class="notif" id="notif">✅ Tersalin ke clipboard!</div>

<script>
const textarea = document.getElementById("htmlInput");
const output   = document.getElementById("output");
const notif    = document.getElementById("notif");

function escapeHTML(str) {
    return str
        .replace(/&/g, "&amp;")
        .replace(/</g, "&lt;")
        .replace(/>/g, "&gt;")
        .replace(/"/g, "&quot;")
        .replace(/'/g, "&#039;");
}

textarea.addEventListener("input", function() {
    let kode = this.value.trim();
    let parsed = `\n${kode}\n`;
    output.value = escapeHTML(parsed);
});

// klik langsung copy
output.addEventListener("click", function() {
    output.select();
    document.execCommand("copy");

    // tampilkan notifikasi
    notif.style.display = "inline-block";
    setTimeout(() => notif.style.display = "none", 1500);
});
</script>

Ekstrak Daftar isi Blog

Ekstrak Daftar Isi Blogspot

Daftar Isi Blogspot

<!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="UTF-8">
  <title>Ekstrak Daftar Isi Blogspot</title>
  <style>
    body { font-family: Arial, sans-serif; padding: 20px; }
    input { width: 80%; padding: 10px; }
    button { padding: 10px 15px; margin-left: 10px; }
    ul { margin-top: 20px; padding-left: 20px; }
    li { margin-bottom: 5px; }
  </style>
</head>
<body>
  <h2>Daftar Isi Blogspot</h2>
  <input type="text" id="blogUrl" placeholder="Contoh: https://drop-co.blogspot.com">
  <button onclick="generateTOC()">Ekstrak</button>

  <ul id="toc"> </ul>

  <script>
    function generateTOC() {
      const blogUrl = document.getElementById('blogUrl').value.trim();
      if (!blogUrl.startsWith('http')) return alert('Masukkan URL blog lengkap!');

      const feedUrl = blogUrl + '/feeds/posts/default?alt=json&max-results=999';
      const proxy = 'https://api.allorigins.win/get?url=' + encodeURIComponent(feedUrl);

      fetch(proxy)
        .then(res => res.ok ? res.json() : Promise.reject())
        .then(data => {
          const json = JSON.parse(data.contents);
          const posts = json.feed.entry;
          const tocList = document.getElementById('toc');
          tocList.innerHTML = '';

          if (!posts) {
            tocList.innerHTML = '<li>Tidak ada posting ditemukan.</li>';
            return;
          }

          posts.forEach(post => {
            const title = post.title.$t;
            const link = post.link.find(l => l.rel === 'alternate').href;
            tocList.innerHTML += `<li><a href="${link}" target="_blank">${title}</a></li>`;
          });
        })
        .catch(() => {
          document.getElementById('toc').innerHTML = '<li>Gagal mengambil daftar isi.</li>';
        });
    }
  </script>
</body>
</html>

Random Post

Obfuscate DeObfuscate Sript

Obfuscate & Deobfuscate Tool

Output:

<div class="obfuscated">PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KPGhlYWQ+CiAgPG1ldGEgY2hhcnNldD0iVVRGLTgiPgogIDxtZXRhIG5hbWU9InZpZXdwb3J0IiBjb250ZW50PSJ3aWR0aD1kZXZpY2Utd2lkdGgsIGluaXRpYWwtc2NhbGU9MS4wIj4KICA8dGl0bGU+T2JmdXNjYXRlICYgRGVvYmZ1c2NhdGUgVG9vbDwvdGl0bGU+CiAgPHN0eWxlPgogICAgYm9keSB7CiAgICAgIGZvbnQtZmFtaWx5OiBBcmlhbCwgc2Fucy1zZXJpZjsKICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2Y0ZjRmNDsKICAgICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgICBwYWRkaW5nOiAyMHB4OwogICAgfQogICAgdGV4dGFyZWEgewogICAgICB3aWR0aDogODAlOwogICAgICBoZWlnaHQ6IDE1MHB4OwogICAgICBtYXJnaW46IDEwcHggMDsKICAgICAgcGFkZGluZzogMTBweDsKICAgICAgZm9udC1zaXplOiAxNnB4OwogICAgfQogICAgYnV0dG9uIHsKICAgICAgbWFyZ2luOiA1cHg7CiAgICAgIHBhZGRpbmc6IDEwcHggMjBweDsKICAgICAgZm9udC1zaXplOiAxNnB4OwogICAgICBjdXJzb3I6IHBvaW50ZXI7CiAgICB9CiAgICAub3V0cHV0IHsKICAgICAgbWFyZ2luLXRvcDogMjBweDsKICAgICAgZm9udC1zaXplOiAxNnB4OwogICAgICB3b3JkLXdyYXA6IGJyZWFrLXdvcmQ7CiAgICB9CiAgPC9zdHlsZT4KPC9oZWFkPgo8Ym9keT4KICA8aDE+T2JmdXNjYXRlICYgRGVvYmZ1c2NhdGUgVG9vbDwvaDE+CiAgPHRleHRhcmVhIGlkPSJpbnB1dCIgcGxhY2Vob2xkZXI9Ik1hc3Vra2FuIGtvZGUgZGkgc2luaS4uLiI+PC90ZXh0YXJlYT48YnI+CiAgPGJ1dHRvbiBvbmNsaWNrPSJvYmZ1c2NhdGUoKSI+T2JmdXNjYXRlPC9idXR0b24+CiAgPGJ1dHRvbiBvbmNsaWNrPSJkZW9iZnVzY2F0ZSgpIj5EZW9iZnVzY2F0ZTwvYnV0dG9uPgogIDxkaXYgY2xhc3M9Im91dHB1dCI+CiAgICA8aDM+T3V0cHV0OjwvaDM+CiAgICA8dGV4dGFyZWEgaWQ9Im91dHB1dCIgcmVhZG9ubHk+PC90ZXh0YXJlYT4KICA8L2Rpdj4KCiAgPHNjcmlwdD4KICAgIGZ1bmN0aW9uIG9iZnVzY2F0ZSgpIHsKICAgICAgY29uc3QgaW5wdXQgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnaW5wdXQnKS52YWx1ZTsKICAgICAgY29uc3Qgb2JmdXNjYXRlZCA9IGJ0b2EodW5lc2NhcGUoZW5jb2RlVVJJQ29tcG9uZW50KGlucHV0KSkpOwogICAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnb3V0cHV0JykudmFsdWUgPSBvYmZ1c2NhdGVkOwogICAgfQoKICAgIGZ1bmN0aW9uIGRlb2JmdXNjYXRlKCkgewogICAgICBjb25zdCBpbnB1dCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdpbnB1dCcpLnZhbHVlOwogICAgICB0cnkgewogICAgICAgIGNvbnN0IGRlb2JmdXNjYXRlZCA9IGRlY29kZVVSSUNvbXBvbmVudChlc2NhcGUoYXRvYihpbnB1dCkpKTsKICAgICAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnb3V0cHV0JykudmFsdWUgPSBkZW9iZnVzY2F0ZWQ7CiAgICAgIH0gY2F0Y2ggKGUpIHsKICAgICAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnb3V0cHV0JykudmFsdWUgPSAiSW52YWxpZCBpbnB1dCBmb3IgZGVvYmZ1c2NhdGlvbiEiOwogICAgICB9CiAgICB9CiAgPC9zY3JpcHQ+CjwvYm9keT4KPC9odG1sPgo=</div>

<script type="text/javascript">
//<![CDATA[
(function() {
  function _0x12a5() {
    var _0x2766 = ['atob', 'escape', 'decodeURIComponent'];
    _0x12a5 = function() { return _0x2766; };
    return _0x12a5();
  }

  var _0x3548 = function(_0x234b4b, _0x158d52) {
    var _0x12a543 = _0x12a5();
    return _0x3548 = function(_0x3548b4, _0x2865b0) {
      _0x3548b4 = _0x3548b4 - 0x0;
      var _0x31400b = _0x12a543[_0x3548b4];
      return _0x31400b;
    }, _0x3548(_0x234b4b, _0x158d52);
  };

  function decodeBase64(_0x123456) {
    return decodeURIComponent(escape(atob(_0x123456)));
  }

  document.addEventListener("DOMContentLoaded", function() {
    const elements = document.querySelectorAll(".obfuscated");
    elements.forEach(function(element) {
      const encodedContent = element.textContent.trim();
      element.o uterHTML = decodeBase64(encodedContent);
    });
  });
})();
//]]>
</script>

SUMBER 1
SUMBER 2

Postingan blog

<ul id="random-posts"></ul>

<!-- Popup Container -->
<div id="popup-container" style="display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:1000;">
  <div id="popup-content" style="background:#fff; margin:10% auto; padding:20px; width:80%; max-height:80%; overflow:auto; position:relative;">
    <button id="close-popup" style="position:absolute; top:10px; right:10px; background:red; color:white; border:none; padding:5px 10px; cursor:pointer;">Close</button>
    <div id="popup-body"></div>
  </div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function () {
    const randomPostsNumber = 20; // Jumlah random posts
    const randomPostsChars = 100; // Jumlah karakter deskripsi
    const randomPostsContainer = document.getElementById("random-posts");

    function loadRandomPosts() {
        const script = document.createElement("script");
        script.src = "/feeds/posts/default?alt=json-in-script&max-results=" + randomPostsNumber + "&callback=renderRandomPosts";
        document.body.appendChild(script);
    }

    window.renderRandomPosts = function (json) {
        json.feed.entry.forEach(entry => {
            const title = entry.title.$t;
            const link = entry.link.find(l => l.rel === "alternate").href;
            const content = entry.content ? entry.content.$t : entry.summary.$t;
            const snippet = content.replace(/<[^>]*>/g, "").substring(0, randomPostsChars) + "...";
            const thumbnail = entry.media$thumbnail ? entry.media$thumbnail.url : "https://via.placeholder.com/150";

            const li = document.createElement("li");
            li.innerHTML = `
                <a href="#" class="random-link" data-title="${title}" data-link="${link}" data-snippet="${snippet}">
                    <img src="${thumbnail}" alt="${title}">
                    <div>${title}</div>
                </a>
            `;
            randomPostsContainer.appendChild(li);
        });
    };

    // Event listener for popup
    randomPostsContainer.addEventListener("click", function (e) {
        const target = e.target.closest(".random-link");
        if (target) {
            e.preventDefault();
            const popup = document.getElementById("popup-container");
            const popupBody = document.getElementById("popup-body");
            popupBody.innerHTML = `
                <h2>${target.dataset.title}</h2>
                <p>${target.dataset.snippet}</p>
                <a href="${target.dataset.link}" target="_blank">Read more</a>
            `;
            popup.style.display = "block";
        }
    });

    // Close popup
    document.getElementById("close-popup").addEventListener("click", function () {
        document.getElementById("popup-container").style.display = "none";
    });

    // Load random posts
    loadRandomPosts();
});
</script>

Preview HTML

Preview HTML from Textarea

Script dobleclick to copy

<textarea 
    id="copyText"
    cols="50"
    rows="10"
    readonly
    style="background: #A9A9A9; border: 1px dotted #800080; color: #FF0000; margin-left: 10px; padding: 2px;"
    ondblclick="copyToClipboard()">
mmmmm
</textarea>

<script>
function copyToClipboard() {
    const textarea = document.getElementById("copyText");
    textarea.select(); // Pilih teks
    document.execCommand("copy"); // Salin teks ke clipboard
    alert("Teks berhasil disalin!");
}
</script>