WordPress » İlk Yazı Altına Sponsor Alanı Ekleme!

wordpress-ilk-yazi-altina-reklam-alani-eklemeİyi günler, bugün sizlere birkaç basit kod ile ana sayfa da ilk konunun altına sponsor alanı eklemeyi göstereceğim. Birçok arkadaş bu işi eklenti ile yapmaya çaba sarfediyor.Fakat sitemizde ne kadar az eklenti kullanırsak, bizim için o kadar iyi olacaktır. Hem SEO açısından, hem site hızı açısından.

Bizim ekleyeceğimiz banner altta verdiğim şekilde görünecektir.

468-x-60-banner

Bize ilk lazım olan şey 468×60 bir banner olacaktır. Bunun için, BURAYA tıklayarak gerekli resimleri indirelim. İndirdiğimiz resimleri herhangi bir FTP programı aracılığıyla, temanızın içinde bulunan images klasörüne atalım. Bu işlemi gerçekleştirdiysek şimdi kodlarımıza geçebiliriz.

Altta vereceğim kodları WP panelimizde sol taraftan sırasıyla Görünüm Düzenleyici style.css içerisine girip en alta kodları ekleyelim.

.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;}

 Yukarıda ki kodları eklediysek, aşşağıda vereceğim kodları da, index.php’de en alta ekleyelim.

<?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++; ?>

 

İşlem bu kadar arkadaşlar. Artık ana sayfada ilk yazının altında sponsor alanımız aktif hale gelmiş bulunmaktadır.

Bir önceki yazımız olan WordPress » Akismet API Anahtarı Alma (Ücretsiz) başlıklı makalemizde akismet anahtar alma, akismet api key ve akismet ücretsiz api key alma hakkında bilgiler verilmektedir.

  • Verdiğin faydalı bilgi çok teşekkür ederim. Site tasarımıda sadece ve güzel olmuş..