Widget Pemutar Musik MP3 Untuk Blog
Ok sobat pada saat ini seocips.com akan membagikan widget pemutar musik di blog ala seocips. Jadi seperti ini setelah jalan-jalan di google mencari artikel tentang pemutar music yang bagus tapi hingga berjam-jam belum juga mendapatkan hasil yang memuaskan.
Bermaksud ingin memutar lagu di blog dengan lagu pilihan sendiri tapi tidak ketemu artikel yang cocok akhirnya saya memutuskan mencoba membuat widget pemutar music sendiri dan jadilah widget pemutar music yang sederhana ini.
Ok berikut ini adalah penampakan widget ini :
Baiklah saya akan membagikan widget ini dalam dua versi yang tidak autoplay dan yang auto play. Ok dan berikut ini adalah widget musicnya dan cara memasangnya :
1. Widget Musik Tidak 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/AVvXsEhICYZPyr5IJixvopCH4SqL0bYi6elCF5QPKGDGURXe_feHtsmtv3BNcZLC-zyR-iA-318QlSqYS6KsVl5Ms5cfay4NjmaSgDWAi9S6TYaC7-jxWtgJA5VGR1BquOmZvXDgmcmPGKF2qemo/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/AVvXsEgaWizx7f5zG_gmn2nZAMqg8F4BBadc3-Lm8__d4ZePf8poP-we85P_gvIIVD_RMfKyt7ZJ4SexqD_gUXm9c371U1Nq8FxqL9Y0Lhdd2ACSLrP0cNrA6cHLW7wlWUAd7HpDIVj7qFYdxPWf/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/AVvXsEiuwhOiicpgfbNPTuvXnIdl-CgA7y3AjL9RQLm4MZf_8K5cieXCkTFa8EkK_lKbCYrmpy7JYWkw-tqqWCTIExcA8soHVc1SGNTvQOabYqLNW1ISkc6V3t5XK8kjBi1AW9ew69GaRhQ-rQKS/s20/Audio-File-icon.png' title='Music'/> Music MP3</div><div style='font-weight:bold; padding:10px 10px;'>Ayo bro dengerin music ini !!!
UMANKZPASOLANGI</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. umankzpasolangi77.blogspot.co.id ' target='_blank'> umankzpasolangi77.blogspot.co.id</a></div></div></div>
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/AVvXsEhICYZPyr5IJixvopCH4SqL0bYi6elCF5QPKGDGURXe_feHtsmtv3BNcZLC-zyR-iA-318QlSqYS6KsVl5Ms5cfay4NjmaSgDWAi9S6TYaC7-jxWtgJA5VGR1BquOmZvXDgmcmPGKF2qemo/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/AVvXsEgaWizx7f5zG_gmn2nZAMqg8F4BBadc3-Lm8__d4ZePf8poP-we85P_gvIIVD_RMfKyt7ZJ4SexqD_gUXm9c371U1Nq8FxqL9Y0Lhdd2ACSLrP0cNrA6cHLW7wlWUAd7HpDIVj7qFYdxPWf/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/AVvXsEiuwhOiicpgfbNPTuvXnIdl-CgA7y3AjL9RQLm4MZf_8K5cieXCkTFa8EkK_lKbCYrmpy7JYWkw-tqqWCTIExcA8soHVc1SGNTvQOabYqLNW1ISkc6V3t5XK8kjBi1AW9ew69GaRhQ-rQKS/s20/Audio-File-icon.png' title='Music'/> Music MP3</div><div style='font-weight:bold; padding:10px 10px;'>Ayo bro dengerin music ini !!!
UMANKZPASOLANGI</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. umankzpasolangi77.blogspot.co.id' target='_blank'> umankzpasolangi77.blogspot.co.id</a></div></div></div>
