Blogger Kayan Resim Eklentisi (Marquee)

Bloggerde kayan resimler ile ister sayfa içine HTML olarak, isterseniz Yerleşim > Gadget ekle > HTML/JavaScript yolunu takip ederek gadget olarak ekleyebileceğiniz eklentiler











1.) Sağdan Sola Kayan Resimler

<marquee scrollamount="5">
<img src="RESİM URL">
<img src="RESİM URL">
<img src="RESİM URL">
<img src="RESİM URL">
<img src="RESİM URL">
</marquee>

2.) Soldan Sağa Kayan Resimler

<marquee direction="right" scrollamount="5">
<img src="RESİM URL">
<img src="RESİM URL">
<img src="RESİM URL">
<img src="RESİM URL">
<img src="RESİM URL">
</marquee>


3.) Sağdan Sola, Soldan Sağa Kayan Resimler


<marquee behavior="alternate" scrollamount="5">
<img src="RESİM URL">
<img src="RESİM URL">
<img src="RESİM URL">
<img src="RESİM URL">
<img src="RESİM URL">
</marquee>


4.) Aşağıdan Yukarıya Kayan Resimler (Soldan)

<marquee direction="up" scrollamount="5">
<img src="RESİM URL">
<div>
<img src="RESİM URL">
<div>
<img src="RESİM URL">
<div>
<img src="RESİM URL">
<div>
<img src="RESİM URL">
</marquee>

5.) Aşağıdan Yukarıya Kayan Resimler (Ortadan)

<marquee direction="up" align="middle" scrollamount="5">
<img src="RESİM URL">
<div>
<img src="RESİM URL">
<div>
<img src="RESİM URL">
<div>
<img src="RESİM URL">
<div>
<img src="RESİM URL">
</marquee>

6.) Aşağıdan Yukarıya Kayan Resimler (Sağdan)

<marquee direction="up" align="right" scrollamount="5">
<img src="RESİM URL">
<div>
<img src="RESİM URL">
<div>
<img src="RESİM URL">
<div>
<img src="RESİM URL">
<div>
<img src="RESİM URL">
</marquee>


7.) Yukarıdan Aşağıya Kayan Resimler (Soldan)

<marquee direction="down" scrollamount="5">
<img src="RESİM URL">
<div>
<img src="RESİM URL">
<div>
<img src="RESİM URL">
<div>
<img src="RESİM URL">
<div>
<img src="RESİM URL">
</marquee>

8.) Yukarıdan Aşağıya Kayan Resimler (Ortadan)

<marquee direction="down" align="middle" scrollamount="5">
<img src="RESİM URL">
<div>
<img src="RESİM URL">
<div>
<img src="RESİM URL">
<div>
<img src="RESİM URL">
<div>
<img src="RESİM URL">
</marquee>


9.) Yukarıdan Aşağıya Kayan Resimler (Sağdan)

<marquee direction="down" align="right" scrollamount="5">
<img src="RESİM URL">
<div>
<img src="RESİM URL">
<div>
<img src="RESİM URL">
<div>
<img src="RESİM URL">
<div>
<img src="RESİM URL">
</marquee>


scrollamount="5" : Buradaki 5 rakamı geçiş süresidir istediğiniz hıza göre 1,2,3... değiştirebilirsibniz.
RESİM URL : Buraya eklemek istediğiniz resmin URL adresini kopyalayın.
<img src="RESİM URL"> : Satırını azaltarak yada çoğaltarak resim sayısını belirleyebilirsiniz.
<img src="RESİM URL"> : Yerine  <a href="#"><img src="RESİM URL">  kullanırsanız
# yerine bir URL yapıştırarak resimlerinize link vermiş olursunuz
Resim büyüklüğü : Eklediğiniz resimlerin en ve boy px (piksel) leridir. Çerçevesiz olduğundan aynı büyüklükte görsel için aynı büyüklükte resim ölçüsü (en-boy) kullanılmalıdır.

LIVE DEMO











3 yorum:

  1. hizini nasil ayarlayabiliyoruz ?

    YanıtlaSil
    Yanıtlar
    1. Selamlar
      Profesyonel Yardımlarımız Ve Danışmanlık Hizmetlerimiz Ücretlidir
      İsterseniz iletişim sayfamızdaki formdan iletişime gereçerek birebir yardım alabilirsiniz.

      Sil