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

Ç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>



Bloggerde ister sayfa içerisine HTML bölümünden ekleyebileceğiniz isterseniz

Yerleşim > Gadget ekle > Javascript/HTML ekle yolunu izleyerek widget olarak ekleyebileceğiniz oldukça işlevsel bir eklentidir.

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.


CANLI DEMO SAYFASI

4 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