Banner

Blogun Sağ Alt Köşesine Sesli Resim Nasıl Eklenir?

html5-css

Blogun sağ alt köşesine Atatürk resmini nasıl koyduğumu ve bu resmin üzerine fareyi götürdüğümüzde sesin çıkmasını nasıl sağladığımızı anlatacağım.

Öncelikle elinizde, blogunuzda görünmesini istediğiniz resim ve bununla birlikte bir tane mp3 dosyası, bir tane de ogg dosyası olması gerekir.

Elinizdeki mp3 dosyasını, internette bulabileceğiniz çeşitli dönüştürme programlarından birisiyle ogg formatına dönüştürebilirsiniz. Bu konuda bir sıkıntı yaşarsanız yazının altına yorum olarak belirtin.

Şimdi ilk önce blogunuzun style.css dosyasına aşağıdaki kodu ekleyin.

Ardından header.php dosyasındaki <body> etiketinin altına aşağıdaki kodu ekleyin.

Dosyalarınızı kullandığınız FTP programıyla birlikte tema klasörünüzün içine atın. Ana dizine attığınızda hem resim, hem de ses dosyası çalışmaz.

Yukarıda hem mp3 hem de ogg formatını neden kullandığımızı merak ediyor olabilirsiniz. Hemen açıklayayım. Sadece MP3 formatını kullanırsak Chrome ve Safari’de düzgün çalışıyor. Fakat Firefox ve Opera kullanıcıları resimleri düzgün görüntülemelerine rağmen sesi duyamıyorlar. Sesin hem Firefox hem de Opera’da da çalışması için OGG formatını kullanıyoruz.

Bütün işlemleri doğru yaptığınız taktirde sorunsuz bir şekilde çalışacaktır.

Share Button

Comments of this post

Zafer LATİF

Zafer LATİF
14 Ekim 2013

Eline sağlık. Bende bu yönergeleri izleyerek sayfama ekledim. Teşekkürler.

[Cevapla]

P_Buyukarslan Yanıtladı:

Senin blogta da güzel durmuş. Rica ederim.

[Cevapla]

P_Buyukarslan Yanıtladı:

Senin blogta da güzel durmuş. Rica ederim.

[Cevapla]

Önceki yazıyı okuyun:
Mozilla Firefox OS 1.1 Güncellemesi Geldi

Mozilla HTML5 tabanlı mobil işletim sistemi olan Firefox OS'un ilk güncellemesini yayınladı.

Kapat