Telegram Tap Tap Mining Bot Create | Telegram Mini Mining Bot Create | Mining Bot Create


 Telegram Tap Tap Mining Bot Create | Telegram Mini Mining Bot Create | Mining Bot Create



🚀 আজকের ভিডিওতে শিখে নিন কিভাবে নিজেই বানিয়ে ফেলবেন Telegram Tap Tap Mining Bot বা Telegram Mini Mining Bot।


এই বটের মাধ্যমে আপনি তৈরি করতে পারবেন একটি সহজ মাইনিং সিস্টেম, যেখানে ইউজাররা টেলিগ্রামে ট্যাপ করে কয়েন বা পয়েন্ট সংগ্রহ করতে পারবে।


▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

নিচের ফুল কোড টা কপি করতে হবে না হলে কাজ হবে না 


<!DOCTYPE html>


<html lang="en">


<head>


<meta charset="UTF-8">


<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">


<title>Tap Boost</title>


<link rel="preconnect" href="https://fonts.googleapis.com">


<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>


<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">


<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">


<script src="https://telegram.org/js/telegram-web-app.js"></script>


<style>


:root {


--font-main: 'Poppins', sans-serif;


--bg-color: #0d0a1f;


--primary-glow: #00f2ff;


--secondary-glow: #ff00f2;


--text-color: #e0e0e0;


--text-secondary: #a0a0a0;


--card-bg: rgba(23,19,44,0.8);


--border-color: rgba(0,242,255,0.2);


--border-radius:16px;


--transition: all 0.3s ease;


}


* {margin:0;padding:0;box-sizing:border-box;font-family:var(--font-main);}


html,body{height:100%;overflow:hidden;}


body{


background:linear-gradient(135deg,#0d0a1f,#1f0a2e,#0d0a1f);


background-size:400% 400%;


animation:gradientBG 15s ease infinite;


color:var(--text-color);


display:flex;


justify-content:center;


align-items:center;


-webkit-tap-highlight-color:transparent;


}


@keyframes gradientBG{


0%{background-position:0% 50%;}


50%{background-position:100% 50%;}


100%{background-position:0% 50%;}


}


.app-container{


width:100%;


max-width:480px;


height:100%;


display:flex;


flex-direction:column;


position:relative;


overflow:hidden;


backdrop-filter:blur(10px);


background:rgba(13,10,31,0.5);


}


/* Top Bar */


.top-bar{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;}


.user-profile{display:flex;align-items:center;gap:10px;}


.user-profile img{width:40px;height:40px;border-radius:50%;border:2px solid var(--primary-glow);}


.user-profile span{font-weight:600;}


.points-container{text-align:center;padding:10px 20px;}


.points-balance{font-size:2.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;text-shadow:0 0 15px var(--primary-glow);}


.points-balance img{width:35px;height:35px;}


/* Tapper Zone */


.tapper-zone{flex-grow:1;display:flex;justify-content:center;align-items:center;position:relative;}


.tapper-object{width:250px;height:250px;cursor:pointer;position:relative;transition:transform 0.1s ease-out;}


.tapper-object:active{transform:scale(0.95);}


#crystal-svg{width:100%;height:100%;filter:drop-shadow(0 0 20px var(--primary-glow));animation:float 6s ease-in-out infinite;}


@keyframes float{0%{transform:translateY(0px);}50%{transform:translateY(-20px);}100%{transform:translateY(0px);}}


.floating-text{position:absolute;font-size:1.8rem;font-weight:600;color:var(--primary-glow);user-select:none;pointer-events:none;opacity:1;animation:floatUp 1.5s ease-out forwards;text-shadow:0 0 10px var(--primary-glow);}


@keyframes floatUp{to{transform:translateY(-100px);opacity:0;}}


/* Bottom Bar */


.bottom-bar{padding:15px 20px;}


.energy-bar-container{width:100%;background:rgba(0,0,0,0.3);border-radius:10px;height:15px;border:1px solid var(--border-color);margin-bottom:15px;overflow:hidden;}


.energy-bar-fill{height:100%;background:linear-gradient(90deg,var(--secondary-glow),var(--primary-glow));border-radius:10px;transition:width 0.5s ease;}


.energy-info{display:flex;justify-content:space-between;font-size:0.8rem;color:var(--text-secondary);}


.bottom-nav{display:flex;justify-content:space-around;align-items:center;background:var(--card-bg);border-radius:var(--border-radius);padding:10px 0;margin-top:10px;border:1px solid var(--border-color);}


.nav-item{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--text-secondary);font-size:0.7rem;cursor:pointer;transition:var(--transition);}


