Ana içeriğe atla

Resim Slider (Slayt) Eklentisi

Blogger Resim Slider Kodu


Değişik amaçlarla kullanılabilecek site içi çalışan güzel bir manşet alanı Site içinde çalıştığı için sayfa hızına etkisi minimumdur. HTML kodları düzenleyerek değişik animasyonlar ve görseller oluşturup kullanabilirsiniz.


Kod:




<a href="#" title="Resim Açıklaması"><Resim URL" /></a><span><h2>RESİM YAZISI</h2></span>

Kısımlarını kendinize göre düzenleyebilirsiniz.
Paylaşımlarınızı yazdığınız panelde HTML kısmından ekleyerek tek bir sayfa içinde de kullanabilirsiniz.
Standart HTML/CCS yapısı kullanılmıştır, isterseniz değiştirip temanıza uygun görsellikte kullanabilirsiniz.
Resimler fixlenmemiştir, yani resim ölçülerini (px) ekleyeceğiniz alana göre önceden boyutlandırmanız gerekmektedir.
Bloggerde Resim slider, slayt alanı yada manşet alanında kullanabilirsiniz.


HTML / JAVASCRIPT EKLEMEK

Widget (gadget) olarak eklemek için :
Blogger > Düzen > 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
Kod Editörünü kullanabilirsiniz.

Yorumlar