WordPress altyapısını kullanan bloglarda sayfanın belirli yerlerine eklenen ve üzerine gelince ses gelen resimler görmüşsünüzdür. Çok basit bir işlem ile sizde blog’larınıza bu işlemi yapabilirsiniz.
Gerekli dosyalar:
Sayfamıza eklemek istediğimiz resim
Müzik eklemek için 1 adet mp3 dosyası
Aynı müzik için .ogg uzantılı müzik dosyası. Elinizde bulunan mp3 dosyasını converter kullanarak bu formata dönüştürebilirsiniz.
Style.css Dosyasına aşağıdaki kodu ekleyin.
#sabit {position:fixed; right:0; bottom:-2px; z-index:9999999;}
Daha sonra Header.php <body> altına aşağıdaki kodları kopyalayın.
<img onmouseover=”document.getElementById(‘beep-one’).play()” onMouseOut=”document.getElementById(‘beep-one’).pause()” src=”<?php bloginfo(‘template_url’); ?>/Resim.png” alt=”Ozengen.com resim tag” />
<audio style=”display:none;” id=”beep-one” controls=”controls” preload=”auto”>
<source src=”<?php bloginfo(‘template_url’); ?>/Muzik.mp3″></source>
<source src=”<?php bloginfo(‘template_url’); ?>/muzik.ogg”></source>
</audio>
</div>
Gerekli düzenlemeleri yaptıktan sonra dosyalarımızı tema klasörü içine kopyalıyoruz. Sayfanıza girerek işlemleri test edebilirsiniz. Sorun yaşayan arkadaşlar yorum atarsa yardımcı olmaya çalışırız.
e-Devlet Kapısı, vatandaşların kamu kurumlarına ait pek çok hizmete tek noktadan, hızlı ve güvenli biçimde…
Yapay zekâ (AI) teknolojilerinin hızlı gelişimi, insan–makine etkileşiminde köklü değişiklikler yaratmıştır. Bu dönüşümün en dikkat…
Microsoft Word kullanırken zaman zaman boş veya istemediğimiz bir sayfa oluşabilir. Özellikle belge düzenlerken, çıktı…
Windows 12, Microsoft tarafından resmi olarak duyurulmamış olmasına rağmen teknoloji dünyasının en çok merak ettiği…
Windows 11 Home mu yoksa Windows 11 Pro mu tercih etmeli? Her iki sürüm de…
VMware, sanallaştırma alanında en yaygın kullanılan platformlardan biridir. Bir VMware sanal makinesi (VM), gerçekte birden…