Blogger İlk Yazı Altına Reklam Eklemek

Blogger İlk Yazı Altına Reklam Eklemek İçin Etkili Aramalar : Blogger - Blogger Eklentileri

Merhaba Arkadaşlar zaman kaybetmeden hemen konumuza geçmek istiyorum bugün blogger da anasayfada ilk yazının altına reklam nasıl ekleriz onu öğreneceğiz. adım adım takip ederseniz başarılı olacaksınızdır...


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/AVvXsEjQdL27_zqtBwLZ4Yt6yyf7-TzmrOhXfpfJZDbQml4WzdaCp7Dng5s0EUcZt_2Pc9quDkIO-IGq_tRHDl6H8RSLB12fOHyXUB9tYr_RX3sTPMBhmZ3Xhk-Zf2Amc6AzMW8VisFCZTYWg9_S/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/AVvXsEgZV8en-HCdjWkNzaFhgv-xA33wN6zTbsKaulovrhxsF8WCP94N0zX5qmmT8q4vEodgaF2COCAeOlMHSUxjA7I4xlv4ev01jYPc4pyo9qg9w6sJyHZuQyiLt2a4CVTZMtA4IaZznUT-Os7t/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

<!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span> <div class='post-share-buttons goog-inline-block'>
        <b:if cond='data:post.sharePostUrl'>
          <b:include data='post' name='shareButtons'/>
        </b:if>
      </div> </div>

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.

Kaynak: http://www.siberfelsefe.com/2013/03/blogger-ilk-yaz-altna-reklam-eklemek.html#ixzz2QYJLn44g