İlk Yazı Altına Sponsor Reklam Alanı

Birçok arkadaşın istediği fakat fırsat bulup paylaşamadığım bir yazıyı sonunda paylaşıyorum. Hemen anlatıma geçeyim.

Yapmak istediğimiz şey aşağıdaki resim gibi bir sponsor reklam alanı olacak.

Öncelikle buradan bize lazım olan iki resim dosyasını indirin. Bu resim dosyalarını temanızın images klasörüne atın. Eğer images klasörünüz yoksa oluşturun veya biraz sonra vereceğim css kodlarından ve sponsor alanı kodlarından images kısmını kendi resim klasörünüze göre değiştirin.

Resimlerimizi attık şimdi sıra geldi css kodlarımıza. style.css dosyasını açıp en altına aşağıdaki kodları ekleyin.

.banner_alan {float:left;margin:10px 0px 5px 0px;width:580px;height:84px;background: url(images/banner_zemin.jpg) no-repeat;    }
.banner468 {float:left;width:468px;height:60px;background: #FFF;margin:11px 0px 0px 12px;}
a.sp {display:block;width:77px;height:61px;float:left;margin:11px 0px 0px 12px;background: url(images/sponsor.jpg) no-repeat;text-indent: -999em;}

Daha sonra index.php’yi açıp <?php the_content(); ?> kodunun altına aşağıdaki kodları ekleyin.

<?php if ($count == 0) : ?>
<div class="banner_alan">
<div class="banner468">
<a href="REKLAM SAYFANIZIN LİNKİ" title="Sponsor Ol"><img src="<?php bloginfo( 'template_url' ); ?>/images/banner468.png" alt="Sponsor" /></a>
</div>
<a class="sp" href="REKLAM SAYFANIZIN LİNKİ" title="Sponsor Olmak İstiyorum!">Sponsor Olmak İstiyorum!</a>
</div>
<?php endif; $count++; ?>

Yukarıdaki kodu da index.php’ye ekledikten sonra ilk yazımızın ardından sponsor reklam alanı çıkacaktır. Tabi ki benim verdiğim standart sponsor alanıdır. Siz reklam aldığınızda gerekli düzenlemeleri yaparsınız.

Bana kahve ısmarlamak ister misin? ☕