Blogger Sayfa Yenilendikçe Değişen Resim Slayt Eklentisi

Blogger Sayfa Yinelendikçe Değişen Resim Kodu


Çok işlevsev olarak kullanabileceğiniz  bu eklentiyi isterseniz manşet(slider) alanı olarakda kullanabilirsiniz. En güzel tarafı başka bir siteye banner verirken bu şekilde verirseniz her seferinde farklı bir resim ve URL gösterebilir böylece bir alana bir çok reklam verme veya reklam alma ile tasarımda yer kazanırken ziyaretçinin ilgisini de çekebilirsiniz.



<center>
<script language="JavaScript">
function random_imglink(){
var myimages=new Array()
myimages[1]="RESİM URL"
myimages[2]="RESİM URL"
myimages[3]="RESİM URL"
myimages[4]="RESİM URL"
myimages[5]="RESİM URL"

var imagelinks=new Array()
imagelinks[1]="SİTEADI.COM"
imagelinks[2]="SİTEADI.COM"
imagelinks[3]="SİTEADI.COM"
imagelinks[4]="SİTEADI.COM"
imagelinks[5]="SİTEADI.COM"

var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('<a target="_blank" href='+'"'+imagelinks[ry]+'"'+'><img src="'+myimages[ry]+'" border=0></a>')
}
random_imglink()
</script>
</center><!--Author: webkenti.net-->



Eklenti sayfaya ya da siteye her girişinizde size farklı bir resim yada gif animasyonu göstererek bloğunuza zenginlik kazandırır.


myimages[1]="RESİM URL" satırlarındaki RESİM URL : Yerine gözükmesini istediğiniz resmin yada gif animasyonunun URL adresi yazılmalı.

imagelinks[1]="SİTEADI.COM" satırlarındaki SİTEADI.COM : Yerine tıklandığında gitmesini istediğiniz URL (domain adresi ) yazılmalıdır.

myimages[5]="RESİM URL" ve imagelinks[5]="SİTEADI.COM"
satırlarını çoğaltarak ve 5 rakamını 6,7,8… diye artırarak gösterilecek resim sayısını artırabilirsiniz.

Sayfa kapatılıp açıldığında ya da F5 ile sayfa yenilendiğinde gözüken resim otomatik olarak kendisi değişir. Burada dikkat edilmesi gereken tarayıcılarda önbellek hafızası olduğundan olduğundan bu sayfayı yeniden yükle simgesine tıklandığında önbellek bilgilerinin tazelenmesi için birkaç saniye beklenip daha sonra yenileme işlemi yapılmalıdır.
Resimlerde çerçeve olmadığından büyüklüyüğünü kaç px istiyorsak resimlerde o px de olmalıdır.


HTML / JAVASCRIPT EKLEMEK

Widget (gadget) olarak eklemek için :
Blogger > Yerleşim > Gadget ekle > HTML/JavaScript yolunu izleyerek istediğiniz yere ekleyebilirsiniz

Sayfa içinde kullanmak için :
Blogger > Yeni yayın oluştur > HTML yolunu izleyerek istediğiniz yere ekleyebilirsiniz.



* Canlı Demo için
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro
Editörünü kullanabilirsiniz.

6 yorum:

  1. sayfa yenilendikçe yer değiştiren resim kodu var mı

    YanıtlaSil
    Yanıtlar
    1. Güzel fikir yazarım belki bir gün böyle bir eklenti.Ama hazırda yok.

      Sil
  2. Yanıtlar
    1. Selamlar tam olarak ne eklentisi olduğunu anlayamadık ?

      Sil