Ai Tool Website Script for Blogger 2026

इस तरह दिखने वाला Ai Tools Website को आप बड़े आसानी से बना सकते हैं इस साईट को बनाने के लिए आपको काफी सारे कोड्स लिखने की जरुरत नही हैं अगर आप हमारे बनाये स्क्रिप्ट को अपने साईट में इस्तेमाल करेंगे इस साईट के स्क्रिप्ट को इतना आसान बनाया गया है की आप पलक झपकते ही अपना साईट बना सकते हैं सिर्फ आपको कॉपी पेस्ट करना है ..

इस साईट पर आपको कई सारे आपके और पब्लिक के काम के टूल्स फ्री में उपलब्ध होंगे जिससे आपकी साईट को ज्यादा से ज्यादा लोग इस्तेमाल कर सके जितना ज्यादा आपकी साईट पर ट्रैफिक आएगा उतना आपकी साईट रैंक करेगी ..

मोनेटाइज करना -

अगर आप अपनी वेबसाइट को मोनेटाइज करना चाहते हैं तो आपको Google Adsense या अन्य विकल्प जैसे Adseterra का इस्तेमाल कर सकते हैं Adsterra से आप अपनी साईट को पहले दिन से मोनेटाइज कर सकते है .

कोड को इस्तेमाल करना -

सबसे पहले अपने ब्लॉग को ब्लॉगर डॉट कॉम पर क्रिएट करें फिर उसके थीम में जाने के बाद HTML पर स्विच करे और इस कोड को कॉपी करके वहां लिखे कोड से बदल दें या फिर नीचे डाउनलोड थीम बटन से HTML फाइल डाउनलोड करके ब्लॉगर थीम आप्शन में जाकर एरो पर क्लिक करके रिस्टोर करके अपलोड कर दें...

<!DOCTYPE html>
<html lang="hi">
<head>
  <meta charset="UTF-8" />
  ...
</head>
<body>
  <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>11Toolss - Easy fast and Secure</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<style>
*{margin:0;padding:0;box-sizing:border-box;font-family:"Segoe UI",sans-serif}

