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.
As we progress deeper into the digital age, the spheres of technology and finance continue…
Tarayıcınızda gizli mod'da çalıştırmayı devre dışı bırakabilirsiniz. Windows ve macOS için Google Chrome'da, Windows için…
Broadcom, VMware'in ESXi hipervizörünün ücretsiz sürümünü durdurdu. Değişiklik haberi, aracın VMware.com'dan kaldırıldığını ortaya koyan ve…
Kaybolan airpod'unuzu bulmak için aşağıdaki 3 yöntemi kullanabilirsiniz. AirPod'larınızın kaybolması durumunda yerini bulmanıza yardımcı olması…
Vmware ve Broadcom Sanallaştırma öncüsü Vmware, Broadcom tarafından satın alınmasının ardından bazı değişiklikler geçiriyor. Kurumsal…
Google Fotoğraflar, yani One aboneliğinizi iptal etmek mi istiyorsunuz ? Bildiğiniz gibi Google 15 GB…