Image Size Reducer Website Scripts

दोस्तों आज हम आपको अपने KPTOOL जैसा इमेज साइज़ Reducer वेबसाइट बनाने का स्क्रिप्ट देने वाला हूँ आप इसे ब्लॉगर पर अपने ब्लॉग में लगाकर काफी अच्छे पैसे कमा सकते हैं क्योंकि यह बहुत लोगों के लिए उपयोगी साईट बन जाएगी और आप इसे पहले दिन से मोनेटाइज भी कर सकते हैं. आपको बता दें यहं पर आप ऐसे ही और भी स्क्रिप्ट इस्तेमाल कर सकते हो जोकि सभी फ्री हैं आपको हम अपने कपिल भाई youtube चैनल पर फ्री में ब्लॉगर का इस्तेमाल करके फ्री वेबसाइट बनाकर पहले दिन से पैसे कैसे कमा सकते हैं ये सब बताते हैं.

स्क्रिप्ट को डाउनलोड करना काफी सरल बनाया है आप निचे स्क्रिप्ट को देख सकते हैं और निचे कॉपी बटन से एक बार में कॉपी कर सकते हैं अगर कोई समस्या आती है तो आप हमारे लिए कमेन्ट जरुर करे.

<!DOCTYPE html>
<html lang="hi">
<head>
  <meta charset="UTF-8" />
  ...
</head>
<body>
  <!DOCTYPE html>
<html lang="hi">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Image Reducer Tool</title>
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet" />
  <style>
    body {
      font-family: 'Roboto', sans-serif;
      margin: 0;
      background: #e8ecf0;
      color: #333;
      padding-bottom: 150px; /* space for fixed footer */
    }
    header {
      background-color: #fff;
      text-align: center;
      padding: 10px;
      box-shadow: 0 1px 5px rgba(0,0,0,0.1);
    }
    .app-name {
      font-size: 24px;
      font-weight: bold;
      color: #4e73df;
    }
    #userName {
      font-size: 20px;
      font-weight: bold;
      color: #333;
      margin-top: 5px;
    }
    .container {
      max-width: 950px;
      margin: 20px auto;
      background: #fff;
      padding: 30px;
      border-radius: 12px;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    }
    h1 {
      text-align: center;
      color: #007bff;
      margin-bottom: 30px;
    }
    h2 {
      color: #fff;
      background: #222;
      padding: 10px 15px;
      border-radius: 6px;
      font-size: 20px;
      font-weight: bold;
      margin-top: 30px;
    }
    label {
      font-weight: bold;
      display: block;
      margin-top: 10px;
    }
    input[type="file"], input[type="number"], input[type="text"] {
      width: 100%;
      padding: 10px;
      margin: 5px 0 15px 0;
      border-radius: 6px;
      border: 1px solid #ccc;
    }
    .controls {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }
    button {
      flex: 1;
      min-width: 150px;
      background: #007bff;
      color: white;
      border: none;
      padding: 10px;
      border-radius: 6px;
      font-weight: bold;
      cursor: pointer;
    }
    button:hover {
      background: #0056b3;
    }
    .preview {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 10px;
    }
    .preview img {
      width: 100px;
      height: auto;
      border-radius: 6px;
      border: 1px solid #ccc;
    }
    .banner-ad {
      width: 100%;
      height: 90px;
      background: #dcdcdc;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #555;
      margin: 30px 0;
      font-weight: bold;
    }
    footer {
      position: fixed;
      bottom: 0;
      width: 100%;
      background: #fff;
      text-align: center;
      padding: 10px 0;
      box-shadow: 0 -1px 5px rgba(0,0,0,0.15);
      z-index: 999;
    }
    .social-icons {
      display: flex;
      justify-content: center;
      gap: 20px;
      margin: 15px 0;
    }
    .social-icons img {
      width: 36px;
      height: 36px;
    }
    .powered-by {
      font-size: 13px;
      color: #555;
    }
    .help-section {
      text-align: center;
      margin: 30px auto;
    }
    .help-section h3 {
      font-size: 20px;
      margin-bottom: 10px;
      color: #007bff;
    }
    iframe {
      width: 90%;
      max-width: 600px;
      height: 315px;
      border-radius: 12px;
      border: none;
    }
  </style>
