{"id":4071,"date":"2022-04-09T10:42:10","date_gmt":"2022-04-09T10:42:10","guid":{"rendered":"https:\/\/www.atarikafa.com\/toplulukk\/d\/1213-html-ile-adblocklari-tespit-edip-engellemek\/"},"modified":"2022-04-09T10:42:10","modified_gmt":"2022-04-09T10:42:10","slug":"1213-html-ile-adblocklari-tespit-edip-engellemek","status":"publish","type":"post","link":"https:\/\/www.atarikafa.com\/topluluk\/d\/1213-html-ile-adblocklari-tespit-edip-engellemek\/","title":{"rendered":"HTML ile AdBlock’lar\u0131 Tespit edip Engellemek"},"content":{"rendered":"

HTML ile AdBlock Engellemek<\/H1><\/p>\n

<\/p>\n

Bildi\u011finiz \u00fczere bazen sitelerimizde reklam koyuyoruz ve bundan para kazan\u0131yoruz i\u015fte bunu engellemek i\u00e7in bir html kodu yazd\u0131m iyi kullanmalar<\/p>\n

#AYNI DOSYANIN \u0130\u00c7\u0130NE OLU\u015eTURUN
\n Olu\u015fturulacaklar<\/p>\n

  • – <\/s>index.html<\/LI>
    \n
  • – <\/s>style.css<\/LI><\/p>\n

    HTML i\u00e7ine At\u0131lacak Kodlar<\/H3><\/p>\n

    <\/p>\n

    `<\/s><!DOCTYPE html>
    \n<!– Hamzaless Taraf\u0131ndan Kodlanm\u0131\u015ft\u0131r –>
    \n<html lang=”en”>
    \n<head>
    \n <meta charset=”UTF-8″>
    \n <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
    \n <title>Reklam Engelleyici Dedekt\u00f6r\u00fc<\/title>
    \n <link rel=”stylesheet” href=”style.css”>
    \n <link rel=”stylesheet” href=”https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.3\/css\/all.min.css”\/>
    \n<\/head>
    \n<body>
    \n <div id=”detect”><\/div>
    \n <div class=”wrapper”>
    \n <div class=”content”>
    \n <div class=”warn-icon”>
    \n <span class=”icon”><i class=”fas fa-exclamation”><\/i><\/span>
    \n <\/div>
    \n <h2>Reklam Engelleyici!<\/h2>
    \n <p>Bu site ek gelir kazanmak i\u00e7in reklamlar\u0131 kullan\u0131yor. L\u00fctfen Reklam Engelleyicini kapat ve siteye gir<\/p>
    \n <div class=”btn”>
    \n <div class=”bg-layer”><\/div>
    \n <button>Tamam. Kapat\u0131yorum!<\/button>
    \n <\/div>
    \n <\/div>
    \n <\/div>
    \n <script>
    \n const detect = document.querySelector(“#detect”);
    \n const wrapper = document.querySelector(“.wrapper”);
    \n const button = wrapper.querySelector(“button”);
    \n let adClasses = [“ad”, “ads”, “adsbox”, “doubleclick”, “ad-placement”, “ad-placeholder”, “adbadge”, “BannerAd”];
    \n for(let item of adClasses){
    \n detect.classList.add(item);
    \n }
    \n let getProperty = window.getComputedStyle(detect).getPropertyValue(“display”);
    \n if(!wrapper.classList.contains(“show”)){
    \n getProperty == “none” ? wrapper.classList.add(“show”) : wrapper.classList.remove(“show”);
    \n }
    \n button.addEventListener(“click”, ()=>{
    \n wrapper.classList.remove(“show”);
    \n });
    \n <\/script>
    \n<\/body>
    \n<\/html>`<\/e><\/C><\/p>\n

    CSS \u0130\u00e7ine At\u0131lacak Kodlar<\/H3><\/p>\n


    \n`<\/s>@import url(‘https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans:wght@700&family=Poppins:wght@400;500;600&display=swap’);
    \n*{
    \n margin: 0;
    \n padding: 0;
    \n box-sizing: border-box;
    \n font-family: “Poppins”, sans-serif;
    \n}
    \nbody{
    \n width: 100%;
    \n height: 100vh;
    \n background: linear-gradient(135deg, #9b27ca 0%, #9927cf 0%, #d33639 100%, #f92121 100%);
    \n}
    \n::selection{
    \n color: #fff;
    \n background: #9b27ca;
    \n}
    \n.wrapper{
    \n position: absolute;
    \n max-width: 480px;
    \n top: 50%;
    \n left: 50%;
    \n width: 100%;
    \n padding: 40px 30px;
    \n background: #fff;
    \n border-radius: 15px;
    \n opacity: 0;
    \n pointer-events: none;
    \n transform: translate(-50%, -50%) scale(1.2);
    \n box-shadow: 10px 10px 15px rgba(0,0,0,0.06);
    \n transition: opacity 0.2s 0s ease-in-out,
    \n transform 0.2s 0s ease-in-out;
    \n}
    \n.wrapper.show{
    \n opacity: 1;
    \n pointer-events: auto;
    \n transform:translate(-50%, -50%) scale(1);
    \n}
    \n.wrapper .content,
    \n.content .warn-icon,
    \n.warn-icon .icon{
    \n display: flex;
    \n align-items: center;
    \n justify-content: center;
    \n}
    \n.wrapper .content{
    \n flex-direction: column;
    \n}
    \n.content .warn-icon{
    \n height: 115px;
    \n width: 115px;
    \n border-radius: 50%;
    \n background: linear-gradient(#9b27ca 0%, #9927cf 0%, #d33639 100%, #f92121 100%);
    \n}
    \n.warn-icon .icon{
    \n height: 100px;
    \n width: 100px;
    \n background: #fff;
    \n border-radius: inherit;
    \n}
    \n.warn-icon .icon i{
    \n background: linear-gradient(#9b27ca 0%, #9927cf 0%, #d33639 100%, #f92121 100%);
    \n background-clip: text;
    \n -webkit-background-clip: text;
    \n -webkit-text-fill-color: transparent;
    \n font-size: 50px;
    \n}
    \n.content h2{
    \n margin-top: 35px;
    \n font-size: 32px;
    \n}
    \n.content p{
    \n font-size: 19px;
    \n text-align: center;
    \n margin-top: 20px;
    \n}
    \n.btn{
    \n height: 57px;
    \n width: 223px;
    \n margin-top: 30px;
    \n border-radius: 50px;
    \n position: relative;
    \n overflow: hidden;
    \n}
    \n.btn .bg-layer{
    \n height: 100%;
    \n width: 300%;
    \n position: absolute;
    \n left: -100%;
    \n background: -webkit-linear-gradient(135deg, #9b27ca, #d33639, #9b27ca, #d33639);
    \n transition: all 0.4s ease;
    \n}
    \n.btn:hover .bg-layer{
    \n left: 0;
    \n}
    \n.content button{
    \n position: relative;
    \n z-index: 1;
    \n height: 100%;
    \n width: 100%;
    \n background: none;
    \n font-size: 18px;
    \n border: none;
    \n outline: none;
    \n color: #fff;
    \n cursor: pointer;
    \n}`<\/e><\/C><\/p>\n

    <\/r><\/p>\n","protected":false},"excerpt":{"rendered":"

    HTML ile AdBlock Engellemek Bildi\u011finiz \u00fczere bazen sitelerimizde reklam koyuyoruz ve bundan para kazan\u0131yoruz i\u015fte bunu engellemek i\u00e7in bir html kodu yazd\u0131m iyi kullanmalar #AYNI DOSYANIN \u0130\u00c7\u0130NE OLU\u015eTURUN Olu\u015fturulacaklar – index.html – style.css HTML i\u00e7ine At\u0131lacak Kodlar `<!DOCTYPE html> <!– Hamzaless Taraf\u0131ndan Kodlanm\u0131\u015ft\u0131r –> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>Reklam Engelleyici […]<\/p>\n","protected":false},"author":626,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[15,14],"tags":[],"class_list":["post-4071","post","type-post","status-publish","format-standard","hentry","category-tasarim","category-yazilim"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.atarikafa.com\/topluluk\/wp-json\/wp\/v2\/posts\/4071","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.atarikafa.com\/topluluk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.atarikafa.com\/topluluk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.atarikafa.com\/topluluk\/wp-json\/wp\/v2\/users\/626"}],"replies":[{"embeddable":true,"href":"https:\/\/www.atarikafa.com\/topluluk\/wp-json\/wp\/v2\/comments?post=4071"}],"version-history":[{"count":0,"href":"https:\/\/www.atarikafa.com\/topluluk\/wp-json\/wp\/v2\/posts\/4071\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.atarikafa.com\/topluluk\/wp-json\/wp\/v2\/media?parent=4071"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.atarikafa.com\/topluluk\/wp-json\/wp\/v2\/categories?post=4071"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.atarikafa.com\/topluluk\/wp-json\/wp\/v2\/tags?post=4071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}