.nav-item:hover{color:var(--primary-glow);transform:translateY(-5px);}


.nav-item i{font-size:1.5rem;}


/* Modal */


.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);backdrop-filter:blur(5px);z-index:100;display:flex;justify-content:center;align-items:flex-end;opacity:0;pointer-events:none;transition:opacity 0.3s ease;}


.modal-overlay.show{opacity:1;pointer-events:all;}


.modal-content{background:var(--bg-color);width:100%;padding:20px;border-radius:var(--border-radius) var(--border-radius) 0 0;border-top:2px solid var(--primary-glow);transform:translateY(100%);transition:transform 0.4s cubic-bezier(0.25,0.8,0.25,1);}


.modal-overlay.show .modal-content{transform:translateY(0);}


.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}


.modal-title{font-size:1.5rem;font-weight:600;color:#fff;}


.close-modal-btn{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;}


.boost-list,.task-list,.referral-content,.wallet-content{display:flex;flex-direction:column;gap:15px;}


.boost-item,.task-item,.referral-item,.wallet-info{background:var(--card-bg);padding:15px;border-radius:10px;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;}


.boost-info,.task-info{display:flex;align-items:center;gap:15px;}


.boost-icon,.task-info i{font-size:1.5rem;color:var(--primary-glow);}


.boost-details h4,.task-details h4{font-size:1rem;color:#fff;}


.boost-details p,.task-details p{font-size:0.8rem;color:var(--text-secondary);}


.buy-boost-btn,.task-btn,.copy-btn,.share-btn,.wallet-withdraw-btn{padding:10px 15px;border-radius:8px;font-weight:600;cursor:pointer;border:none;transition:var(--transition);}


.buy-boost-btn{background:linear-gradient(90deg,var(--secondary-glow),var(--primary-glow));color:#0d0a1f;}


.buy-boost-btn:hover{transform:scale(1.05);}


.task-btn{background:var(--primary-glow);color:#0d0a1f;}


.copy-btn{background:var(--primary-glow);color:#0d0a1f;margin-left:10px;}


.share-btn{background:var(--secondary-glow);color:#0d0a1f;margin-left:10px;}


.wallet-withdraw-btn{background:#555;color:var(--text-color);width:100%;margin-top:15px;}


</style>


</head>


...


  <!-- Monetag SDK -->


  <script src="//libtl.com/sdk.js" data-zone="9883294" data-sdk="show_9883294"></script>


</head>


<body>


<div class="app-container">


  <!-- Top Bar -->


  <div class="top-bar">


    <div class="user-profile">


      <img src="https://cdn.pixabay.com/photo/2015/10/05/22/37/blank-profile-picture-973460_960_720.png" alt="User">


      <span class="profile-name" id="profileNameDisplay">User</span>


    </div>


    <div class="points-container">


      <div class="points-balance"><img src="https://i.ibb.co/mC5JySBC/file-00000000b9e86246a169caaa3d00d70b.png"> <span id="points">0</span></div>


    </div>


  </div>




  <!-- Tapper Zone -->


  <div class="tapper-zone">


    <div class="tapper-object" id="tapper">


      <img id="crystal-svg" src="https://i.ibb.co/mC5JySBC/file-00000000b9e86246a169caaa3d00d70b.png" alt="Crystal">


    </div>


  </div>




  <!-- Bottom Bar -->


  <div class="bottom-bar">


    <div class="energy-bar-container">


      <div class="energy-bar-fill" id="energyBar" style="width: 100%;"></div>


    </div>


    <div class="energy-info"><span>Energy</span><span id="energyValue">100%</span></div>


    <div class="bottom-nav">


      <div class="nav-item" onclick="openModal('boostModal')"><i class="fas fa-bolt"></i><span>Boosts</span></div>


      <div class="nav-item" onclick="openModal('tasksModal')"><i class="fas fa-tasks"></i><span>Tasks</span></div>


      <div class="nav-item" onclick="openModal('referralModal')"><i class="fas fa-user-friends"></i><span>Referral</span></div>


      <div class="nav-item" onclick="openModal('walletModal')"><i class="fas fa-wallet"></i><span>Wallet</span></div>


    </div>


  </div>


</div>




<!-- Modals -->




<!-- Boosts Modal -->


<div class="modal-overlay" id="boostModal">


  <div class="modal-content">


    <div class="modal-header"><h2 class="modal-title">Boosts</h2><button class="close-modal-btn" onclick="closeModal('boostModal')">&times;</button></div>


    <div class="boost-list">


      <div class="boost-item">


        <div class="boost-info"><i class="fas fa-ad boost-icon"></i><div class="boost-details"><h4>Watch Ads</h4><p>Watch 4 ads to refill TapTap energy</p></div></div>


        <button class="buy-boost-btn" onclick="watchAd()">Watch</button>


      </div>


      <div class="boost-item">


    


    <button class="buy-boost-btn" onclick="buyTapTap()">Buy</button>


      </div>


    </div>


    <div id="monetagAdBoost" style="margin-top:20px;text-align:center;"></div>


  </div>


</div>




<!-- Tasks Modal -->


<div class="modal-overlay" id="tasksModal">


  <div class="modal-content">


    <div class="modal-header">


      <h2 class="modal-title">Tasks</h2>


      <button class="close-modal-btn" onclick="closeModal('tasksModal')">&times;</button>


    </div>


    <div class="task-list">


      <div class="task-item"><div class="task-info"><i >Watch</a></button></div>


      <div class="task-item"><div class="task-info"><i class="fas fa-link"></i><div class="task-details"><h4>Visit Website</h4><p>+50 points</p></div></div><button class="task-btn"><a href="https://techbyjuned.blogspot.com/?m=1" target="_blank" onclick="completeTask('website')">Watch</a></button></div>


      <div class="task-item"><div class="task-info"><i class="fas fa-link"></i><div class="task-details"><h4>Watch YouTube Video</h4><p>+50 points</p></div></div><button class="task-btn"><a href="https://youtu.be/8ZwiJlbN5ZM" target="_blank" onclick="completeTask('youtube')">Watch</a></button></div>


      <div class="task-item"><div class="task-info"><i class="fas fa-link"></i><div class="task-details"><h4>Subscribe YouTube Channel</h4><p>+50 points</p></div></div><button class="task-btn"><a href="https://youtube.com/@techbyjuned?si=iLR7gN23P3JSz4su" target="_blank" onclick="completeTask('ytchannel')">Watch</a></button></div>


    </div>


    <div id="monetagAdTasks" style="margin-top:20px;text-align:center;"></div>


  </div>


</div>




<!-- Referral Modal -->


<div class="modal-overlay" id="referralModal">


  <div class="modal-content">


    <div class="mvhbj(7)


    <div class="referral-content">


      <p>Share your referral link and earn 5 points per friend!</p>


      <div class="referral-link-container">


        <span class="referral-link" id="referralLink">https://t.me/TaskPayBot?start=12345</span>


        <button class="copy-btn" onclick="copyReferral()">Copy</button>


        <button class="share-btn" onclick="shareReferral()">Share</button>


      </div>


    </div>


    <div id="monetagAdReferral" style="margin-top:20px;text-align:center;"></div>


  </div>


</div>




<!-- Wallet Modal -->


<div class="modal-overlay" id="walletModal">


  <div class="modal-content">


    <div class="modal-header"><h2 class="modal-title">Wallet</h2><button class="close-modal-btn" onclick="closeModal('walletModal')">&times;</button></div>


    <div class="wallet-content">


      <div class="wallet-info"><h4>Points Balance</h4><p id="walletPoints">0</p></div>


      <div style="margin-top:15px;">


        <label>Select Method:</label>


        <select id="withdrawMethod" style="width:100%;padding:8px;border-radius:5px;margin-top:5px;">


          <option value="bkash">bKash</option>


          <option value="nagad">Nagad</option>


          <option value="binance">Binance</option>


          <option value="bitcoin">Bitcoin</option>


        </select>


      </div>


      <div style="margin-top:15px;">


        <label>Amount to Withdraw:</label>


        <input type="number" id="withdrawAmount" style="width:100%;padding:8px;border-radius:5px;margin-top:5px;" placeholder="Enter points to withdraw">


      </div>


      <button class="wallet-withdraw-btn" onclick="withdrawPoints()">Withdraw</button>


    </div>


    <div id="monetagAdWallet" style="margin-top:20px;text-align:center;"></div>


  </div>


</div>




<script>


// Variables


let points = 0;


let energy = 100;


let tapLimit = 20; // Maximum taps before ads needed


let tapsUsed = 0;


const tapper = document.getElementById('tapper');


const pointsDisplay = document.getElementById('points');


const energyBar = document.getElementById('energyBar');


const energyValue = document.getElementById('energyValue');


const walletPoints = document.getElementById('walletPoints');




// Tap Event


tapper.addEventListener('click', () => {


  if(energy > 0 && tapsUsed < tapLimit){


    points += 1;


    energy -= 1;


    tapsUsed += 1;


    updateUI();


    showFloatingText("+1");


  } else if(tapsUsed >= tapLimit){


    alert("Tap limit reached! Watch 4 ads to refill.");


  }


});




// Update UI


function updateUI(){


  pointsDisplay.innerText = points;


  walletPoints.innerText = points;


  energyBar.style.width = energy + "%";


  energyValue.innerText = energy + "%";


}




// Floating Text


function showFloatingText(text){


  const floatText = document.createElement('div');


  floatText.classList.add('floating-text');


  floatText.innerText = text;


  tapper.appendChild(floatText);


  setTimeout(() => { floatText.remove(); }, 1500);


}




// Modals


function openModal(id){


    document.getElementById(id).classList.add('show');


    // ");


    if(id === "walletModal") showMonetagAd("monetagAdWallet");


}


function closeModal(id){document.getElementById(id).classList.remove('show');}




// Referral


function copyReferral(){


  navigator.clipboard.writeText(document.getElementById('referralLink').innerText);


  alert("Referral link copied!");


}


function shareReferral(){


   text:'Join via my referral link', url:link});


  } else {


    alert("Your browser does not support sharing.");


  }


}




// Complete Task


function completeTask(type){


  if(['group','website','youtube','ytchannel'].includes(type)){


    points += 50;


    updateUI();


    alert("Task Completed! +50 points");


  }


}




// Boosts


 >= 4){


    energy = 100;


    tapsUsed = 0;


    updateUI();


    adsWatched = 0;


    alert("Energy refilled! You can TapTap again.");


  }


}




    energy = 100;


    tapsUsed = 0;


    updateUI();


    alert("TapTap purchased! Energy refilled.");


  } else alert("Not enough points to buy TapTap.");


}




// Withdraw


function withdrawPoints(){


  const method = document.getElementById('withdrawMethod').value;


  const amount = parseInt(document.getElementById('withdrawAmount').value);


  if(amount > 0 && amount <= points){


    points -= amount;


    updateUI();


    lse alert("Invalid amount.");


}




// Monetag Dynamic Ads


function showMonetagAd(containerId){


  const container = document.getElementById(containerId);


  container.innerHTML = ""; // Remove old script


  const script = document.createElement("script");


  script.src = "//libtl.com/sdk.js";


  script.dataset.zone = "9883294";


  script.dataset.sdk = "show_9883294";


  container.appendChild(script);


}


</script>


<script>


// ✅ Auto Ad Show Function


function showAutoAd(){


  if (typeof Monetag !== "undefined" && Monetag.show) {


    Monetag.show("9883294"); // এখানে আপনার Zone ID


  } else {


    console.log("Monetag SDK not loaded yet");


  }


}




// ✅ Tap এড লজিক


tapper.addEventListener('click', () => {


  if(energy > 0 && tapsUsed < tapLimit){


    points += 1;


    energy -= 1;


    tapsUsed += 1;


    


}


</script>


</body>


</html>

Post a Comment

Previous Post Next Post