Widget Informasi Pengunjung Untuk Blogger

Kode Script Informasi Pengunjung

Script ini berfungsi untuk menampilkan informasi pengunjung, seperti IP, Browser, Serta Operator yang digunakan.

📄 HTML CODE

<style>
/* Visitor Widget */
.visitor-widget {
  background: #ffffff;
  border-radius: 14px;
  padding: 18px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.08);
  font-family: Arial, sans-serif;
}

.vw-title {
  font-size: 18px;
  margin-bottom: 14px;
  color: #222;
  text-align: center;
}

.vw-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.vw-list li {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  padding: 8px 0;
  border-bottom: 1px dashed #ddd;
}

.vw-list li:last-child {
  border-bottom: none;
}

.vw-list strong {
  color: #333;
}

.vw-list span {
  color: #0d6efd;
  font-weight: 600;
}
</style>
<div class="visitor-widget">
  <h4 class="vw-title"><i>Informasi Pengunjung</i></h4>

  <ul class="vw-list">
    <li><strong>IP Address</strong><span id="vw-ip">Memuat...</span></li>
    <li><strong>Browser</strong><span id="vw-browser">-</span></li>
    <li><strong>Provider</strong><span id="vw-isp">Memuat...</span></li>
  </ul>
</div>

<script>
// Browser Detection
(function() {
  var ua = navigator.userAgent;
  var browser = "Tidak diketahui";

  if (ua.indexOf("Firefox") > -1) browser = "Mozilla Firefox";
  else if (ua.indexOf("Edg") > -1) browser = "Microsoft Edge";
  else if (ua.indexOf("Chrome") > -1) browser = "Google Chrome";
  else if (ua.indexOf("Safari") > -1) browser = "Safari";
  else if (ua.indexOf("Opera") > -1 || ua.indexOf("OPR") > -1) browser = "Opera";

  document.getElementById("vw-browser").textContent = browser;
})();

// IP & ISP via API
fetch("https://ipapi.co/json/")
  .then(response => response.json())
  .then(data => {
    document.getElementById("vw-ip").textContent = data.ip;
    document.getElementById("vw-isp").textContent = data.org || data.asn || "Tidak diketahui";
  })
  .catch(() => {
    document.getElementById("vw-ip").textContent = "Gagal memuat";
    document.getElementById("vw-isp").textContent = "Gagal memuat";
  });
</script>
  

🔍 Live Preview