Cara Menambahkan Musik Pada Blog

Kita mungkin pernah mengunjungi suatu web atau blog, saat kita masuk maka akan ada musik atau mp3 yang diputar di web atau blog tersebut. Kadang kita tidak mengetahui bagaimana cara menghentikan musik itu apalagi kalau musik itu kurang yummy di dengar. Dan mungkin ada diantara anda para bloger pemula khususnya
yang ingin memasang pemutar musik mp3 pada blognya, tapi tidak tau caranya. disini saya akan membahas bagaimana cara memasang pemutar musik auto play (otomatis mp3 berputar) dan non auto play (tidak memutar secara otomatis)

langkah langkah

1. masuk ke google sites
2. pilih ceate yang berwarna merah

3. pilih template
4. kemudian masukkan nama blog / web anda, misal saya menuliskan disini dunia komputer dan game88
5. kemudian klik i'm not robot untuk memverifikasi, sehabis semua simpulan kemudian klik create yang berwarna merah, kesudahannya menyerupai ini, kita telah menciptakan akun google site

 kemudian klik ceate page yang gambarnya kertas bertanda plus di atas kanan
akan muncul tampilan menyerupai ini kemudian masukkan nama halaman ke box name your page, bebas mau apa saja misal saya disini menamai dengan nama " lagu pilihan "

sehabis simpulan maka klik create akan tampil gambar menyerupai ini

disana ada goresan pena add files, itu untuk mengupload lagu atau musik mp3 yang akan kita jadikan musik pada blog kita, untuk mengupload klik add files, cari musik yang kita inginkan kemudian tunggu hingga penguploadan simpulan . pada sebelah kanan lagu anda tanda panah ke bawah, klik kanan pada tanda panah itu kemudian pilih "copy link location ", paste kan di notepad dulu semoga kita nanti tidak susah mencarinya kalau nanti digunakan.
pola link yang saya dapatkan

https://sites.google.com/site/duniakomputerdangame88/lagu-pilihan/edcoustic%20feat.%20inteam%20-%20kau%20ditakdirkan%20untukku.mp3?attredirects=0&d=1

hapus instruksi ?attredirects=0&d=1

maka akan menjadi menyerupai ini

https://sites.google.com/site/duniakomputerdangame88/lagu-pilihan/edcoustic%20feat.%20inteam%20-%20kau%20ditakdirkan%20untukku.mp3

instruksi untuk memasang lagu di blog, saya dapatkan instruksi ini dari www.seocips.com

<style type="text/css">
.seocipsmusic {border:2px solid#4eabff;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi52hy6a2-OYgD7Do17CSQJfOMycb-e4nDa1mWB678T53d-LfMzYwjnC4gm6_2-iJN6Y0KbYBLcScAVRjJpbcbxiECpT8eWsh7TZMUnzND1yeS0plD7YRv4Qj-1zMKt3BunMsNLWbUd3__E/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/AVvXsEjPllGP5RqLTsJJfXx_HZMGmj5uB6nEsfmFoG_e3oOW-n6bYx0RDaURTyGOP_YbaMevlx5F_isTz-bWyeFDqYxgYwc7_PrcVDE1yXYqmmtiZmYO1bcQrZGOwGIE0nomrF3ID2bbA07kWZmh/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/AVvXsEje_cywCYmj4wV6alvnAxEUoVrQjTWKt-Ju-X0mbcE9z7HWI5Bu-J4AIhgTBY298e6hyVvE6Z1yz4tvP__SLnlu3LCWFChl4Xre849r0XMJ80SWwbzi2hlLozqblcwaJmZA-KeFjhCLOzUW/s20/Audio-File-icon.png' title='Music'/> Music MP3</div>
<div style='font-weight:bold; padding:10px 10px;'>Ayo bro dengerin music ini !!!</div>
<audio controls>
<source src="https://sites.google.com/site/socipshotmusic/musicdjseocips/dj%20seocips.com-%20Hotmusic3.mp3" />
</source></audio>
<div style='padding-right:5px'>Widget <a href='http://www.seocips.com' target='_blank'> by seocips.com</a></div>
</div></div>

instruksi yang berwarna biru silakan dengan kata kata yang anda inginkan
instruksi berwarna orange ganti dengan url musik kita yang tadi kita paste di notepad

kemudian masuk ke dasbor blog
pilih template, klik edit html
kalau ingin memasang di header blog
pada hidangan cross columm javascript/html klik edit kemudian paste kan instruksi tersebut diatas hidangan blog.
kalau ingin memasang sebagai widget, pilih tata letak kemudian pilih tambah gadget, pilih html/javascript, paste code diatas, kemudian pilih simpan.

Catatan :
- kalau ingin mengakibatkan auto play maka pada instruksi " <audio controls> "ditambah autoplay menjadi   <audio controls autoplay>
- kalau ingin mengakibatkan non auto play maka biarkan saja kodenya menyerupai ini " <audio controls> "
- kalau ingin pemutar musik tanpa gambar maka hapus instruksi ini

<style type="text/css">
.seocipsmusic {border:2px solid#4eabff;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi52hy6a2-OYgD7Do17CSQJfOMycb-e4nDa1mWB678T53d-LfMzYwjnC4gm6_2-iJN6Y0KbYBLcScAVRjJpbcbxiECpT8eWsh7TZMUnzND1yeS0plD7YRv4Qj-1zMKt3BunMsNLWbUd3__E/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/AVvXsEjPllGP5RqLTsJJfXx_HZMGmj5uB6nEsfmFoG_e3oOW-n6bYx0RDaURTyGOP_YbaMevlx5F_isTz-bWyeFDqYxgYwc7_PrcVDE1yXYqmmtiZmYO1bcQrZGOwGIE0nomrF3ID2bbA07kWZmh/s130/loading....gif") no-repeat top right;
}


demikianlah cara memasang pemutar musik auto play dan non auto play,
semoga bermanfaat....!!!