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.
