Blogger » İlk Yazının Altına Reklam Ekleme!

Merhaba okurlarım. Bugün sizlere Blogger’da ilk yazının altına reklam nasıl eklenir onu öğreteceğim. Aslında işlem gayet basit fakat yeni başlayan arkadaşlar için biraz zor olabilir. Adımları tek tek takip edin ki, sorunsuz bir işlem gerçekleştirebilelim.
 
İlk olarak Blogger’a giriş yaptıktan sonra, sol tarafta Şablon sekmesine tıklayalım ve ordan HTML’yi Düzenle seçeneğine tıklayalım.
 
Daha sonra bir pencere açılacak ve üst taraftan Widget Şablonlarını Genişlet’e tıklayalım.
 
Ardından şu işlemleri gerçekleştirelim.
 
Ctrl + F kombinasyonu ile şu kodu aratalım.
 
]]></b:skin>
Ardından yukarda verdiğim kodun hemen üstüne şu kodları ekleyelim.
 
 /* 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://lh3.googleusercontent.com/-2Rx1f-6BC7I/T2YPWBpwo_I/AAAAAAAAAZY/fpkXh1XfQKw/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("http://1.bp.blogspot.com/-k7Ar5QsMEMI/T2YPW2o51eI/AAAAAAAAAZc/HMEl_b7Gfm4/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}

 

Daha sonra yine  Ctrl + F kombinasyonu ile aşağıdaki kodu aratalım.
 
<!-- quickedit pencil -->

 

Bulduğunuz da eklentinin sonlandığı bölüm olan
 
</div>
Kodunun hemen altına aşşağıda vermiş olduğum kodu ekliyoruz. Burada dikkat edin, Mavi ile yazılı olan yere kendi resim adresinizi eklemeyi unutmayın.
 
<

div align='center'><img src='http://2.bp.blogspot.com/-WcBkP7xLtSU/T-R6bw_glsI/AAAAAAAAAj0/vftfLZrtTSQ/s1600/PNG.png'/></div>
Yukardaki kodu ekledikten sonra hemen altına şu kodları ekleyelim.
 
<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>

 

Ve işlem bu kadar arkadaşlar.
 
Herhangi bir sorununuz olursa lütfen yorum atınız.
 

Bir önceki yazımız olan WordPress Tema Yükleme/Düzenleme! başlıklı makalemizde wordpress tema ayarları, wordpress tema düzenleme ve wordpress tema kurma hakkında bilgiler verilmektedir.