Bloggera her geçen gün sevgim biraz daha artıyor.
Yayınlarınızda veya herhangi bir yerde kullanabileceğiniz güzel bir kod ile tekrar karşınızdayız.
Ne işe yarar? |
Kodu bir yayınınıza veya bir yere eklediğinizde bir resim görünecek ve bu resimin üzerine mouse ile geldiğinizde ise 2. resim karşınıza çıkacak.
Bu konuda sizi daha iyi aydınlatabilrmemiz için aşağıdaki gif resimi inceleyin.
Önizleme |
Kodlar: |
<style>
.cadamresim {
width: 468px;
height: 60px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitPH0GjSjjTDQhQVcVGegvit2XPBkLwNp9T1ctUt-eeu2otmmSU-5s9kwr92eUFb53kotIq7repsGBcdyW9mevD0W7CtLOmXzWzIZox9o4aOp_SNclTQ67JJIFTk8OXJWe-cJ5lrzu9V8/s1600/fullcyberadam.gif);
}
.cadamresim:hover {
width: 468px;
height: 60px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoSTIC7hH8120EulZVyEIYEdkZrnQ9Zh_KVrktov9VaJ6T0o5dP4yyewjha-0_4aWFeCzeqIe_o4NTt18a013sEY_vzT97oaGmln91xfx3uIC_M8M7gqA0kqucRvW6J-yLO1XI3b1rzpg/s1600/Ba%C5%9Fl%C4%B1ks%C4%B1z-1.gif);
}
</style>
<br />
<div class="cadamresim">
</div>
Düzenlemeniz gereken yerler mavi renkle işaretlendi.
İlk resim urlsi normalde görünen resim ikincisi ise mouse ile üzerine gelindiğinde görünecek resimdir.
Mutlu zamanlarda kullanmanız dileğiyle, bir sonraki yazımızda görüşmek üzere bizi takipte kalın.
İlgili Aramalar: Blogger, eklenti, Blogger Eklenti, üzerine gelince, mouse, üzerine gelince değişen resim kodu, değişen resim, kod,
* Belirli sitelerde üyeliğiniz yok ise Anonim ya da Adı/Url seçeneğini kullanarak yorum yapabilirsiniz.
* Yorumuna gelen cevaptan haberdar olmak için yorum kutusunun sağ alt köşedeki "beni bilgilendir" adlı kutuyu işaretlediğinizde bilgilendirme mail adresinize gelicek.