Sitenizin Sağ Alt Kısmına 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 atalım.

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.

Bu içeriklerde ilginizi çekebilir

1 Yorum