Cara Memasang Murotal atau Nasyid di Blog

Sahabat cahaya aku ingin berbagi pengalaman dan tipz Cara memasang Murotal atau Nasyid sendiri menjadi background blog di blogspot.

Awalnya aku tidak tertarik membuat postingan ini,karena menurutku tidak efektif jika memasang Murotal di blog...lemoootttt sih jadinya...dan jauh lebih baik memutar winamp di komputer sambil buat blog daripada memutar Murotal secara online...kebiasaan harus di budayakan...jangan nyetelnya lagu-lagu terus...kan biar Qur'anya lancar lagi pula kan mendengarnya juga ibadah... tetapi karena ada beberapa teman yang menanyakan cara memasang Murotal ke blog, akhirnya aku buat juga postingan tentang cara tambah lagu menjadi background di blog blogspot...weeesss...biar pembaca  semakin betah di blogmu...Muwafiq...


 Tetapi sebagai pertimbangan buat sahabat cahaya sebelum menambah Murotal atau Nasyid ke blog:
1. Blog akan menjadi lebih berat, sehingga waktu loading atau membuka halaman lebih lambat

2. Robot google tidak suka dengan blog yang berat loadingnya, jadi jika tujuan anda untuk optimasi seo maka jangan tambah atau pasang lagu di blog sahabat...ok...gitu aja kog repot...

 So jadi buat sahabat cahaya yang tertarik pasang Murotal di blog bisa lakukan prosedur berikut:
1. Buka situs layanan widet mp3 player online , gunakan link berikut mp3 mixpod
Klik tombol Sign Up untuk mendaftar menjadi member di mixpod
Setelah mengisi form pendaftaran , gunakan tombol Login untuk masuk ke member area (jika tidak bisa login silahkan cek email, biasanya ada link dari mixpod.com untuk verifikasi member)

 Aku menganggap sahabat sudah login ke meber area
Di menu Bar Pilih Create Playlist

 Di bagian tabulasi Add Music , pada kotak search ketik nama artis yang akan dicari Murotalnya , Klik Search
 Pada search result akan muncul  yang bisa dipilih /dimasukkan ke palylist
Klik tanda plus (+) untuk menambahkan lagu ke dalam playlist
 Tambahkan Murotal atau Nasyid yang di sukai sesuai kebutuhan (dalam contoh ini saya ambilkan gambar dari pek dee Google)

 Di Preview player akan terlihat deretan Murotal atau Nasyid yang telah terpilih...tapi sorry ya broo...gambarnya saya ambil sama si mbah...jadi yang keluar lagu-lagu bukan islami...

2. Di bagian tabulasi Save Playlist

Pilih Genre musik , dan isi tag musik

 Klik Tombol "Save and Get Code"

2. Copy kode html yang tersedia untuk platform Blogger

3. Logn ke account blogger sahabat
Pilih Dashboard -> tata letak -> elemen halaman
Pilih Tambah Gadget

 4. Pilih html/java script 

 5. Masukkan kode yang sahabat peroleh dari website layanan lagu online ke kotak teks html/javascript

 Klik Simpan...lihat aja hasilnya...

 6. Buka blog sahabat, jika sukses maka akan muncul widget mp3 player di blog sahabat. Untuk memulai lagu sahabat cahaya bisa tekan tombol play seperti di winamp. Contohnya bisa dilihat di bawah blog ku Mantabkan...ayo di coba jangan ketinggalan...nanti gak dapat jatah...gak nyambung.co.id


 Jika ingin memasang widget mp3 murotal lebih cepat dan praktis...Sahabat Cahaya, bisa copy script di bawah ini...tapi ini tidak geratis looo...wani piroo..??? hehe   just kill kog...ya bayaranya Do'a aja udah cukup...
 copy script ini punya aku...isinya Murotal Al Qur'an...Ada Ustd Abu Usamah,Syekh Al-Gomidhi...dll

 <embed src="http://assets.mixpod.com/swf/mp3/mixpod.swf?myid=89138310&path=2012/07/06" quality="high" wmode="window" bgcolor="005075" flashvars="mycolor=005075&mycolor2=BF0083&mycolor3=FCFCFC&autoplay=true&rand=0&f=4&vol=100&pat=0&grad=false" width="410" height="311" name="mixpod" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" style="visibility:visible;width:410px;height:311px;" /><br /><a href="http://www.mixpod.com/playlist/89138310"><img src="http://assets.mixpod.com/images/btn2-tracks.gif" alt="Music" title="Get Music Tracks!" border="0" /></a><a href="http://www.mixpod.com" target="_blank"><img src="http://assets.mixpod.com/images/btn2-create.gif" alt="Playlist" title="Create Your Free Playlist!" border="0" /></a><a href="http://www.mixpod.com/user/23905821"><img src="http://assets.mixpod.com/images/btn2-profile.gif" alt="View Profile" title="View all my playlists!" border="0" /></a><br />Create a <a href="http://www.mixpod.com/">playlist</a> at <a href="http://www.mixpod.com/">MixPod.com</a></embed>

Catatan:
 Untuk mengubah ukuran widget mp3 player di atas agar sesuai dengan ukuran sidebar blog, ubah nilai 410 dan 311 .Tak sabar untuk mencoba ya...ayo langsung saja di coba...jangan malu-malu kucing,nanti jadi kucing beneran looo... (http://abdulroufcom.blogspot.com)