Blog ya da web sayfasına müzik ekleme

Yayınlama: 26/07/2012
Güncelleme: 21/06/2023

Blog sayfanıza ya da web sayfanıza müzik eklemek için çeşitli seçenekler var. Burada göstereceğimiz yöntem HTML5 audio
etiketi ile olacaktır.
Böylece HTML5 destekli tarayıcılarda flash, java ya da eklenti kullanmamıza gerek kalmadan kolayca müzik ekleyebileceğiz.
Tek dezevantajı çok eski sürüm web tarayıcıların bunu desteklememesi.

Kullanımı:
Audio etiketi HTML5 ile gelen bir özelliktir.
Kullanımı basittir.
Detaylı teknik bilgiye buradan ulaşabilirsiniz.

Blog editöründe HTML düzenleyiciye geçin. Aşağıda taslağı verilen kodları ekleyin.

<audio controls="">
	<source src="müzik dosyası adresi(link)"></source>
	Müzik kontrollerini göremiyorsanız tarayıcınız audio etiketini desteklememektedir.
</audio>

ÖRNEK:

<audio controls="">
	<source 
	src="https://upload.wikimedia.org/wikipedia/commons/f/ff/Vivaldi_-_Four_Seasons_1_Spring_mvt_1_Allegro_-_John_Harrison_violin.oga">
	</source>Müzik kontrollerini göremiyorsanız tarayıcınız audio etiketini desteklememektedir.
</audio>

Kontroller:

Kodlamada controls yanına eklenmelidir. controls autoplay loop gibi.
Zorunlu değildir. İstenilen eklenebilir.
autoplay: Müzik sayfa açılınca otomatik yürütülecektir.
loop: Müzik tamamlanınca tekrar yürütülür.

Blog sayfa adresim

www.akcansoft.com blog sayfam bu tarihten sonra akcansoft.blogspot.com olarak devam edecektir.

Not: 18/6/2023 tarihinde akcansoft.blogspot.com sayfasındaki yazıların çoğu mesutakcan.blogspot.com adresine taşınmıştır.

Blogspot'da özel alan adını kullanma

Bloggerdaki blog sayfanızı blogadi.blogspot.com şeklindeki alan adı yerine kendize özel alan adı ile kullanabilirsiniz.

Bu işleme başlamadan önce kullanacağınız alan adını satın almanız gerekir Türkiye'de ve diğer ülkelerde alan adı satan firmalar var. Bunların birinden kullanılmayan biz özel alan adını satın alın. Ben www.natro.com firmasından satın aldım.

Alan Adını Ayarlama:

Alan adını aldıktan sonra alan adı ayarlarına girin. Firmaların alan adı ayar sayfaları farklılık gösterebilir. Ben Natro'ya göre açıklayacağım.

Natro'ya kullanıcı adınız ile giriş yaptıktan sonra "Müşteri Paneli" sayfasını açın.
Alan Adı Yönetimi > DNS kayıt Yönetimi tıklayın
Alan adınızı seçip "Devam" tıklayın

Aşağıdaki resimde olduğu gibi bilgileri girin. Resimdeki bilgiler kaynakci.org'a göredir bunu kendi alan adınız ile değiştirin.

Blogger Ayarları:

Yeni Blogger şablonları

Blogger çok yaygın olarak kullanılan bir blog servisi.
Kendi bünyesinde birkaç şablon(template) olsa da bazı kişiler değişik şablon arayışı içinde oluyor.
O yüzden internette çok sayıda blogger şablonu bulunabiliyor.

Aşağıdaki listede yeni güzel blogger şablonları bulunuyor.

1. Cloud Blogging
2. D Water Drops
3. The Scroll
4. Hi There
5. Sculpture Form
6. Bright Lights
7. Black Wave
8. Kenza

Blogger, Blogspot Şablonları (Template)

Blog sitesi olmayan kaldı mı? İnternet ile alakalı olup da blog sitesi olmayan çok az kişi kaldı. Bedava blog servisleri sayesinde fazla bilgi ve zahmete gerek kalmadan birkaç adımda internette yer edinebiliyorsunuz. Bu servisi sunan en popüler site tabii ki blogger.com. Google satın aldıktan sonra popülaritesi daha da arttı.

Bir şekilde blogger'dan site oluşturduysanız var olan şablonu beğenmeyebilirsiniz. Kendinize özel hoş bir şablon arıyorsanız aşağıdaki linklere başvurabilirsiniz.

• mashable.com/2008/05/17/70-plus-new-and-beautiful-blogger-templates/ 70 tane blogger şablonu
• blogandweb.com/templates-blogger/ dili İngilizce yada Türkçe değil ama sitedeki şanlonları edinmek zor değil.
• blogger-templates.blogspot.com/ adı üstünde. Yalnız blogger ile uyumlu şablonlar var
• www.bloggertemplates.org/
• blogspottemplates.blogspot.com/ başka biri daha
• bloggertema2.blogspot.com/ Blogger şablonları. Türkçe site
• mashable.com/2007/09/13/blogger-templates/ 50 adet güzel blogger şablonu
• themesblogger.blogspot.com/
• btemplates.com/
• www.geckoandfly.com/category/blogger-templates/
• www.eblogtemplates.com/templates/blogger-templates/
• freeblogger-templates.blogspot.com/
• www.giselejaquenod.com.ar/blog/blogger-templates/

Yenileri bulundukça eklenecektir. Başka bildiğiniz web sitelerini yorumlara ekleyebilirsiniz.

Blogger blog'a basit arama kutusu ekleme

Blogger'in standart temalarından birini kullanıyorsanız zaten aram kutusu sayfa üzerinde bulunuyr. Ama kod ile bunu kaldırmış ya da özel bir tema kullandıysanız arama kutusu olmayabilir. Eğer blogger blogunuza arama kutusu eklemek isterseniz aşağıudaki adımları izleyiniz.

• http://www.blogger.com/ a giriş yapın.
• Düzenlemek istediğiniz blog sayfanızda Yerleşim'i tıklayın.
• Sayfa Öğeleri'ni tılayın.
• Gadget Ekle'yi tıklayın.
• Başlık kısmına Sitede Ara ya da ne isterseniz onu yazın ya da boş bırakın.
• İçerik kısmına aşağıdaki kodları ekleyin.

<form id="searchthis" action="/search" style="DISPLAY: inline" method="get">

<input id="search-box" name="q" size="25">
<input id="search-btn" value="Sitede Ara" type="submit"></form>

Kaydet butonunu tıklayın.

Eklediğiniz gadget'i fareyle sürükleyerek başka bir alana yerleştirebilirsiniz ve Kaydet'e tıklayınız.