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 Yorum

  1. Cevap yaz

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

  2. Cevap yaz

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

    • Cevap yaz

      Kesinlikle haklısın umut :)

  3. Cevap yaz

    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ı.

    • Cevap yaz

      Yorumunuz için teşekkürler, Güle Güle kullanın, kodlarda hiç bir zaman reklam olmayacak, ilerleyen zamanlarda diğer ünlülerin veya tanınmış kişilerin görselleri, sesleri yada swf’lerini de paylaşacağım takipte kalın.

  4. Cevap yaz

    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.

    • Cevap yaz

      Ne demek Timur güzel günlerde kullan.

  5. Cevap yaz

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

    • Cevap yaz

      Gösterdiğiniz ilgiden dolayı ban sizi tebrik ederim :)

  6. Cevap yaz

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

    • Cevap yaz

      Bende aynı düşüncedeyim.

  7. Cevap yaz

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

  8. Cevap yaz

    sağol 23 nisan oldu için siteme eklicem

Bir Cevap Bırakın

Your email address will not be published. Required fields are marked *

You may use these <abbr title="HyperText Markup Language">HTML</abbr> tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>