Blogunuza mouse ile değişen (rollover) resim ekleyin

Rollover resim,farenizi resim üzerine getirdiğiniz zaman başka bir resim gözükür,fareyi resim üzerinden kaldırdığınız zaman eski haline döner.Bu dönüşüm oldukça hızlıdır,yanı bir sayfanın yüklemesinden çok daha hızlıdır.Alttaki resmin üzerine farenizi getirdiğinizde resim değişiyor.

                 



Bu tür resimler için aşağıdaki kodu kullanabilirsiniz:

<a href="URL ADRES"><img src="Birinci resim url adresi" onmouseover="this.src='İkinci resim url adresi'" onmouseout="this.src='Birinci resim url adresi'" /></a>

-URL ADRES:Okuyucuyu göndermek istediğiniz sayfanın url'sidir.

-Birinci resim url adresi:Üzerine fare olmadan gözüken resimdir.

-İkinci resim url adresi:Üzerine fare getirildiği zaman gözüken resimdir.
Bunu blogunuza eklemek için sol tarafta bulunan Yerleşim bölümüne gidiniz ve gadget ekleye tıklayın.Açılan sayfada aşağıya doğru inip HTML/JavaScript seçin.Açılan boş pencereye yukarıdaki kodu yapıştırın.