Gelişmiş Üstten Açılır Görsel Reklam Kodu

 

Blogger’da Üstten Açılan Reklam Kutusu Nasıl Eklenir?

Blogger sitenize reklam eklemek istiyorsanız, dikkat çekici bir yöntem de üstten açılan görsel reklam kutusu kullanmaktır. Bu yöntem, ziyaretçilerin dikkatini çekerken kullanıcı deneyimini de bozmadan reklamınızı sunmanıza olanak tanır.

Bu yazıda sizlerle, 10 saniye sonra otomatik kapanan 940x250 boyutlarında reklam kutusu nasıl eklenir, adım adım paylaşıyoruz.

Üstten Açılan Reklam Kutusunun Avantajları

• Sayfa açılır açılmaz görünür.

• Otomatik kapanma özelliği sayesinde kullanıcıyı rahatsız etmez.

• Mobil uyumludur.

• Görsel reklamlarla dönüşüm oranını artırır.

Blogger İçin Reklam Kutusu Kodu

Reklam kutusunu eklemek için aşağıdaki HTML kodunu, Blogger panelinizde Yerleşim > Gadget Ekle > HTML/JavaScript bölümüne yapıştırmanız yeterlidir. Kod, reklamı sayfa üstünde gösterir ve 10 saniye sonra otomatik olarak kapatır.

📌 Kodu yazının altında paylaştık.

SEO Uyumlu ve Etkili Reklam Kullanımı

Reklam alanlarını sitenizde dikkatli ve dengeli kullanmak, SEO açısından önemlidir. Bu tür geçici ve kullanıcı dostu reklam kutuları, sayfada kalma süresini düşürmeden gelir elde etmenizi sağlar.

---

Sonuç

Blogger’da üstten açılan reklam kutuları, hem ziyaretçilerin ilgisini çeker hem de sayfa deneyimini bozmadan reklam gösterimi yapmanızı sağlar. Bu yapıyı kullanarak blogunuzdan daha fazla kazanç elde edebilir, profesyonel bir görünüm sağlayabilirsiniz.

---

Etiketler: blogger reklam ekleme, üstten açılan reklam, blogger 940x250 reklam, blogger reklam kutusu, blogger seo reklam yerleşimi

<!-- ÜSTTEN AÇILAN REKLAM KUTUSU -->
<style>
  .ustReklam {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 940px;
    height: 250px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.4);
    z-index: 9999;
    border-radius: 8px;
    overflow: hidden;
    display: none;
  }

  .ustReklam img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .ustReklam button {
    position: absolute;
    top: 6px;
    right: 8px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    border: none;
    border-radius: 3px;
    padding: 4px 8px;
    cursor: pointer;
    font-size: 13px;
  }

  @media screen and (max-width: 960px) {
    .ustReklam {
      width: 100%;
      height: auto;
    }

    .ustReklam img {
      height: auto;
    }
  }
</style>

<div class="ustReklam" id="ustReklam">
  <button onclick="document.getElementById('ustReklam').style.display='none'">X</button>
  <a href="https://orneklink.com" target="_blank" rel="noopener">
    <img src="940x250 reklam alanı foto linki buraya gelecek" alt="Reklam Alanı">
  </a>
</div>

<script>
  setTimeout(function () {
    var reklam = document.getElementById("ustReklam");
    if (reklam) reklam.style.display = "block";
    setTimeout(function () {
      if (reklam) reklam.style.display = "none";
    }, 10000); // 10 saniye sonra kapanır
  }, 1000); // Sayfa açıldıktan 1 saniye sonra göster
</script>