WordPress Sitenizin Sağ Alt Kısmına Sesli Karakter Ekleyin!

Geçen günlerde internette bir websitesinde rastladığım konuyu sizlerle paylaşmak istedim.Bu konudaki denilenleri yaparsanız WordPress sitenizin sağ alt kısmında bir karakter belirecek ve ziyaretçiler mouse imlecini karakterin üzerine götürdüklerinde ses çalacak.

Öncelikle bu linkten bize lazım olan 2 dosyayı indirelim ve iki dosyayıda FTP programı aracılığıyla temanızın içine atınız.

Daha sonra temanızın style.css düzenleme bölümüne giderek şu kodları ekleyip kaydedin ;

#sabit{position:fixed; right:0; bottom:-2px; z-index:9999999;}

Kodu ekleyip kaydettikten sonra header.php‘ye gelerek <body> tagından hemen sonra şu kodları ekleyip kaydedin ;

<div id="sabit">
<img onmouseover="document.getElementById('beep-one').play()" onMouseOut="document.getElementById('beep-one').pause()" src="<?php bloginfo('template_url'); ?>/hudaverdi.png" alt="Hüdaverdi" />
<audio style="display:none;" id="beep-one" controls="controls" preload="auto">
    <source src="<?php bloginfo('template_url'); ?>/hudaverdi.mp3"></source>
</audio>
</div>

Sitenin sağ alt kısmında Hüdaverdi karakteri çıkması lazım.Karakter resmini ve üstüne gelince çalan müziği dilediğiniz gibi değiştirebilirsiniz,bu size kalmış birşey.

Not : Bazı temalarda çalışmıyor.Örneğin benim şuanda kullandığım temada sağ alt kısımda çıkmıyor.

Blogum var wordpress cüneyt arkını buldum ekledim bende ama ses çıkmıyor işte

Footer olması lazım hocam

egonomik adlı site ilk bunu yapmıştı hatırladığıma göre. çok eğlenceliydi o zamanlar. Sırf Cüneyt Arkın'ı dinlemek için siteye giriyordum

"çıkın gidin burdan, döverim, hepinizi döverim uleynn "

İlginç.

Ehehe.

Egonomik'in yaptığı bu şekilde değil yalnız. O Adobe Flash ile swf formatında hazırlamıştı dosyayı.

Flash içerisine mause üzerine gelince ve çekince başlayıp biten fonksiyon ile hazırlanıyor.

Konu sahibi arkadaşın anlattığı yöntem, flash bilmeyenler için alternatif daha basit bir çözüm.

Evet,benim anlattığım yöntem flash bilmeyenler için.

Demo var mı?

Denedim ve onaylıyorum demo isteyen arkadaşlar için tıklayınız.