Top & Best Instagram Influencers in Kotputli (2025)

body { font-family: Arial, sans-serif; margin: 20px; background: #f4f4f4; } h1, h2, h3 { color: #333; } h1 { text-align: center; margin-bottom: 20px; } #cardsContainer { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; } .card { background: white; border-radius: 10px; padding: 15px; width: 230px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); text-align: center; position: relative; transition: 0.3s; } .card img { width: 100%; border-radius: 10px; height: 200px; object-fit: cover; } .card h2 { margin: 10px 0 5px; font-size: 18px; color: #111; } .card p { font-size: 14px; color: #555; margin-bottom: 10px; } .highlight { border: 3px solid #E1306C; } .social-icons a { margin: 0 5px; color: #E1306C; font-size: 20px; text-decoration: none; } .btn { border: none; padding: 6px 12px; border-radius: 5px; cursor: pointer; margin-top: 5px; } .delete-btn { background: #aaa; color: white; } .edit-btn { background: #555; color: white; margin-left: 5px; } .owner-btn { background: #E1306C; color: white; } .add-form { margin: 20px auto; width: 320px; display: none; flex-direction: column; gap: 10px; } .add-form input, .add-form button { padding: 8px; border-radius: 6px; border: 1px solid #ccc; } .add-form button { background-color: #E1306C; color: white; border: none; cursor: pointer; font-weight: bold; } .faq-section { max-width: 800px; margin: 20px auto; font-size: 16px; line-height: 1.6; }

Find Top Instagram Influencers in Kotputli

Add New Influencer

Sunil Singh

Crazy Lifestyle | 10k Followers

Follow

const ownerKey = "Jagdish@8696"; let isEditing = false; let editingName = null; document.addEventListener("DOMContentLoaded", renderInfluencers); function toggleForm() { if (isEditing) { alert("Finish editing or cancel before adding a new influencer."); return; } const form = document.getElementById("addForm"); form.style.display = form.style.display === "flex" ? "none" : "flex"; } function addOrUpdateInfluencer() { const name = document.getElementById("name").value.trim(); const category = document.getElementById("category").value.trim(); const followersText = document.getElementById("followers").value.trim(); const instagram = document.getElementById("instagram").value.trim(); const imageFile = document.getElementById("imageFile"); if (!name || !category || !followersText) { alert("Please fill in all fields."); return; } const followersNum = parseFollowers(followersText); if (followersNum === null) { alert("Invalid followers count format. Use numbers or k/m suffix."); return; } if (!isEditing && imageFile.files.length === 0) { alert("Please select an image."); return; } if (imageFile.files.length > 0) { const reader = new FileReader(); reader.onload = e => { const imageDataUrl = e.target.result; saveInfluencerData({name, category, followersText, followersNum, instagram, imageDataUrl}); }; reader.readAsDataURL(imageFile.files[0]); } else { const influencers = JSON.parse(localStorage.getItem("kotputliInfluencers") || "[]"); const old = influencers.find(i => i.name === editingName); if (!old) return alert("Error loading influencer data."); saveInfluencerData({...old, name, category, followersText, followersNum, instagram}); } } function parseFollowers(text) { text = text.toLowerCase().trim(); if (text.endsWith("m")) return parseFloat(text) * 1e6; if (text.endsWith("k")) return parseFloat(text) * 1e3; return !isNaN(parseInt(text)) ? parseInt(text) : null; } function saveInfluencerData(influencer) { let influencers = JSON.parse(localStorage.getItem("kotputliInfluencers") || "[]"); if (isEditing) { influencers = influencers.map(i => i.name === editingName ? influencer : i); alert("Influencer updated successfully."); isEditing = false; editingName = null; document.getElementById("cancelEditBtn").style.display = "none"; } else { influencers.push(influencer); alert("Influencer added successfully."); } localStorage.setItem("kotputliInfluencers", JSON.stringify(influencers)); renderInfluencers(); document.getElementById("addForm").style.display = "none"; clearForm(); } function clearForm() { document.querySelectorAll("#addForm input").forEach(i => i.value = ""); } function renderInfluencers() { const container = document.getElementById("cardsContainer"); container.querySelectorAll(".card:not(.highlight)").forEach(c => c.remove()); const influencers = JSON.parse(localStorage.getItem("kotputliInfluencers") || "[]"); influencers.sort((a,b) => b.followersNum - a.followersNum); influencers.forEach(i => { const card = document.createElement("div"); card.classList.add("card"); card.dataset.name = i.name; card.innerHTML = `

${i.name}

${i.category} | ${i.followersText} Followers

Follow Edit Delete `; container.appendChild(card); }); } function ownerAuth(action, name) { const key = prompt("Enter Owner Key to " + action + ":"); if (key !== ownerKey) return alert("Incorrect Owner Key."); if (action === "edit") startEdit(name); if (action === "delete") deleteInfluencer(name); } function startEdit(name) { const influencers = JSON.parse(localStorage.getItem("kotputliInfluencers") || "[]"); const i = influencers.find(x => x.name === name); if (!i) return alert("Influencer not found."); isEditing = true; editingName = name; document.getElementById("name").value = i.name; document.getElementById("category").value = i.category; document.getElementById("followers").value = i.followersText; document.getElementById("instagram").value = i.instagram; document.getElementById("addForm").style.display = "flex"; document.getElementById("cancelEditBtn").style.display = "inline-block"; } // ✅ Complete Delete Function function deleteInfluencer(name) { if (!confirm(`Are you sure you want to permanently delete "${name}"?`)) return; let influencers = JSON.parse(localStorage.getItem("kotputliInfluencers") || "[]"); influencers = influencers.filter(i => i.name !== name); localStorage.setItem("kotputliInfluencers", JSON.stringify(influencers)); const card = document.querySelector(`.card[data-name="${name}"]`); if (card) card.remove(); alert(`Influencer "${name}" deleted successfully.`); }