Cara Meletakkan Musik Di Blog Dengan Pilihan Lagu Sendiri

   Selamat Siang teman2, kali ini kami akan memberikan tutorial cara meletakkan musik di blog dengan pilihan lagu sendiri. Seringkali kita menemukan website penyedia musik untuk blog, namun lagu-lagu yang disediakan hanya terbatas dan lagu berbahasa inggris semua tidak ada yang berbahasa indonesia ,atau lagu-lagu yang paling kita sukai, nah kali ini kami akan memberikan tips dan trick agar lagu lagu yang kalian sukai bisa didengarkan di blog kalian. berikut contoh gambar di blog kami :

berikut tampilan gambarnya

   Sebelum kita memasang script musik di blog, kita harus membuat akun di Google Site.

Berikut caranya :

1. Buka Google Site, silahkan membuat akun atau kita bisa masuk dengan menggunakan email dan password Gmail.

2. Setelah itu akan muncul gambar seperti berikut :

3. Klik menu " Buat"

4. Muncul Gambar seperti berikut :

Pilih tema dan nama Google site terserah kalian , setelah kalian isi persyaratan semua klik " Buat "

contoh seperti punya saya yang saya namai "My Music"

5. Setelah Google sitenya terbuat, klik bagian yang saya tandai merah

6. Isi nama laman setelah itu klik " Buat"

7. Klik "Tambahkan File" pilih lagu kesukaan di data komputer kalian ^_^

8. Tunggu sampai proses pengunggahan selesai

9. Setelah selesai klik " Simpan "

10. Muncul Gambar seperti berikut

Klik "Unduh" dan tanda unduh

11. Ambil Linknya dengan pilih " copy download link "

Link simpan di Notepad untuk sementara

   Nah akhirnya selesai pembuatan link lagu yang kita sukai dan kita juga sudah punya akun google site, Selanjutnya cara pemasangan link lagu di blog, berikut tahapannya :
1. Buka "Tata Letak"
2. Klik "Tambah Gadget" Terserah kalian mau pasang bagian mana
3. Pilih  HTML/Javascript
4. Masukkan Script berikut

<style type="text/css">
.seocipsmusic {border:2px solid#4eabff;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRfpZHRTt-5wuxxhNRuE45-Q-SEmyRJvK09v8NV4680M-y81AhlwO7f5JmxEJ_bRQ0wmBw_GO4Kpz3yhAM-BxE5C9v_jN_A0D8NhEadhdeKdnSP_0gl0sES2iCh1ZWY_7O7xpjKydkQdcZ/s1600/Worship-Music-Worship-Background1.jpg");color:#fff;color:#000; padding:3px; width:100%; height:auto}
.seocipsxpmusic {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIgd11kd2t8bQD8lqOBIYpUrUEjhW0SGk8dGRzzDYd0Be6lkgYbnB5zhxOgaB68pHXMBt36_0II-rGsasJiF2ikRR0LygWrHNajKTm_JkiOORqzBXoHw48WwYYQdW-4-s8SNyFG4AV7Co0/s130/loading....gif") no-repeat top right;
}
</style>
<div class='seocipsmusic'>
<div class='seocipsxpmusic'>
<div style='font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;'><img alt='small rss seocips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBn1eVGjipCr__JfVTgHadw2dgKwMnmXlHcppnuu-Zp39NffRUwaQBjixywdnjFQWvvdkcvSAv01cpuVCwAxmN8OygJJkYSh1Kf-8MBKpPHy_lfWojb06uLkj_iJiwMVbtidrvJuFtIsri/s20/Audio-File-icon.png' title='Music'/> Music MP3</div>
<div style='font-weight:bold; padding:10px 10px;'>Silahkan mendegarkan musik dari KIR SMAN 1 Kandangan</div>
<audio controls autoplay>
<source src="https://sites.google.com/site/lagufavoritkir/daftar-lagu/yS7TUcgE9Tjr.128.mp3?attredirects=0&d=1" />
</source></audio>
<div style='padding-right:5px'>Widget <a href='http://www.seocips.com' target='_blank'> by seocips.com</a></div>
</div></div>

Tanda Merah : Kalian ubah Judulnya sesuai keinginan kalian
Tanda Biru : Masukkan Link yang kalian simpan di notepad tdi.

5. Klik Simpan dan Lihat hasilnya ^_^


   Mudahkan teman2 ^_^ kalau kalian berusaha pasti bisa kok ^_^. Mungkin kalau ada yang bingung silahkan komen ya ..insyallah saya bantu ^_^ semoga bermanfaat sampai jumpa ^_^
Lihat Artikel Lain Disini

NB : Untuk membantu kami dalam mengambangkan blog ini tolong diklik ya iklannya ^_^ terima kasih