/* BODY */
body{
    background:radial-gradient(circle at top,#7f7fd5,#86a8e7,#91eae4);
    overflow-x:hidden;
}

/* HEADER */
header{
    height:60px;
    background:linear-gradient(90deg,#0f2027,#203a43,#2c5364);
    color:#fff;
    display:flex;
    align-items:center;
    padding:0 20px;
    gap:15px;
    position:fixed;
    top:0;
    width:100%;
    z-index:1000;
}
.menu-btn{font-size:26px;cursor:pointer}
header span{font-size:20px;font-weight:600}

/* LAYOUT */
.wrapper{display:flex;margin-top:60px}

/* SIDEBAR */
.sidebar{
    width:270px;
    background:rgba(15,15,35,0.95);
    color:#fff;
    transition:.3s;
}
.sidebar.hide{width:0;overflow:hidden}
.sidebar h3{
    padding:18px;
    text-align:center;
    background:linear-gradient(90deg,#ff512f,#dd2476);
}
.sidebar ul{list-style:none}
.sidebar ul li{
    padding:14px 18px;
    border-bottom:1px solid rgba(255,255,255,.1);
    cursor:pointer;
}
.sidebar ul li:hover{
    background:linear-gradient(90deg,#36d1dc,#5b86e5);
}

/* CONTENT */
.content{flex:1;background:#fff;min-height:100vh}
iframe{
    width:100%;
    height:calc(100vh - 60px);
    border:none;
    display:none;
}

/* HOME SECTION */
.home{
    padding:80px 40px;
    color:#111;
    background:
      radial-gradient(circle at 20% 20%,rgba(255,255,255,.6),transparent 40%),
      radial-gradient(circle at 80% 10%,rgba(255,255,255,.5),transparent 40%);
}

/* BIG HERO */
.hero{
    text-align:center;
    padding:80px 20px;
}
.hero h1{
    font-size:60px;
    font-weight:800;
    background:linear-gradient(90deg,#ff512f,#5b86e5);
    -webkit-background-clip:text;
    color:transparent;
}
.hero p{
    font-size:20px;
    margin-top:20px;
    animation:floatText 6s infinite alternate;
}
@keyframes floatText{
    from{letter-spacing:1px}
    to{letter-spacing:4px}
}

/* FLOATING DOTS */
.dots span{
    position:absolute;
    width:10px;
    height:10px;
    background:#fff;
    border-radius:50%;
    opacity:.4;
    animation:move 10s linear infinite;
}
@keyframes move{
    from{transform:translateY(0)}
    to{transform:translateY(-800px)}
}

/* FEATURE SECTIONS */
.section{
    margin-top:120px;
}
.section h2{
    font-size:42px;
    margin-bottom:30px;
}
.cards{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:25px;
}
.card{
    padding:30px;
    border-radius:18px;
    background:linear-gradient(135deg,#ffffff,#f1f1f1);
    box-shadow:0 20px 40px rgba(0,0,0,.15);
    font-size:18px;
}
.card span{font-size:40px}

/* FOOTER */
footer{
    background:#0f2027;
    color:#ccc;
    text-align:center;
    padding:20px;
    font-size:14px;
}
</style>
<link rel="me" href="https://www.blogger.com/profile/01827953619378929329" />
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>
</head>

<body>

<header>
  <div class="menu-btn" onclick="toggleMenu()">☰</div>
  <span>11Toolss - Easy fast and Secure</span>
</header>

<div class="wrapper">

<!-- SIDEBAR -->
<div class="sidebar" id="sidebar">
<h3>🛠 AI Tools</h3>
<ul>
<li onclick="openTool('https://xfilemaker.blogspot.com/2025/10/compress-pdf.html')">📄 PDF Size Compress</li>
<li onclick="openTool('https://xfilemaker.blogspot.com/2025/10/pdf-to-excel.html')">📊 PDF to Excel</li>
<li onclick="openTool('https://xfilemaker.blogspot.com/2025/10/pdf-to-word.html')">📝 PDF to Word</li>
<li onclick="openTool('https://krutidevtomangalconveter.blogspot.com/')">🔤 Unicode ⇄ Krutidev</li>
<li onclick="openTool('https://xfilemaker.blogspot.com/2025/10/image-size-reducer.html')">🖼 Image Reducer</li>
<li onclick="openTool('https://xfilemaker.blogspot.com/2025/10/1.html')">🎉 Festival Poster</li>
<li onclick="openTool('https://xfilemaker.blogspot.com/2025/10/chunav-postar-maker.html')">🗳 Chunav Poster</li>
<li onclick="openTool('https://xfilemaker.blogspot.com/2025/10/id-card-merger.html')">🆔 ID Card Merger</li>
</ul>
</div>

<!-- CONTENT -->
<div class="content">

<!-- HOME -->
<div class="home" id="home">

<div class="hero">
<h1>⚡ AI Powered Online Tools</h1>
<p>PDF • Image • Language • Poster • ID Tools — All in One Platform 🚀</p>
</div>

<div class="section">
<h2>📄 PDF Super Tools</h2>
<div class="cards">
<div class="card"><span>📉</span><br>Compress PDF without quality loss</div>
<div class="card"><span>📊</span><br>PDF to Excel in one click</div>
<div class="card"><span>📝</span><br>PDF to Word editable file</div>
</div>
</div>

<div class="section">
<h2>🖼 Image AI Tools</h2>
<div class="cards">
<div class="card"><span>⚡</span><br>Reduce image size instantly</div>
<div class="card"><span>🎨</span><br>Maintain HD quality</div>
</div>
</div>

<div class="section">
<h2>🔤 Language Converter</h2>
<div class="cards">
<div class="card"><span>🔄</span><br>Unicode ⇄ Krutidev</div>
<div class="card"><span>🧠</span><br>Typing friendly AI engine</div>
</div>
</div>

<div class="section">
<h2>🎉 Creative Tools</h2>
<div class="cards">
<div class="card"><span>🗳</span><br>Chunav Poster Maker</div>
<div class="card"><span>🆔</span><br>ID Card Merger Tool</div>
</div>
</div>

</div>

<iframe id="toolFrame"></iframe>
</div>
</div>

<footer>
© 2026 11Toolss • AI Powered Tools Platform
</footer>

<script>
function openTool(url){
  document.getElementById("home").style.display="none";
  const frame=document.getElementById("toolFrame");
  frame.style.display="block";
  frame.src=url;
}
function toggleMenu(){
  document.getElementById("sidebar").classList.toggle("hide");
}
</script>

</body>
</html>

</body>
</html>

Download Script File

आपका साईट एक दम तैयार आप इसको मोनेटाइज करने के लिए और फुल सेटअप के लिए इस विडियो को देख सकते हैं ..

Live Jankaari

Ticker

Ai Tool Website Script for Blogger 2026

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

0 टिप्पणियाँ

Subscribe Us

Facebook

Popular Posts

Full Screen Timer App | Full Screen Stopwatch

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

YouTube Course Free

अपना खुद का Ai Photo kaise banaye Kapil Bhai | Ai Photo Editing Prompt Kapil Bhai Nano Banana

Nrega MMS App Download || Nrega MMS Apk Download || NMMS App 3.1.3 Apk Download

Category

Subscribe Us

Footer Menu Widget

Live Jankaari

Ticker

Ai Tool Website Script for Blogger 2026

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

0 टिप्पणियाँ

Social Plugin

Subscribe Us

Facebook

Popular Posts

Full Screen Timer App | Full Screen Stopwatch

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

YouTube Course Free

अपना खुद का Ai Photo kaise banaye Kapil Bhai | Ai Photo Editing Prompt Kapil Bhai Nano Banana

Nrega MMS App Download || Nrega MMS Apk Download || NMMS App 3.1.3 Apk Download

Category

Subscribe Us

Footer Menu Widget