Blogger Dersleri

Blogger Dersleri - kuşağında belirlediğiniz linkler sahip olan resimleri rastgele gösterme konusundan bahsedeceğim. Bu javascript ile daha az kullanarak daha fazla içeriği site takipçileriniz ile paylaşabilirsiniz. Özellikle menü olarak rastgele sayfa içeriği sunmak isteyenler için oldukça ideal bir kod dizini

Blogger Dersleri - Rastgele Resim Galerisi Kullanımı

Eklentiyi kullanmak için Şablon >> Gadget Ekle >> HTML/Java Script kutucuğunu kullanarak Blogger Eklentileri - Blogger Rastgele Resimleri Göster Eklentisi kodlarını eklemelisiniz.

Yazı içerisinde kullanmak istiyorsanız HTML bölümüne kod dizinini ekleyerek Blogger rastgele resim gösterme galerisi kodlarını eklemeniz yeterlidir.

Blogger Dersleri - Rastgele Resim Galerisi Kodları

<script type="text/javascript">

//Javascript Created by Computerhope 

//store the quotations in arrays

var images = [], 
index = 0;

images[0] = "<a href = 'http://www.bloggerdersleri.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3pnmgR4mK-ECUb9UdkXpDzcTf62pK6foT89jauYiLTuuosuosZ0ZY-WsFq21XOv9OyqQWIXWumVehZv3Wjnnv8zLEiEl2SPqdYISfz_5JSswLPO3BPZs0SrzuB3O-GF1rH6tggAUaFW0c/s320/blogger-seo-sayfa-ici-link.png' alt='Blogger Dersleri'></a>";

images[1] = "<a href = 'http://www.bloggerdersleri.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtKYpRpJDXkbeIZ4cbkVhJjI9DP6yC_NuVYswv9gAKUja9IRWlor8b5HxOea7sO-rNB_yzlOenCQM6__QYhXvixnjXucwelgCHTZ-xKWHFSZ4hINsit3qen7eHo8IDz_RjERUH-uvbmjWJ/s400/blogger-sayacli-sosyal-paylasim-sitesi-butonlari.png' alt='Blogger Dersleri'></a>";

images[2] = "<a href = 'http://www.bloggerdersleri.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjss3TejIxD9_EutuwoBmTUhfbS8q8TVgcJW3Yd_z176deDHUQSOzEHZu8MolgMHtYcShV8Z1sjppfDwJkDWbSeTbwRFGQC6bj9BoYr9ITtAzomhUhX0_JWLEDibt4vhOl_Tfj8M74XqqiI/s320/blogger-istatistikleri-goster-eklentisi.jpg' alt='Blogger Dersleri'></a>";

images[3] = "<a href = 'http://www.bloggerdersleri.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvGi6RIZgdQt46OYh9MXLj7Ykj2Zm3hKY-DZVR8-a1bnB_14tcQptdsmCyCs6DviLHSqJSr5GDy-vvbVjAt48QLjvGXyhluzwDiycFMZO-poEvG9jLmdFQPmF8bIi1QOUaU2kLkR2O1QtR/s320/blogger-yorumlar%C4%B1n-onemi.jpg' alt='Blogger Dersleri'></a>";

index = Math.floor(Math.random() * images.length);

document.write(images[index]);

//done

</script><br>

Blogger Dersleri - Blogger Rastgele Resim Gösterme Galerisi Uyarlama

images[0] = "<a href = 'http://www.bloggerdersleri.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvGi6RIZgdQt46OYh9MXLj7Ykj2Zm3hKY-DZVR8-a1bnB_14tcQptdsmCyCs6DviLHSqJSr5GDy-vvbVjAt48QLjvGXyhluzwDiycFMZO-poEvG9jLmdFQPmF8bIi1QOUaU2kLkR2O1QtR/s320/blogger-yorumlar%C4%B1n-onemi.jpg' alt='Blogger Dersleri'></a>";

Resme tıklandığında gitmesini isteğiniz link : Kırmızı
Resim linki eklemeniz gereken yer : Pembe
Resim açıklaması : Sarı
Daha fazla resim ekleme niyetinde iseniz yukarıda ki kod dizini images [4] arkasına yapıştırıp parantez içersindeki sayısal değeri ardışık olarak artırın.