İlk yazının altına reklam
Yeniden merhaba arkadaşlar, benimde kullandığım her blogda olması gereken bir reklam alanı kodu paylaşmayı istedim.Reklam alanın önizlemesi üstteki resimdir.Bu reklam alanının özelliği en yeni yayınınızın hemen altında olmasıdır.Yapıcağımız işlemler basit.Çoğu eklentide olduğu gibi bir css birde html kodu ekliyeceğiz.
Yeniden merhaba arkadaşlar, benimde kullandığım her blogda olması gereken bir reklam alanı kodu paylaşmayı istedim.Reklam alanın önizlemesi üstteki resimdir.Bu reklam alanının özelliği en yeni yayınınızın hemen altında olmasıdır.Yapıcağımız işlemler basit.Çoğu eklentide olduğu gibi bir css birde html kodu ekliyeceğiz.
CSS kodumuz :
/* 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/AVvXsEgRjrnF0BLC-Sc4W2QOxnclF1ujBS0kWXghEfuu316y0JocpcaV3eqmkYqPrm3Geyrml09chuKtgFQ8Qv1BOdCWbwIoTrFPrgdsUXplZ5XHX2lnnWLl_nz79LqGXnTDARKJZhkWw3G9E7Jb/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/AVvXsEiFspDkG-BA074ySM0yx6BVfhG73PuY84nqcJwf_Je3tqzsYQdzDdAxsaQmiq9mmjHuLwcQSTe7kLihTxxlypiXa0LYuc6fKMTfjT2dMATK4F4JIBwUbn5QRVAgFLxBTh3Vjf0Wk2znZQQt/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}
CSS kodumuzu temamızın içindeki ]]></b:skin> kodunun hemen üstüne yapıştırıcağız.Ardından HTML kodumuzu kopyalıyalım.
HTML:
<b:if cond='data:post.isFirstPost'>
<center><!-- Sponsor Ol -->
<div class='sponsorOl'>
<div class='sponsorOlLink'><a href='Blogunuzun İletişim adresi'>Sponsor Ol</a></div>
<span>
<a href='Blogunuzun iletişim adresi'>
<img alt='banner' src='REKLAM RESİM ADRESİ'/>
</a>
</span>
</div>
<!--#Sponsor Ol --></center>
</b:if>
HTML kodumuzu ise temamızın kodlarının içinden
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
Kodundan hemen sonra yapıştırın.Mavi renkle yazılan yerleri düzenledikten sonra reklam alanınız hazır.
Başka bir kod:
Alttaki verdiğim ilk yazı altına reklam kodunu onurbatu.net te gördüm ve kısa bulduğum için aynı yazı içine eklemek istedim.
Eğer bu kodu kullanıcaksanız alttaki kodu kopyalayıp CTRL+F yardımıyla kodların içinden data:post.body kodunu bulun ve altına yapıştırın.
<b:if cond='data:post.isFirstPost'> <div class='breklam' style='margin-top:10px; margin-bottom:10px'> <span style='float:left'> <a href='http://www.cyberadam.blogspot.com/' target='_blank' title='Onur Batur'><img border='0' src='http://c1212.hizliresim.com/14/j/gz6l9.png' style='border:1px solid #ddd; border-radius:5px;'/></a> </span> <span style='border-radius:5px; height:30px; padding-right:15px; padding-left:15px; padding-top:20px; padding-bottom:10px; background:#f1f1f1; border:1px solid #ccc; float:right'> <a href='/p/reklam.html' rel='nofollow'><b>REKLAM VER</b></a> </span></div> </b:if>
Bir sonraki yazımızda görüşmek üzere iyi bloglamalar.
3 yorum
kendi sitendeki reklam kodunun başına < center> sonunada < /center> koy ortalı dursun :)
www.forumzan.blogspot.com
Teşekkürler
* Belirli sitelerde üyeliğiniz yok ise Anonim ya da Adı/Url seçeneğini kullanarak yorum yapabilirsiniz.
* Yorumuna gelen cevaptan haberdar olmak için yorum kutusunun sağ alt köşedeki "beni bilgilendir" adlı kutuyu işaretlediğinizde bilgilendirme mail adresinize gelicek.