Bu konuda sizlere WordPress sitenizin sağ alt kısmına nasıl sesli karakter ekleyebileceğinizi anlatmıştım.Dün düşündüm taşındım bunu logo’ya nasıl entegre ederim diye.

Bir kaç denemeden sonra bunun aslında çok kolay Flash’a gerek duymadan yapılabildiğini öğrendim.Ve şuan websitemin logosunun üstüne geldiğinizde “hele gel” adlı ses parçası çalması gerekiyor.Bunu birazdan sizlere vereceğim kodda istediğiniz gibi değişiklikler yapabilir , müziği ve resmi dilediğiniz gibi değiştirebilirsiniz.

İsterseniz sizi daha fazla bekletmeden kodlara geçelim ;

Öncelikle , genelde header.php’de olan logonuzun kodlarının tanımlandığı yere gidin.Logo kısmının olduğu kod bloğunu bulun ve şununla değiştirin ;

<a href="<?php bloginfo('url'); ?>"> <img onmouseover="document.getElementById('beep-one').play()" onMouseOut="document.getElementById('beep-one').pause()" src="http://nazimmertbilgi.com/logo.png" width="250" height="43" alt="Nazım Mert Bilgi" />
<audio style="display:none;" id="beep-one" controls="controls" preload="auto">
 <source src="<?php bloginfo('template_url'); ?>/helegel.mp3"></source>
</audio> </a>

Kırmızı olan yerleri kendinize göre değiştirebilirsiniz.Eğer logom benim belirlediğim boyutlarda değilde olduğu gibi çıksın istiyorsanız yukarıdaki koddan şu kısmı çıkarınız ;

width="250" height="43"

Kodu doğru bir şekilde yerleştirdiğinizde çalışmış olması gerekiyor.Internet Explorer’da hemen çalışıyor ancak Chrome’da çalışması için Chrome’un en son sürümünü yükleyip çerezleri temizlerseniz Chrome’dada çalışmaya başlayacaktır.