Ok sobat pada saat ini kyoure.blogspot.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.
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.
Kode berwarnah merah silahkan ganti sesuai keinginan dan Kode berwarna biru di atas ganti dengan link music milik sobat.
Kode berwarnah merah silahkan ganti sesuai keinginan dan Kode berwarna biru di atas ganti dengan link music milik sobat. Ok Sekian Mengenai Widget Pemutar Musik blog Blogger, semoga bermanfaat.
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.
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("http://2.bp.blogspot.com/-qw6rGjjCP8k/U4iI2EltVdI/AAAAAAAABrk/516Zq1J3I9c/s1600/Worship-Music-Worship-Background1.jpg");color:#fff;color:#000; padding:3px; width:100%; height:auto}
.seocipsxpmusic {background: url("http://1.bp.blogspot.com/-t53_0pN7CTs/U4iNEcvuPsI/AAAAAAAABr4/hgh0zklo0SI/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='http://3.bp.blogspot.com/-TZAs-N1Hews/U4h-QT36cyI/AAAAAAAABrE/kjyEfbjkdPA/s20/Audio-File-icon.png' title='Music'/> Music MP3</div>
<div style='font-weight:bold; padding:10px 10px;'>Maroon 5 Ft. Wiz Khalifa - PayPhone !!!</div>
<audio controls>
<source src="http://m07.wapka-file.com/music/12700015/1999396/d07a4EB%5E%5E7c3JuMubyFkwnWFu6TB0w1BvQByO8IMXejm72ucrg/2369c.mp3" />
</source></audio>
<div style='padding-right:5px'>Widget <a href='https://kyoure45.blogspot.com/' target='_blank'> by KR45.blogspot.com</a></div>
</div></div>
.seocipsmusic {border:2px solid#4eabff;background:url("http://2.bp.blogspot.com/-qw6rGjjCP8k/U4iI2EltVdI/AAAAAAAABrk/516Zq1J3I9c/s1600/Worship-Music-Worship-Background1.jpg");color:#fff;color:#000; padding:3px; width:100%; height:auto}
.seocipsxpmusic {background: url("http://1.bp.blogspot.com/-t53_0pN7CTs/U4iNEcvuPsI/AAAAAAAABr4/hgh0zklo0SI/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='http://3.bp.blogspot.com/-TZAs-N1Hews/U4h-QT36cyI/AAAAAAAABrE/kjyEfbjkdPA/s20/Audio-File-icon.png' title='Music'/> Music MP3</div>
<div style='font-weight:bold; padding:10px 10px;'>Maroon 5 Ft. Wiz Khalifa - PayPhone !!!</div>
<audio controls>
<source src="http://m07.wapka-file.com/music/12700015/1999396/d07a4EB%5E%5E7c3JuMubyFkwnWFu6TB0w1BvQByO8IMXejm72ucrg/2369c.mp3" />
</source></audio>
<div style='padding-right:5px'>Widget <a href='https://kyoure45.blogspot.com/' target='_blank'> by KR45.blogspot.com</a></div>
</div></div>
Kode berwarnah merah silahkan ganti sesuai keinginan dan Kode berwarna biru di atas ganti dengan link music milik sobat.
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 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.
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("http://2.bp.blogspot.com/-qw6rGjjCP8k/U4iI2EltVdI/AAAAAAAABrk/516Zq1J3I9c/s1600/Worship-Music-Worship-Background1.jpg");color:#fff;color:#000; padding:3px; width:100%; height:auto}
.seocipsxpmusic {background: url("http://1.bp.blogspot.com/-t53_0pN7CTs/U4iNEcvuPsI/AAAAAAAABr4/hgh0zklo0SI/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='http://3.bp.blogspot.com/-TZAs-N1Hews/U4h-QT36cyI/AAAAAAAABrE/kjyEfbjkdPA/s20/Audio-File-icon.png' title='Music'/> Music MP3</div>
<div style='font-weight:bold; padding:10px 10px;'>Maroon 5 Ft. Wiz Khalifa - PayPhone !!!</div>
<audio controls autoplay>
<source src="http://m07.wapka-file.com/music/12700015/1999396/d07a4EB%5E%5E7c3JuMubyFkwnWFu6TB0w1BvQByO8IMXejm72ucrg/2369c.mp3" />
</source></audio>
<div style='padding-right:5px'>Widget <a href='https://kyoure45.blogspot.com/' target='_blank'> by KR45.blogspot.com </a></div>
</div></div>
.seocipsmusic {border:2px solid#4eabff;background:url("http://2.bp.blogspot.com/-qw6rGjjCP8k/U4iI2EltVdI/AAAAAAAABrk/516Zq1J3I9c/s1600/Worship-Music-Worship-Background1.jpg");color:#fff;color:#000; padding:3px; width:100%; height:auto}
.seocipsxpmusic {background: url("http://1.bp.blogspot.com/-t53_0pN7CTs/U4iNEcvuPsI/AAAAAAAABr4/hgh0zklo0SI/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='http://3.bp.blogspot.com/-TZAs-N1Hews/U4h-QT36cyI/AAAAAAAABrE/kjyEfbjkdPA/s20/Audio-File-icon.png' title='Music'/> Music MP3</div>
<div style='font-weight:bold; padding:10px 10px;'>Maroon 5 Ft. Wiz Khalifa - PayPhone !!!</div>
<audio controls autoplay>
<source src="http://m07.wapka-file.com/music/12700015/1999396/d07a4EB%5E%5E7c3JuMubyFkwnWFu6TB0w1BvQByO8IMXejm72ucrg/2369c.mp3" />
</source></audio>
<div style='padding-right:5px'>Widget <a href='https://kyoure45.blogspot.com/' target='_blank'> by KR45.blogspot.com </a></div>
</div></div>
Kode berwarnah merah silahkan ganti sesuai keinginan dan Kode berwarna biru di atas ganti dengan link music milik sobat. Ok Sekian Mengenai Widget Pemutar Musik blog Blogger, semoga bermanfaat.
