URL Shortener Tool Script

0

URL Shortener Tool Script

 URL Shortener Tool Script Free To Download

100% Free To Download This Script.


100% Free With “Resell Rights”.


Sell These Tools As Per Your Need Or Offer Free To Anyone Give A Giveaway Also.


About: Free Tools.


License: Rana Bilal Rights


Use On This Website Any Script Or Any Products You Will Download 100% Free To Use.


How To Use This Script

Use This Script WordPress Or Blogger Anyone You Choose Use This Script And Publish Your Online Tool And Make Passive Income.


 Login To Your WordPress Or Blogger Dashboard.

Copy This Code Or Download It.

 Add A Post Or Page.

Add HTML Widget.

 Paste This Code And Publish.

 After Seeing The Result, Magic.. 

Demo


Script Code

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Simple URL Shortener (Client-side)</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            background-color: #f9f9f9;
        }

        #container {
            text-align: center;
            background-color: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

        label {
            margin-bottom: 10px;
            display: block;
        }

        input {
            padding: 8px;
            margin-bottom: 15px;
            width: 100%;
            box-sizing: border-box;
        }

        #shortenButton {
            padding: 10px;
            background-color: #e44d26;
            color: white;
            border: none;
            cursor: pointer;
            width: 100%;
        }

        #shortURL {
            margin-top: 20px;
            font-weight: bold;
            color: #3498db;
        }
    </style>
</head>
<body>
    <div id="container">
        <h2>Simple URL Shortener (Client-side)</h2>
        <label for="originalURL">Enter URL to Shorten:</label>
        <input type="text" id="originalURL" placeholder="Enter URL">

        <button onclick="shortenURL()" id="shortenButton">Shorten URL</button>

        <p id="shortURL"></p>
        <small>Note: This is a client-side demonstration and lacks actual URL shortening functionality.</small>
    </div>

    <script>
        function shortenURL() {
            var originalURL = document.getElementById("originalURL").value;
            // Displaying a placeholder short URL for demonstration purposes.
            document.getElementById("shortURL").textContent = "Shortened URL: example.com/" + Math.random().toString(36).substring(7);
        }
    </script>
</body>
</html>

Post a Comment

0 Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.
Post a Comment (0)

#buttons=(Accept !) #days=(20)

Our website uses cookies to enhance your experience. Learn More
Accept !
To Top