Widget Pemutar Musik

Widget Pemutar Musik Untuk Blog

Untuk Membuat widget pemutar musik di blog dengan memasang memutar lagu di blog dengan lagu pilihan sendiri  widget pemutar music yang sederhana ini.

Berikut ini adalah penampakan widget ini :

Yang akan membagikan widget ini dalam dua versi yang tidak autoplay dan yang auto play. 




1. Widget Musik Tidak AutoPlay

Widget by seocips.com
1. Sediakan link music anda. Anda dapat mencoba menguploadnya di file host atau tempat upload file music lainya. atau silahkan upload file music anda ke Goolge site ( baca ; cara upload file music ke google site ) Intinya anda harus memiliki link music anda.
2. Login ke blogger.com
3. Pilih Tata letak, pilih gadget, pilih HTML/Javascript

4. Copy code script lagu sesuai keinginan anda yang saya sediakan dibawah ini ke kolom kosong tersebut.

<style type="text/css"> .seocipsmusic {border:2px solid#4eabff;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC84qd1GS16BnLLV2v8Qti9_aIhNxhiQft9KcEHtVWpx_CuMy1AcDSu8EBPiZCXneSzeSUz4pGzNRqKJ5Rcpg6IyKPaqAfIYA_TCzfw-hpxCo4tB1omvVlmZEkq-yNxl-jpvBk1bMQ1MBh/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/AVvXsEhzk4JIFABwz0kDfWAhYRPbSSHn9akxet5d9nUCVwt_pQxk6uNrMP56wRX_3gpTPI6XW-jLGxB7Nr53wm6vBVliqopxyNlIFofbdFpDPpS5Kn2ptk5TCJqcU-PhY4HlEPPN7igMM0ZVYafS/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/AVvXsEg32GgQ_73bZWgN0rnk9Ag-uBncY5L_xWn1BJ5hVGSy7fm32u0bpMPg3N7JkXOCgforkYqmrv3R8b2qLNeqAwPTtPEiFZ4BOHn01X1-DTiZRxjGCY3U4yCE2e96PjAAf2R9x2j2-M2DkVBa/s20/Audio-File-icon.png' title='Music'/> Sholawatan</div> <div style='font-weight:bold; padding:10px 10px;'> Shollu A'lan Nabi !!!</div> <audio controls> <source src="https://sites.google.com/site/laguputar/sholawatan/Mahalul%20qiyam%20%28%20Ad-Dibai%20%29.mp3?attredirects=0&d=1"> </source></audio> <div style='padding-right:5px'> </div> </div> </div>

Shollllu A'lan Nabi !!!

adalah Judul Tulisan dan Pengaturannya Silahkan Gantikan sesuai Kehendak

https://sites.google.com/site/laguputar/sholawatan/Mahalul%20qiyam%20%28%20Ad-Dibai%20%29.mp3?attredirects=0&d=1  Adalah Link Lagu yang dipilih ~ Silahkan Ganti dengan Link Lagu yang disukai

2. Widget Musik Otomatis ( Autoplay )

1. Sediakan link music anda. Anda dapat mencoba menguploadnya di file host atau tempat upload file music lainya. atau silahkan upload file music anda ke Goolge site ( baca ; cara upload file music ke google site ) Intinya anda harus memiliki link music anda.
2. Login ke blogger.com
3. Pilih Tataletak, pilih gadget, pilih HTML/Javascript
4. Copy code script lagu sesuai keinginan anda yang saya sediakan dibawah ini ke kolom kosong tersebut.

<style type="text/css"> .seocipsmusic {border:2px solid#4eabff;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC84qd1GS16BnLLV2v8Qti9_aIhNxhiQft9KcEHtVWpx_CuMy1AcDSu8EBPiZCXneSzeSUz4pGzNRqKJ5Rcpg6IyKPaqAfIYA_TCzfw-hpxCo4tB1omvVlmZEkq-yNxl-jpvBk1bMQ1MBh/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/AVvXsEhzk4JIFABwz0kDfWAhYRPbSSHn9akxet5d9nUCVwt_pQxk6uNrMP56wRX_3gpTPI6XW-jLGxB7Nr53wm6vBVliqopxyNlIFofbdFpDPpS5Kn2ptk5TCJqcU-PhY4HlEPPN7igMM0ZVYafS/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/AVvXsEg32GgQ_73bZWgN0rnk9Ag-uBncY5L_xWn1BJ5hVGSy7fm32u0bpMPg3N7JkXOCgforkYqmrv3R8b2qLNeqAwPTtPEiFZ4BOHn01X1-DTiZRxjGCY3U4yCE2e96PjAAf2R9x2j2-M2DkVBa/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 autoplay> <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>

Script