WordPress Yazının Sağına veya Soluna Reklam Kodunu Nasıl Eklerim?

Web sitenizdeki sayfalarda yazıların arasına bir reklam bandı yerleştirmek istediğinizde sayfa editöründe ilgili kodu uygun şekilde yerleştirmeniz gerekecektir. Ancak bu kodu olduğu gibi yerleştirdiğinizde istemediğiniz görünümlerle karşılaşabilirsiniz. Bu yazıda, reklam kodunu sayfanızdaki yazınızın sağına veya soluna nasıl yerleştirebileceğinizi anlatacağım. Bunun için aşağıdaki kodları kullanırken “reklam kodu buraya” yazan yere, kullanacağınız kendi reklam kodunuzu yapıştırmanız gerekecek. Bu kodun, <script type=”text/javascript”> ile başlayıp </script> ile sonlanan bir kod olması gerekir.

Öncelikle kodu girebilmeniz için ilgili sayfada yazının sağ üstündeki sekmelerde “Görsel” yerine “Metin” (Editör) görünümüne geçin.

• Reklam bandını yazının sağına eklemek için (sağ üst reklam kodu):

<div style="float:right"> reklam kodu buraya </div>

• Reklam bandını yazının soluna eklemek için (sol üst reklam kodu):

<div style="float:left"> reklam kodu buraya </div>

Eğer reklam bandının yazı ile arasındaki boşluk rahatsız edecek kadar sıkışık ise ve reklam bandı ile yazı arasında boşluk bırakmak isterseniz aşağıdaki kodları uygulayın.

• Reklam bandını yazının sağına eklemek için (sağ üst reklam kodu):

<div style="float:right; margin-left: 15px;"> reklam kodu buraya </div>

• Reklam bandını yazının soluna eklemek için (sol üst reklam kodu):

<div style="float:left; margin-right: 15px;"> reklam kodu buraya </div>

Reklam kodunuz ekli haliyle aşağıdakine benzer bir sonuç elde edeceksiniz. Reklam kodunuza ilave ettiğimiz kısımları kırmızı renkli görmektesiniz. (Aşağıdaki reklam kodu bana ait kodlardır, siz kendi reklam kodunuzu yapıştırmayı unutmayın.)

<div style="float: left; margin-right: 15px;"><script type="text/javascript">// <![CDATA[ var uri = 'https://imp.tradedoubler.com/imp?type(img)g(22893832)a(2802940)' + new String (Math.random()).substring (2, 11); document.write('<a href="https://clk.tradedoubler.com/click?p=266850&a=2802940&g=22893832" target="_BLANK"><img src="'+uri+'" border=0></a>'); // ]]></script></div>

Eğer tek bir sayfada değil de reklam bantlarının yerleşiminin aynı şekilde tüm sayfalarınızda tekrar etmesini istiyorsanız, yukarıdaki uygulamadan önce aşağıdaki 3 adımı da uygulayın.

1. Adım:

Web sitenizin Admin paneline giriş yapın ve Görünüm > Düzenleyici kısmına gidin. Stil dosyası (style.css) karşınıza gelecektir.

2. Adım:

Sağ taraftaki Şablonlar kısmından Tekil Yazıyı (single.php) bulun ve tıklayın. Tekil Yazı (single.php) başlıklı sayfa açılacaktır.

3. Adım:

Burada metin alanına sol tıklayın, ardından klavyeden Ctrl+F tuş kombinasyonu ile aşağıdaki kodu aratın ve bulun. Her temada aynı kod olmayabiliyor, dolayısıyla single.php de bu bölümü bulup üstüne bir iki yazı ekleyerek test ederek uygun yeri bulabilirsiniz.

<?php the_content(); ?>

4. Adım

Yukarıda anlatıldığı şekilde yerleştirdiğiniz kodlarınızı <?php the_content(); ?> üstüne yapıştırın ve alttaki “Dosyayı Güncelle” butonuna tıklayarak içeriği kaydedin. Bu kodu ekledikten sonra aşağıdaki gibi görünecektir ve reklam bandı yazının sağına (right) gelecektir:

<div style="float:right"> reklam kodu buraya </div>
 <?php the_content(); ?>

Böylece, reklam bandınızın yazı içerisinde istediğiniz tarafta görünmesini sağlamış olacaksınız. Bir sonraki blog yazısında görüşmek üzere hoşçakalın!

—Bu bilgilerden sosyal medya çevrelerinizi de haberdar etmek isterseniz, lütfen aşağıdaki renkli ikonlara tıklayarak beğenin, paylaşın ve yorumlayın!