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>

13
Bir yorum yap yada bir soru sor.

avatar
8 Yorum konuları
5 Konu cevapları
0 Takipçiler
 
En çok beğenilen yorum dizilişi
En iyi yorum dizilişi
9 Yorum yazarları
hero-oyuns.tr.ggramazanHakan SolmazOnurTimur Demir Son yorum yazarları
  Yorumlara Abone Ol  
Önce Yeniler Önce Eskiler Önce Beğenilenler
Bildir
Nurettin KAYA
Nurettin KAYA

Güzel kod, kendi sitemde kullanıyorum ;)

umut
umut

süpermiş. bence sadece 29 ekimde değil sürekli olarak durmalı :)

İsmail Cem Karakurt
İsmail Cem Karakurt

Bir ara çok aramıştım bulamamıştım.Sadece Atatürk değil Kemal Sunal gibi insanların da vardı.Teşekkürler Atatürk’ü anmak için kullanabileceğimiz bir kod.Codex’in en iyi yönü kodlarda reklam olmaması.

Timur Demir
Timur Demir

Gerçekten her blog ta olması gereken bir şey bana göre. Temamı düzenledikten sonra ekleyeceğim ilk şey diyebilirim. Teşekkürler paylaşım için.

Onur
Onur

Böyle bir yayın için sizi tebrik ediyorum

Hakan Solmaz
Hakan Solmaz

Bence 29 Ekim’de değil her gün durmalı şanlı Atatürk’ümüz.

ramazan
ramazan

Çok güzel bir yazı olmuş, ne zamandır siteme ekelmeye çalışıyordum, diğer kaynaklardakiler hep bozuk. elinize sağlık.

hero-oyuns.tr.gg
hero-oyuns.tr.gg

sağol 23 nisan oldu için siteme eklicem