</head>
<body>

  <!-- Header -->
  <header>
    <div class="app-name">FlyCreator</div>
    <div id="userName">Welcome</div>
  </header>

  <div class="container">
    <h1>🖼️ Image Size Reducer Tool</h1>

    <h2>🖼️ Single Image Compressor</h2>
    <label>Upload Image</label>
    <input type="file" id="singleImage" accept="image/*">
    <label>Size (in KB)</label>
    <input type="number" id="singleTarget" placeholder="Target Size in KB" value="100">
    <label>Rename Image</label>
    <input type="text" id="renameImage" placeholder="Rename image file" value="compressed-image">
    <div class="controls">
      <button onclick="compressSingleImage()">Compress & Download</button>
    </div>
    <div id="originalSize"></div>
    <div class="preview" id="singlePreview"></div>

    <div class="banner-ad">Ad Banner Placeholder (728x90)</div>

    <h2>📁 Multiple Image Compressor</h2>
    <label>Upload Images</label>
    <input type="file" id="multiImage" accept="image/*" multiple>
    <label>Size (in KB)</label>
    <input type="number" id="targetSize" placeholder="Target Size in KB (e.g. 100)" value="100">
    <div class="controls">
      <button onclick="compressMultipleImages()">Compress All</button>
      <button onclick="showAdBeforeDownload()">Download ZIP</button>
    </div>
    <div class="preview" id="multiPreview"></div>

    <!-- Help Video Section -->
    <div class="help-section">
      <h3>Help Video (कैसे करें)</h3>
         <div class="video-grid">
      <iframe src="https://www.youtube.com/embed/VZaVr9r6smo" allowfullscreen></iframe>
    </div>
  </div></div>

  <div class="footer-note">
   <center> Privacy Policy, Disclaimer & Terms का पालन करते हुए यह प्लेटफॉर्म केवल एजुकेशन और सीखने के लिए बनाया गया है।</center>
  </div>
    
  <div class="social-icons">
    <a href="https://www.facebook.com/share/16t8wNxuiS/?mibextid=qi2Omg" target="_blank"><img src="https://img.icons8.com/color/48/facebook-new.png"/></a>
    <a href="https://instagram.com/kapilsingh2121" target="_blank"><img src="https://img.icons8.com/color/48/instagram-new.png"/></a>
    <a href="https://youtube.com/@kapilbhaiofficial?si=I6xzBIDcMl8ds8QM" target="_blank"><img src="https://img.icons8.com/color/48/youtube-play.png"/></a>
    <a href="https://x.com/KapilBhaioffici?t=hVoX81J1ju-ee3kTuPVmIQ&s=09" target="_blank"><img src="https://img.icons8.com/color/48/twitterx.png"/></a>
    <a href="https://t.me/kapil_bhai" target="_blank"><img src="https://img.icons8.com/color/48/telegram-app.png"/></a>
  </div>

  <!-- Footer -->

  
  <center><b>Powered by : Kapil Bhai</b></center>
  <footer>
    <a href="https://gamereserchfind.blogspot.com/">🏠 Home</a> |
   <a href="https://mycoursepagee.blogspot.com/"> 🎓 My Course</a> |
    <button>💬 Live Chat</button>

    <div class="powered-by">Powered by : Kapil Bhai</div>
  </footer>

  <!-- JavaScript remains same -->
  <!-- ...same <script> code here... -->
</body>
</html>

</body>
</html>

Live Jankaari

Ticker

Image Size Reducer Website Scripts - Kapil Bhai

एक टिप्पणी भेजें

0 टिप्पणियाँ

Subscribe Us

Facebook

Categories

Most Popular

Full Screen Timer App | Full Screen Stopwatch

7 तरीके (Free) - Views Kaise Badhaye 2022 | यूट्यूब पर व्यूज कैसे बढ़ाए

Most Recent

Labels

Popular Posts

Full Screen Timer App | Full Screen Stopwatch

7 तरीके (Free) - Views Kaise Badhaye 2022 | यूट्यूब पर व्यूज कैसे बढ़ाए

Footer Menu Widget

Live Jankaari

Ticker

Image Size Reducer Website Scripts - Kapil Bhai

एक टिप्पणी भेजें

0 टिप्पणियाँ

Social Plugin

Subscribe Us

Facebook

Categories

Most Popular

Full Screen Timer App | Full Screen Stopwatch

7 तरीके (Free) - Views Kaise Badhaye 2022 | यूट्यूब पर व्यूज कैसे बढ़ाए

Most Recent

Labels

Popular Posts

Full Screen Timer App | Full Screen Stopwatch

7 तरीके (Free) - Views Kaise Badhaye 2022 | यूट्यूब पर व्यूज कैसे बढ़ाए

Footer Menu Widget