10 Haziran 2013 Pazartesi

Blogger'a Sabit Reklam Yerleştirme

Blogger kullanıcıları için blogun sağında ya da solunda gösterilebilecek sabit reklam kodlarını bu yazıda bulabileceksiniz. Sabit reklam kodunu biraz açıklayalım. Ziyaretçi blogta gezerken sayfayı aşağı çektiğinde blogun kenarına koyduğunuz reklamda onunla beraber gelir. Yani kısaca reklamınız her zaman görünürolacaktır.

Blogger'a Sabit Reklam Kodu Özellikleri


  • Her zaman görünen reklamlar
  • Boyutları ayarlayabilme
  • Sağ ya da sol tarafa koyabilme
  • Widget ile ekleme
  • Kapatma butonu ekleme

Sabit reklamların faydaları...


Sabit reklamları her zaman görünür oldukları için tıklanma oranlarınızı arttıracaktır. Çoğu blog şablonunda sağda ve solda boşluklar vardır. Buraları bu reklamlarla doldurabilirsiniz. Hem blogunuzda boş alan kalmayacak hem de reklam gelirleriniz artacak. Yalnız insanları çok fazla rahatsız etmeyin ve bu kodları çok fazla kullanarak sitenin yüklenmesini yavaşlatmayın. Sabit reklam kodlarını yerleştirmek için aşağıdaki yolu takip edin...

  1. Blogger yönetim paneli
  2. Yerleşim
  3. Gadget ekle
  4. HTML/Javascript ekle
  5. Aşağıdaki kodu düzenledikten sonra yapıştırıp kaydedin

<!--Webmaster.10line.net Sabit Reklam Başlangıcı-->
<!doctype html><style type="text/css">div.webmaster10line{position:fixed;text-align:center;z-index:1000;}div.reklamkodum{top:40px;
left:15px;
}
</style><style type="text/css">div.webmaster10line{_position:absolute;}div.reklamkodum{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style>
<div id="webmaster10linereklamkodu" class="webmaster10line reklamkodum" style="width:160px;height:600px;background-color:#e5e5e5;border:0pxsolid #ccc;line-height:50px;">
Reklam Kodunu Buraya Yapıştırın
<!--Webmaster.10line.net Sabit Reklam Bitişi--></!doctype>

Kodda kırmızıile belirtilen yerleri değiştirebilirsiniz... Hemen kırmızıkısımlar için açıklamalarımızı yapalım. Sırasıyla;

{top:40px; left:15px;} bu kod reklamın nerede duracağını belirlemek için kullanılıyor. Left kısmı reklamın blogun solunda olmasını sağlıyor. Bunu right olarak değiştirip reklamı blogun sağına alabilirsiniz. Top kısmının yanındaki rakam ise reklamın üstten ne kadar boşlukla görüneceğini belirtiyor. Bu rakam büyüdükçe reklam aşağıda görünür. Küçüldükçe yukarıya çıkar. Left kısmının yanındaki rakam ise reklamın bulunduğu taraftan ne kadar boşluk alacağını belirliyor. Rakam büyüdükçe reklam soldaysa sağa, sağdaysa sola kayar. Yani içeriğin bulunduğu tarafa doğru kayar. Rakam küçüldükçe ekranın kenarına kayar. Yani içerikten uzaklaşır.

Reklamınızın alt kısmına reklamı görmek istemeyenler için “Kapat” butonu ekleyebilirsiniz. Bunun için aşağıdaki kodları kullanacaksınız...

<div style="position:absolute;bottom:5px;right:25px;line-height:10px;" onclick="document.getElementById('webmaster10linereklamkodu').style.display='none';"><button style="height:25px;">Kapat</button></div>
</div>

Yukardaki kodu reklam kodunuzu yerleştirdikten hemen sonra yerleştirin. Kırmızı yerleri değiştirebilirsiniz. Kapat butonuyla birlikte bütün kod aşağıdadır...

<!--Webmaster.10line.net Sabit Reklam Başlangıcı-->
<!doctype html><style type="text/css">div.webmaster10line{position:fixed;text-align:center;z-index:1000;}div.reklamkodum{top:40px;
left:15px;
}
</style><style type="text/css">div.webmaster10line{_position:absolute;}div.reklamkodum{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style>
<div id="webmaster10linereklamkodu" class="webmaster10line reklamkodum" style="width:160px;height:600px;background-color:#e5e5e5;border:0px solid #ccc;line-height:50px;">
Reklam Kodunu Buraya Yapıştırın
<div style="position:absolute;bottom:5px;right:25px;line-height:10px;" onclick="document.getElementById('webmaster10linereklamkodu').style.display='none';"><button style="height:25px;">Kapat</button></div>
</div>
<!--Webmaster.10line.net Sabit Reklam Bitişi--></!doctype>


Herhangi bir problem yaşadığınızda bize yorum ile ulaşın. İyi kazançlar dileriz...

Bu yazı http://webmaster.10line.net adresinde yayınlandı.

Hiç yorum yok:

Yorum Gönder