Tıklanabilir Rastgele Banner Eklentisi

Bu yazıda paylaşacağım eklentiyi düzenleyerek blogunuza eklediğinizde kenar çubuğunda 300x250px boyutlarında (ya da istediğiniz başka bir boyut) bir banner gözükecek. Fakat bu eklentinin şöyle bir özelliği var; sayfayı yenilediğinizde veya bir yazıdan başka bir yazıya geçiş yapığınızda bannerın yerinde sizin belirlediğiniz başka bir banner gözükecek.

tıklanabilir rastgele banner


Eklentide 5 adet banner tanımladığınızı düşünelim. Her ziyarette bu 5 banner rastgele gözükecek. Peki bu eklenti ne işinize yarayacak?

1. Öncelikle tabi ki aynı reklam alanında birden fazla reklam gösterebileceksiniz. Fiyatı düşük tutsanız bile reklam verenler bunu kabul etmeyebilir ama dost sitelerinizin veya önerdiğiniz sitelerin reklamlarını bu şekilde dönüşümlü olarak gösterebilirsiniz.

2. Blogunuzda öne çıkan yazılan eklentisi olarak da kullanabilirsiniz. Ziyaretçilerinizin mutlaka okuması gerektiğini düşündüğünüz yazılar için banner oluşturarak rastgele gözükmesini sağlayabilirsiniz.



Gelelim eklentiyi blogunuza nasıl ekleyeceğinize. Blogger kumanda panelinize giriş yaparak Yerleşim > Gadget Ekle > HTML/JavaScript Gadget diyerek aşağıdaki kodları yapıştırmanız yeterli.

<script type='text/javascript'>
var quotes=new Array()
quotes[0]='<a href=https://bloghocam.blogspot.com><img alt="Blog Hocam" height="auto" width="100%" src="https://lh3.googleusercontent.com/-Q6BYf-G4nAI/V0G_D47cpeI/AAAAAAAAL-g/-vH1cryZzAYAceGa0Y9yZW3YmKaRL_sxgCCo/s300/1.png"/></a>'
quotes[1]='<a href=https://bloghocam.blogspot.com><img alt="Blog Hocam" height="auto" width="100%" src="https://lh3.googleusercontent.com/-dsdgAiTDHrU/V0G_DvaWEuI/AAAAAAAAL-o/Ntj75HzIwQcpleneRb6iDX1WnkBJspaLQCCo/s300/2.png"/></a>'
quotes[2]='<a href=https://bloghocam.blogspot.com><img alt="Blog Hocam" height="auto" width="100%" src="https://lh3.googleusercontent.com/-9jF0WjVIDZM/V0G_D2dWtcI/AAAAAAAAL-o/RiFsDaF7R5wjfU9tldakw4cETs4f-WxFwCCo/s300/3.png"/></a>'
var whichquote=Math.floor(Math.random()*(quotes.length));
document.write(quotes[whichquote]);
</script>

  • Mavi yerlere resme tıklanınca açılacak sayfanın urlsini yazın.
  • Kırmızı yerlere banner urlsini yazın.
  • Yeşil yerlere bannerın alt etiketini yazın.
  • 4. banner için eklemeniz gereken kod:
quotes[4]='<a href="#"><img alt="#" height="auto" width="100%" src="#"/></a>'

Herkese iyi bloglar…
Google+'da Paylaş

Yazar Taktik Ver

Yazar Hakkında bilgi yazılacak
    Blogger Yorumları

0 yorum:

Yorum Gönder

Argo içerilikli yorum attığınız taktirde hakkınızda dava açılır, site adresinizi yoruma attığınız taktirde ise bloğunuz google sıralamasından düşer.