Free Custom Robots.Txt Generator For Blogger

#outputArea {
    margin-top: 20px;
}

textarea {
    width: 100%;
    height: 200px;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    resize: none;
}

button {
    padding: 10px 20px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

button:hover {
    background-color: #45a049;
}

</style>
<div class="container">
        <h1>Blogger Robots.txt Generator</h1>
        <input type="text" id="urlInput" placeholder="Enter URL...">
        <button onclick="generateRobotsTxt()">Generate Robots.txt</button>
        <div id="outputArea"></div>
    </div>

if (isValidUrl) {
const robotsTxt = `
User-agent: * 
Disallow: /search
Disallow: /category
Disallow: /tag
Allow: /
Sitemap: ${urlInput}/sitemap.xml
Sitemap: ${urlInput}/sitemap-pages.xml`;
        
        const outputArea = document.getElementById("outputArea");
        outputArea.innerHTML = `<textarea readonly>${robotsTxt}<\/textarea>
                                <button onclick="copyToClipboard()">Copy to Clipboard</button>`;
    } else {
        alert("Please enter a valid URL.");
    }
}

function validateUrl(url) {
     return url.startsWith("http://") || url.startsWith("https://");
}

function copyToClipboard() {
    const textarea = document.querySelector("textarea");
    textarea.select();
    document.execCommand("copy");
    alert("Copied to clipboard!");
}

</script>

Free Custom Robots.Txt Generator For Blogger

You may like these posts :

Write Your Comment