Blogger Sitemap Generator

.wuzz-sitemap-wrapper {
margin: 20px 0;
font-family: inherit;
}

.wuzz-sitemap-info {
background-color: rgba(116, 63, 222, 0.08);
border-left: 4px solid #743FDE;
padding: 12px 16px;
border-radius: 6px;
font-size: 0.95rem;
margin-bottom: 15px;
color: inherit;
}

.wuzz-sitemap-container {
display: flex;
flex-direction: column;
gap: 15px;
}

.wuzz-input-group {
display: flex;
flex-direction: column;
gap: 6px;
}

.wuzz-input-group label {
font-size: 14px;
font-weight: 600;
color: var(–text-color, #333333);
}

.wuzz-sitemap-input {
width: 100%;
padding: 12px;
font-family: inherit;
font-size: 14px;
color: var(–text-color, #333333);
background-color: var(–content-bg, #f8f9fa);
border: 1px solid #e0e0e0;
border-radius: 8px;
box-sizing: border-box;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.wuzz-sitemap-input:focus {
outline: none;
border-color: #743FDE;
box-shadow: 0 0 0 3px rgba(116, 63, 222, 0.15);
}

.wuzz-sitemap-textarea {
width: 100%;
height: 180px;
padding: 12px;
font-family: SFMono-Regular, Consolas, “Liberation Mono”, Menlo, monospace;
font-size: 13px;
line-height: 1.5;
color: var(–text-color, #333333);
background-color: var(–content-bg, #f8f9fa);
border: 1px solid #e0e0e0;
border-radius: 8px;
box-sizing: border-box;
resize: vertical;
}

.wuzz-sitemap-actions {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
}

.wuzz-sitemap-btn-group {
display: flex;
gap: 8px;
}

.wuzz-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 9px 18px;
font-size: 14px;
font-weight: 600;
border-radius: 6px;
border: none;
cursor: pointer;
transition: all 0.2s ease;
}

.wuzz-btn-primary {
background-color: #743FDE;
color: #ffffff !important;
}

.wuzz-btn-primary:hover {
background-color: #5b2eba;
}

.wuzz-btn-secondary {
background-color: transparent;
border: 1px solid #ccc;
color: var(–text-color, #444444);
}

.wuzz-btn-secondary:hover {
background-color: rgba(0, 0, 0, 0.05);
}

.wuzz-sitemap-footer {
font-size: 12px;
opacity: 0.8;
}

/* Penyesuaian Dark Mode Tema Wuzz */
.dark-mode .wuzz-sitemap-info,
[data-theme=’dark’] .wuzz-sitemap-info {
background-color: rgba(116, 63, 222, 0.18);
border-left-color: #9d6eff;
}

.dark-mode .wuzz-sitemap-input,
.dark-mode .wuzz-sitemap-textarea,
[data-theme=’dark’] .wuzz-sitemap-input,
[data-theme=’dark’] .wuzz-sitemap-textarea {
background-color: rgba(255, 255, 255, 0.05);
border-color: #444444;
color: #f1f1f1;
}

.dark-mode .wuzz-sitemap-input:focus,
[data-theme=’dark’] .wuzz-sitemap-input:focus {
border-color: #9d6eff;
box-shadow: 0 0 0 3px rgba(157, 110, 255, 0.2);
}

.dark-mode .wuzz-btn-secondary,
[data-theme=’dark’] .wuzz-btn-secondary {
border-color: #555555;
color: #e0e0e0;
}

.dark-mode .wuzz-btn-secondary:hover,
[data-theme=’dark’] .wuzz-btn-secondary:hover {
background-color: rgba(255, 255, 255, 0.1);
}

function generateSitemap() {
var urlInput = document.getElementById(“wuzzBlogUrl”).value.trim();
var resultBox = document.getElementById(“wuzzSitemapResult”);

if (!urlInput) {
alert(“Silakan masukkan URL blog Anda terlebih dahulu!”);
return;
}

// Normalisasi URL
urlInput = urlInput.replace(/^https?:///i, ”); // Hapus http/https jika diketik manual
urlInput = urlInput.replace(//+$/, ”); // Hapus slash di akhir URL jika ada

var fullDomain = “https://” + urlInput;

// Format Sitemap XML standar Blogger (sampai 1500 artikel)
var sitemapCode = “User-agent: *n”;
sitemapCode += “Disallow: /searchn”;
sitemapCode += “Allow: /nn”;
sitemapCode += “Sitemap: ” + fullDomain + “/atom.xml?redirect=false&start-index=1&max-results=500n”;
sitemapCode += “Sitemap: ” + fullDomain + “/atom.xml?redirect=false&start-index=501&max-results=500n”;
sitemapCode += “Sitemap: ” + fullDomain + “/atom.xml?redirect=false&start-index=1001&max-results=500”;

resultBox.value = sitemapCode;
}

function clearSitemap() {
document.getElementById(“wuzzBlogUrl”).value = “”;
document.getElementById(“wuzzSitemapResult”).value = “”;
document.getElementById(“wuzzBlogUrl”).focus();
}

function copySitemapResult() {
var resultBox = document.getElementById(“wuzzSitemapResult”);
if (!resultBox.value) {
alert(“Belum ada kode sitemap yang dihasilkan!”);
return;
}

resultBox.select();
resultBox.setSelectionRange(0, 99999);

navigator.clipboard.writeText(resultBox.value).then(function() {
alert(“Kode XML Sitemap berhasil disalin!”);
}).catch(function() {
document.execCommand(“copy”);
alert(“Kode XML Sitemap berhasil disalin!”);
});
}