Blogger İlk Yazı Altına Reklam Eklemek

Selamlar,bir okuyucumun ricası üzerine bu yazıyı yazma gereği duydum.Bu reklam alanını sadece adsense kayıt olanlar için olabiliyor diye biliyordum.Fakat kodlar ile oynama yaptığımız da bizde adsense kayıt olmadan yapabiliyoruz.Ben reklam kodlarını Blogger Minimal Teması'ndan alıntıladım.İsterseniz hemen anlatıma geçelim.






Aşağıdaki kodu CTRL+F yardımı ile aratın.

]]></b:skin>

Bulduğunuz kodun hemen üstüne  aşağıdaki CSS kodlarımızı ekliyoruz.

/* Sponsor Ol Reklam Alanı */
      .sponsor {font-size: 11px; padding: 20px 0; color: #565656}
      .sponsor a {color: #64afe7}
      .sponsor a:hover {text-decoration: underline}
      .sponsorReklam {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCcopMVzx_p_l5LAkGAZy-3wcCFfD3HhUS8HNq6U79BoslUy43RSdrCXEd1bls9HkTZ0cr7Sf0j4gQSolw4mnyW-9XRlumHgeNMhuLA1rVRCXwkKuSf7rXiefKQKsJNhx75nSWEoOcKf_Z/h120/sponsorBg.png"); width: 279px; height: 86px; margin: 15px 0 10px 0; position: relative}
        .sponsorReklam span {position: absolute; top: 12px; left: 53px}
      .sponsor p.sponsor-p {color: #b4b4b4; text-align: center}
      
        /* Banner */
        .banner {border-top: 1px solid #f2eaea; padding-top: 15px; margin-top: 15px}
        .banner a img {border: 1px solid #e8e8e8; padding: 1px}

/* Sponsor Ol Reklam Alanı */
/* Sponsor Ol Reklam Alanı */
      .sponsorOl {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj71xqEDZF4wGL2Ab75aoks0l-3X-WbLMqOWZHEwFK_OsUMo_4mql03tnxYJGvV-lx1jxVSqrHQ6hzMz818aYcZk_-dRkknKjXN0Q__0D2Kgm8drbVXZPnpLFzaS_oMqhZh4UO3ZABB3lUR/s1600/sponsorBg2.png"); width: 599px; height: 70px; position: relative; margin-bottom: 25px}
      .sponsorOlLink {position: absolute; top: 0; right: 0; width: 122px; height: 65px}
        .sponsorOlLink a {display: block; text-indent: -9999px; height: 65px}
      .sponsorOl span {position: absolute; top: 6px; left: 5px}

Şimdi ise Blogger Konu Aralarına Ayraç Eklemek konusundaki gibi

<div class='post-footer'>

Yukarıdaki kodlardan hemen sonra ise aşağıdaki kodlarımızı ekliyoruz.

<b:if cond='data:post.isFirstPost'>
<center><!-- Sponsor Ol -->
      <div class='sponsorOl'>
        <div class='sponsorOlLink'><a href='/p/iletisim.html'>Sponsor Ol</a></div>
        <span>
          <a href='#'>
            <img alt='banner' src='RESİM ADRESİ'/>
          </a>
        </span>
      </div>
<!--#Sponsor Ol --></center>

</b:if>

Mavi ile belirlemiş olduğum kısıma kendi 468x60 bannerınız gelecek.

Önizleme

Not:Eğer,blogunuza size anlattığım gibi bir ayraç eklediyseniz bu son kodumuzu ayracın kod bitimine eklemeniz gerekmektedir.

İyi bloglamalar...

Devamı »