Artık küçük küçük ekletinler yapmaya başladım, zamanla daha değerli ve güzel eklentiler yapacağım inşallah.





Yapacağımız işlem çok basit, öncelikle blogger paneline giriyoruz, Yerleşim>Gadget Ekle>HTML/JavaScript diyoruz. (Sitenin herhangi bir yerine ekleyebilirsiniz, footer tercihimdir.)

Aşağıdaki kodu ekleyin ama kaydetmeyin, daha müzikleri ayarlayacağız.









Eğer kutuyu sitenin sol tarafına almak istiyorsaniz kırmızı ile yazdığım yeri yani right'ı left olarak değiştiriyoruz.

Gelelim müzikleri ayarlamaya..

1- https://soundcloud.com/ sitesine giriyoruz, üyeliğiniz yoksa üye olun.(Direk Facebook vs. bağlanın uğraşmayın.)
2- Arama kısmına(Search) ekleyeceğimiz müziğin adını yazıyoruz.
3- Add to playlist'e basıyoruz.



4- Daha önce müzik listesi oluşturmadığınız için önce playlist oluşturuyoruz. Create new'e basıyoruz playlist ismi yazıp Save'e basıyoruz. Webabisi



5- Playlist'i oluşturduktan sonra 2. ve 3. aşamada anlattığım gibi istediğimiz müzikleri bu listeye ekliyoruz.
6- Müzikleri ekledikten sonra aşağıdaki resimde gördüğümüz gibi playlist'e giriyoruz.



7- Playlist'i açıyoruz ve resimde kırmızı ile gösterdiğim butona tıklıyoruz.



8- Playlist paylaşma sayfası açılacak Embed butonuna basıyoruz, sağdaki şablonu seçiyoruz ve altta çıkan embed kodunu kopyalıyoruz.



9- Vermiş olduğum kodda mavi ile yazılan kısmı silip kopyaladığınız kodu yapıştırın.
10- Ve son olarak, kopyaladığınız kod içerisindeki width="100%" height="450" kodunu width="200" height="300" olarak değiştirip kaydedin.

DEMO

KAYNAK