Resim Galerisi Slideri Oluşturmak (imgur)

Resim Galerisi Oluşturmak

Sitelerde tek bir sayfa içerisinde bir çok resim yada animasyonu bir arada göstermek yada sade bir şekilde resim slider alanı oluşturmak veya manşet alanı eklemek istediğinizde kullanabileceğiniz oldukça faydalı bir servis.



Öncelikle imgur.com dan giriş yapıp resimlerimizi yüklüyor ve sonra albüm oluşturuyoruz. Albüm için bize verdiği embed kodunu istediğimiz gibi düzenleyip istersek Bloggerde sayfa içine HTMLolarak, isterseniz Yerleşim > Gadget ekle > HTML/JavaScript yolunu takip ederek witget olarak ekleyebiliriz.


<iframe class="imgur-album" width="100%" height="550" frameborder="0" src="http://imgur.com/a/FmsHs/embed"></iframe>


width="100%" : Slider genişliği
height="550" : Slider yüksekliği
frameborder="0" : Çerçeve sını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.

4 yorum:

  1. oto slayt bulamadım ayarlarda yardımın dokunurmu

    YanıtlaSil
  2. http://www.picturetrail.com/

    YanıtlaSil