2015 8 ball pool 8x ac3 desteği ac3 desteklenmiyor adblock plus alarm modu android android cihaz kaldırma android marketten cihaz kaldırma ankastre Anti-virüs arıza bulma giderme arıza kaydı arkaplan değiştirme Asus Netbook Aşçılık atari atari oyunları atatürk avermedia tv avertv bardak bilardo bilardo oyunu bilgi kurtarma programı bir iç hata oluştu bir karafatmanın günlüğü birim etiketi Blocks teması Blocks2 teması blog yazarlığı bu resim duvar kağıdı olarak ayarlanamaz Bu ses biçimi (AC3) desteklenmiyor. Lütfen özel çözücü deneyin bugmenot casio casio cmd casio cmd 40 tv kodları casio cmd-40 casio cmd-40 kullanma kılavuzu casio cmd-40 türkçe kullanma kılavuzu ccleaner ccleaner download ccleaner türkçe cd/dvd cins köpek fiyatları cins köpekler kaç para clamav cmd 40 combofix default avatar defraggler deri kol saati disk birleştiricisi disk defrag dizi takip dizi takip android dizi takip android uygulamaları dizi takip etme sitesi dizi takip siteleri dizi takip uygulamaları dizin adı dosya adı dosya silme hatası dosyaları kurtarma downthemall duolingo duolingo android dvd yazıcı elit hizmet fatih bayhan Featured fikriye hanım firefox eklentileri firefox için eklentiler Firewall flashblock flashgot free dos free dos laptop free dos nedir full house fuller house function theme gezgin gezi gezi blogu ghostery gmail notifier GNU/Linux gogear google play store cihaz silme greasemonkey Güvenlik hafıza kartı disk korumasını kaldırma hafıza kartı disk yazma koruma hatası hafıza kartı disk yazmaya karşı korumalı nasıl kaldırılır harici harici dvd writer harici dvd yazıcı hediye hesap makinası modu holiday hero holiday hero bölüm holiday hero bölümler holiday hero görev holiday hero görevleri hoparlör html dersi html dersleri html indir html kodları iç tesisat ikinciel indir indir ccleaner ingilizce İzlediklerim izmirli gezgin izmirli gezginler j-win jackie chan jbl jbl go jbl go bluetooth jbl go bluetooth hoparlör jbl go inceleme jbl go indirim jbl go media markt jbl go yorum jbl hoparlör jnes jnes 1.0.2 jnes download jnes emulator jnes emülatörü jnes indir jwin kablosuz mouse kaspersky kaspersky 2011 kaspersky internet security kaspersky kis kaspersky security kategori güncellenmedi kis Kişisel Kitap klasör silme hatası kol saati köpek almak köpek fiyatları köpek satın almak kronometre modu kurtarma programı kurtarma yazılımı languages latife hanım logitech m305 logitech mouse mini notebook mini speakers Mo dosyaları mobil oyun mobil oyunlar modem mp3 player mustafa kemal atatürk mx player nasıl değiştirilir nes oyunları netbook Nostalji öğrenme modu özçekim özçekim çubuğu özel çözücü özgür toplum özgür yazılım pcnet pcnet dergisi philips Philips Gogear Vibe 4gb Mp3/Mp4 Player Po dosyaları Poedit Programlama recuva recuva indir recuva türkçe richard m. stallman s-602 saat ve tarihi ayarlamak saat-tarih modu salih bozok samsung samsung galaxy samsung galaxy tab 3 lite samsung galaxy tab 3 lite t113 score hero score hero bölüm score hero bölüm hilesi score hero bölümler score hero görev score hero görevleri score hero hile se-s084c searchstatus selfie selfie çubuğu seriesguide silinen dosyaları kurtarmak sm-t113 sonic ball speakers sony sony vaio sony vaio fiyatı sony vaio fiyatları Sorun & Çözüm Sosyal Medya sözdizimi splitter süresi sınırlı etkinlik swift swift teması swift theme t113 tab 3 tab 3 lite tab 3 lite t113 teknik özellikler Teknoloji temizlik termos bardak trakt trakttv türk telekom türkçe jnes emülatörü tv kartı tv kartı fiyatı usb mouse usb tv kartı uygulama içi satın alma uzaktan kumanda fonksiyonlarının kullanımı üretici firma kodu ürün inceleme ürün tanıtımı Ürün Tanıtımları vaio vaio p serisi varsayılan resim veda filmi vibe Vista volargo VPCP11S1E/B windows windows 7 windows 7 starter windows xp wireless mouse wizz rss news reader lite Wordpress XP Yazılım yeni yıl yeniyıl yılbaşı zülfü livaneli

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

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.

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

#sabit {position:fixed; right:0; bottom:-2px; z-index:9999999;}

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

<div id="sabit"><img onmouseover="document.getElementById('beep-one').play()" onMouseOut="document.getElementById('beep-one').pause()" src="<?php bloginfo('template_url'); ?>/ataturk.png" alt="Atatürk" /><audio style="display:none;" id="beep-one" controls="controls" preload="auto"> <source src="<?php bloginfo('template_url'); ?>/ataturk.mp3"></source> <source src="<?php bloginfo('template_url'); ?>/ataturk.ogg"></source></audio></div>

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.

Etiketler:

Yorum Gönder


Polat Büyükarslan

{picture#https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN_Z4CNNFPbEmgZzgiJ9bbWRsmbAa88zC_ufwj8zqyqVowqdHIYmtV1UaXEJYsyepZnSq55aakjLww0lMN_tyyTLvo3pUUyEM7RbJBcZjkfClDYm7MEtgPE-ZDbnFQ_dCuEiHffXNSnzU882vGaO4Ms-SirBKN4Ir3OGGI-JWhE_iqT6H0f4nST8ydwWg/s100/msn-profil-avatar.png} YOUR_PROFILE_DESCRIPTION {facebook#https://www.facebook.com/polat.buyukarslan} {twitter#https://x.com/iampolat} {instagram#https://www.instagram.com/polat.buyukarslan} {linkedin#https://www.linkedin.com/in/polatbuyukarslan/} {youtube#https://www.youtube.com/@polatbuyukarslan}

İletişim Formu

Ad

E-posta *

Mesaj *

Blogger tarafından desteklenmektedir.
[2009-2025] - 16. Yıl