Yazıya 18+ Yaş Giriş Kontrolü

Merhaba,

Sitenin girişine 18+ yaş giriş kontrol kodu ekleyerek siteye veya yazıya girmeden onay butonuna basıp öyle girebiliriz.

Özellikle wordpresste istediğiniz yazılarda kullanabilirsiniz. Kendim de wordpress sitelerimde kullanmaktayım.

Bazı yazılarımızda gördüm ki 18 yaşın altındaki kullanıcılar için müstehçen veya zararlı sayılabilecek içerikler mevcut.

Bu durumda elimden geldiğince önlem almak isterim.

Aşağıda vereceğim kod html dilinde basit bir şekilde çalışmaktadır.

İçinde basit javascript css kodlamaları ile kullanıcıyı 18 yaşından küçük ise soru sorarak ana sayfaya yönlendirir.

Kodumuz telefonda ve tüm çözünürlüklerde düzgün çalışması için uyarlanmıştır. Responsive özelliği mevcuttur.

Kodumuz budur:

<div id="goster">
Buraya girdiğiniz yazı vs ne varsa gözükecek.
</div>

<div id="button">
<button style="height: 200px;width:100%;background: red;color: white;font-size: xx-large;cursor: pointer;" onclick="goster();">Bu konu 18+ içeriklidir! Yaşınız büyükse tıklayınız.</button>
<button style="height: 200px;width:100%;background: green;color: white;font-size: xx-large;cursor: pointer;" onclick="location.href = 'index.php';"">18 yaşından küçükseniz buraya tıklayınız.</button>
</div>

<style>#goster {display:none;}</style>

<script>
function goster() {
  var x = document.getElementById("goster");
  if (x.style.display === "none") {
    x.style.display = "block";

  } else {
    x.style.display = "block";
  }
}

var x = document.getElementById('button');
x.onclick = function () {
    document.getElementById('button').remove();
    this.remove();
};
</script>

Tembel arkadaşlar için kodu html ye dönüştürmeye uğraştırmayacağım buradan indiriniz: KOD

Kodumuz her sistemde her web sitesinde çalışır.

Özellikle wordpress kullanan arkadaşlar kodu çalıştırmak için yazının başını sonunu div içine almanız lazım.

<div id=”goster”> Buraya girdiğiniz yazı vs ne varsa gözükecek. </div>

Ola ki wordpress de kod çalışmaz ise bir eklenti önereyim.
Eklentimiz html kodları sayfada çalıştırmak için biçilmiş kaptan.
Eklentinin adı da XYZ HTML bunu lazım olursa şayet eklentilerden arar bulursunuz.


Örnek Kod çalışması: https://whatsappturk.com/18-terbiyesiz-whatsapp-atraksiyonlari/

Sorularınız olursa yorum kısmına yazınız.

Yazar: utquick

Merhaba, Bu site 2017 senesinde kurulmuştur: Kemal SUNAL 'ın 100 Numaralı Adam filminden feyz alınarak kurulan sitemiz, filmdeki Halk Kahramanı rolünü de bünyesine katarak dürüst paylaşımlarda bulunmaktadır. Bizi takip ediniz. Büyük bir aile oluyoruz. Tek güvencemiz paylaşımlarımızın samimiliğidir.

Bunlar da hoşunuza gidebilir...

Bir yanıt yazın

Cevabı alabilmek için E-Posta adresinizi doğru yazmaya özen gösteriniz.

css.php