Öncelikle bu şekilde karakter genelde flash ile yapılmakta. Fakat oldukça zahmetli bir iş. Ben flash ile yapmak yerine html ile nasıl yapıldığını anlatacağım. Ben basit bir örnek yaptım isterseniz siz kendinize göre değiştirebilirsiniz.
Öncelikle buradan gerekli dosyaları indirin ve rar dosyasını açın. İçinden çıkan hudaverdi.png ve hudaverdi.mp3 dosyalarını temanızın bulunduğu klasöre atın. Daha sonra style.css dosyasını açarak aşağıdaki kodları ekleyin.
#sabit{position:fixed; right:0; bottom:-2px; z-index:9999999;}
Daha sonra header.php dosyamızı açarak etiketinin hemen altına aşağıdaki kodları ekleyin.
Bu işlemi de yaptıktan sonra blogun sağ alt köşesinde Hüdaverdi’nin çıkması lazım. Tabi siz bunu kullanmak yerine başka karakter de kullanabilirsiniz. Kullanmak istediğiniz karakteri Photoshop yardımıyla güzelce kesin. Arkaplan transparan olsun ve png olarak kaydedin. Sonra üzerine gelince ne çalmasını istiyorsanız onu bulun. Hatta ses kesme işlemi yapacak olursanız MP3 Splitter programını da kullanabilirsiniz.
Kaynak: http://www.usluer.net/blogunuzun-kosesine-sesli-karakter-ekleyin/