Blogger Dersleri - Rastgele Resim Galerisi

Blogger Dersleri - Rastgele Resim Galerisi
Blogger Dersleri - Rastgele Resim Galerisi 

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='http://1.bp.blogspot.com/-eJ-A8wRpmQE/UGDlvMwVZaI/AAAAAAAAGyM/DSSa7Qrmvdk/s320/blogger-seo-sayfa-ici-link.png' alt='Blogger Dersleri'></a>";

images[1] = "<a href = 'http://www.bloggerdersleri.com/'><img src='http://2.bp.blogspot.com/-1sHQo1yc9tk/UFsiUo_3MfI/AAAAAAAAGvo/stzLFir9ZQ0/s400/blogger-sayacli-sosyal-paylasim-sitesi-butonlari.png' alt='Blogger Dersleri'></a>";

images[2] = "<a href = 'http://www.bloggerdersleri.com/'><img src='http://2.bp.blogspot.com/-8Xij3ohVrLk/UFj3N4yAUAI/AAAAAAAAGto/Z0uMGUfozQo/s320/blogger-istatistikleri-goster-eklentisi.jpg' alt='Blogger Dersleri'></a>";

images[3] = "<a href = 'http://www.bloggerdersleri.com/'><img src='http://4.bp.blogspot.com/-SYyx_U1pOXc/UGF4jAFixRI/AAAAAAAAGzc/V3lr3mUWRrE/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='http://4.bp.blogspot.com/-SYyx_U1pOXc/UGF4jAFixRI/AAAAAAAAGzc/V3lr3mUWRrE/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. 

Blogger Dersleri - Blogger Rastgele Resim Gösterme Galerisi Demo 




Sayfayı yenilerseniz yukarıdaki resimlerin değiştiğini görebilirsiniz.
Makaleyi Paylaş :
 

Yorum Gönder

 
Hakkında : kredi kartı borcu taksitlendirme
Copyright © 2012 - 2013. Blogger Dersleri - All Rights Reserved | Proudly powered by Blogger