Sitenin köşesine sesli Atatürk resmi ekleme

Bu gün ki yazımda sizlere standart olarak site köşesine eklenen Atatürk görselini paylaşacağım, aşağıda vereceğim kodlar sayesinde sitenizin köşesine çok kolay bir şekilde Atatürk’ün sesli görselini ekleyebilirsiniz.

Ses 29 Ekim Cumhuriyet Bayramına özel olarak düzenlemiştir isteyenler ses olan kısmı silerekde kullanabilirler, isteğe bağlı olarak görseli ve ses dosyasını kendi sitenize ekeleyerekte kullanabilirisniz.

Şimdi gelelim kuruluma, WordPress kullananlar header.php dosyasını açarak dosyanın en alt kısmına yukarıdaki kodların tamamını yapıştırarak kolaylıkla kurulumu yapabilirler, WordPress kullanmayan arkadaşlar ise varsa kullandıkları altyapıda header.php dosyası yine aynı şekilde musait bir yere kelesinler eğer oda yok ise tahmini olarak dosylarınızın içerine deneme yanılma yönetici ile ekleyebilirler, sorularınız foruma yorum olarak yazabilirsiniz.

<style>
#ataturk { 
	position:fixed; 
	right:0; bottom:-2px;
	z-index:9999999;
}
</style>
<div id="ataturk">
<img onmouseover="document.getElementById('beep-one').play()" onMouseOut="document.getElementById('beep-one').pause()" src="https://codex.dincmedya.com.tr/dosya/img/ataturk.png" alt="Özledik.." />
<audio style="display:none;" id="beep-one" controls="controls" preload="auto">
<source src="https://codex.dincmedya.com.tr/dosya/mp3/ataturk.mp3"></source>
</audio>
</div>

Yukarıda da bahsettiğim igbi sesi kaldırmak sitiyorsanız eğer aşağıdaki kodları silmeniz yeterli olacaktır.

<source src="https://codex.dincmedya.com.tr/dosya/mp3/ataturk.mp3"></source>