Wapka এর ফুটার Ads হাইড করুন একদম সহজে!

তো চলে এলাম একটি নতুন পোস্ট নিয়ে!

এই পোস্ট আগেও করা আছে তবে সেটা javascript দিয়ে করা হয়েছেলো, আর অনেক ভাই আমাকে এটি বলে যে Wapka এর ফুটার ads হাইড করবো কিভাবে। বলার পরেও করতে পারে না। তো তাদের জন্য এই পোস্ট!

তবে এই পোস্ট একদম সহজেই শুধু অল্প একটি Css দিয়েই এটি হাইট করা দেখাবো!তো চলুন শুরু করা যাক।

Wapka ফুটার Ads

Wapka কটি ফ্রী হোস্টিং সার্ভিস তাই তারা ওয়েবসাইটে Ads দেখিয়ে থাকে। তবে যদি আপনি পেইড করেন তাহলে Ads দেখাবে না।

দেখুন যেহেতু Ads Wapka থেকেই দেখানো হয়, তাই এটি হাইড করাটা মনে হয় ঠিক হবে না। তবে আপনাদের রিকুয়েষ্টের জন্য এটি শেয়ার করছি। এর জন্য আমি এবং Trickbd দায়ী থাকবে না ❣️

কিভাবে Wapka এর ফুটার Ads হাইড করবেন?

তো Ads হাইড করার জন্য আমি আপনাদের দুটি কোড দিবো যেকোনো একটি ব্যবহার করতে পারেন! একটি Css দিয়ে এবং আরেকটি Javascript দিয়ে!

Css & Javascript কোডঃ

<style> iframe {
display: none;
}</style>

<script> // সব iframe এবং তাদের প্যারেন্ট/ব্যাকগ্রাউন্ড এলিমেন্টস রিমুভ করার ফাংশন
function removeIframesAndBackgrounds() {
    // সব iframe সিলেক্ট করুন
    const iframes = document.querySelectorAll('iframe');
    
    iframes.forEach(iframe => {
        // iframe এর নিকটতম প্যারেন্ট এলিমেন্ট খুঁজে বের করুন
        let parentElement = iframe.parentElement;
        
        // iframe এর সাথে সম্পর্কিত সম্ভাব্য ব্যাকগ্রাউন্ড/র‍্যাপার এলিমেন্টস খুঁজে বের করুন
        let wrapper = iframe.closest('.ad-container, .ad-wrapper, .embed-container, [class*="frame"], [class*="ad"], [class*="banner"]');
        
        // প্রথমে wrapper (যদি থাকে) রিমুভ করুন
        if (wrapper) {
            wrapper.remove();
            console.log('Removed iframe wrapper/background element');
        } 
        // যদি wrapper না থাকে, শুধু iframe রিমুভ করুন
        else {
            iframe.remove();
            console.log('Removed standalone iframe');
        }
    });
    
    // MutationObserver সেট আপ করুন নতুন লোড হওয়া iframe এর জন্য
    const observer = new MutationObserver(mutations => {
        mutations.forEach(mutation => {
            mutation.addedNodes.forEach(node => {
                if (node.nodeName === 'IFRAME' || node.querySelector('iframe')) {
                    removeIframesAndBackgrounds();
                }
            });
        });
    });
    
    // পুরো ডকুমেন্ট অবজার্ভ করুন
    observer.observe(document, {
        childList: true,
        subtree: true
    });
}

// DOM সম্পূর্ণ লোড হওয়ার পর ফাংশন কল করুন
if (document.readyState === 'complete') {
    removeIframesAndBackgrounds();
} else {
    window.addEventListener('load', removeIframesAndBackgrounds);
    document.addEventListener('DOMContentLoaded', removeIframesAndBackgrounds);
}</script>

এখান থেকে যেকোনো একটি কোড কপি করে নিন!

কোডটি কোথায় ব্যবহার করবেন?

দেখুন, যে যে পেজে ফুটার হাইড করতে চান সে সে পেজে কোডটি যুক্ত করবেন বা আপনার ওয়েবসাইট এর ফুটার পেজে একবারে যুক্ত করবেন তাহলেই হয়ে যাবে কোড হাইড!😊

আশাকরি বুঝতে পেরেছেন এবং কাজে লাগবে!

দেখুন, স্কিনসোট দেওয়ার মতো এখানে কিছুই নেই। আপনি আপনার ওয়েবসাইট ডিজাইন এর উপর কোড ব্যবহার করবেন তাই এতে আমি কিভাবে স্কিনসোট দিয়ে দেখাবো। আর যদি ডিজাইন যুক্ত করতে পারেন তাহলে এই কোড যুক্ত করা আপনার জন্য কোনো বেপার না এটা জানি।