Putar dan Mainkan Musik di Blog

KangFirm NoteWork Media & Creations

Welcome to KF-84 Al-Ambity Bloggist Ankshana

to the point aja lah..

• Memutar lagu secara otomatis
  
  1. Pertama, tentunya terlebih dahulu tentukan lagu/mp3 apa yang ingin kalian putar di blog (kalian bisa pilih lagunya di zivine-music.info)
  2. Search lagu yang diinginkan, selanjutnya copy code yang diberikan.
  3. Masuk ke Dashboard blog kalian, pilih tata letak. Tambahkan Gadget, pilih HTML/JavaScript lalu Paste code tadi pada dan Simpan
  4. Buka blogmu sekarang dan nikmati musiknya.
  
  
• Memutar lagu secara manual
  
  1. Pertama, tentunya terlebih dahulu tentukan lagu/mp3 apa yang ingin kalian putar di blog (kalian bisa pilih lagunya di soundcloud.com)
  2. Search lagu yang diinginkan, selanjutnya klik lagu yang dipilih dan klik menu share copy code yang diberikan pada tab "widget share".
  3. Masuk ke Dashboard blog kalian, pilih tata letak. Tambahkan Gadget, pilih HTML/JavaScript lalu Paste code tadi pada dan Simpan
  4. Buka blognya, nikmati musiknya langsung dari blog kalian.
  5. Jika ingin memutar ulang lagu tadi, klik Play.
  
  

Bisa juga kalian coba dengan trik berikut (blogger tingkat menengah):

Embed audio with FlashPlayer

<!-- Embed audio with FlashPlayer --> <embed flashvars="audioUrl=" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" type="application/x-shockwave-flash" quality="best" wmode="transparent" width="400" height="27"></embed>

Embed audio with Google Audio Player

<!-- Embed audio with Google Audio Player --> <div style="float: center;text-align: center;"> <object id="dewplayer" name="dewplayer" type="application/x-shockwave-flash" data="http://sites.google.com/a/bloggertipspro.com/mediafiles/mp3/dewplayer.swf" width="240" height="20"> <param name="movie" value="dewplayer.swf" /> <param name="flashvars" value="mp3=" /> <param name="wmode" value="transparent" /> </object> </div>

Embed audio with Compatible Code

<!-- Embed audio with Javascript --> <a href="sample_audio.mp3" target="_self" title="Play Song">Play Song</a><script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script> <!-- Embed audio with IFrame --> <textarea class="view-code" style="width: 80%;padding: 2px 5px 3px 5px;border: 3px outset #d4e5f6;" rows="5" cols="25" readonly onmouseover="this.select()" onfocus="this.select()" onclick="this.focus();this.select()" id="codebl2" name="code-link-barter2"> <iframe title="Embed Music" id="Audio-on-iFrame" name="1321430542" class="igm" src="//urlaacjrode9jse93p741t2n1ibbufaq-a-sites-opensocial.googleusercontent.com/gadgets/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/105629041657992777031/embed-music.xml&container=enterprise&view=default&lang=en&country=ALL&sanitize=0&v=6ced7fd38a9bccd&up_hide&up_loop=false&up_auto=false&up_bg&up_mime=audio/mpeg&up_url= &libs=core:dynamic-height:idi&mid=144&parent=https://sites.google.com/site/mori79/html-gadgets/media-players#st=e%3DAIHE3cCkXTmVvxP0ZRAHEXp17OlOvBFg6Xw008LDGZSE%252F1fBKexUW%252BeMXTo%252FSYAabcN%252FtKDMOM8MqiEQfTIjSiO6W77yTW9QlA%252F%252Bz7Yl0dVKwOWuo5uu7TPbl%252FtDNjfh5HX0J%252FceG%252Fjn%26c%3Denterprise&rpctoken=1639199637196496882" frameborder="0" scrolling="no" allowtransparency="true" width="300" height="45"></iframe> <iframe title="Embed Music" id="11835596" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/11835596&auto_play=false&hide_related=false&visual=true" frameborder="no" scrolling="no" allowtransparency="true" width="100%" height="30"></iframe> <iframe title="Embed Music" id="29510125" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/29510125&auto_play=false&hide_related=false&visual=true" frameborder="no" scrolling="no" allowtransparency="true" width="100%" height="30"></iframe> <!-- Embed audio with HTML5 --> <audio controls="controls" style="float: center;text-align: center;"><source src="" type="audio/mpeg" />Your browser does not support this audio</audio>

Embed audio with PHP Code

<?php /* Plugin Name: Google MP3 Player Version: 1.0 Description: Turn MP3 links into an embedded audio player Plugin URI: http://kangfirm.wap.sh/ Author: Kang Firman Bloggist Ankshana Author URI: http://kangfirm84.blogspot.com/ */ add_filter ( 'the_content', 'googlemp3_embed' ); function googlemp3_embed($text) { // change links created by the add audio link system $text = preg_replace_callback ('#^(<p>)?<a.*href=[\'"](http://.*/.*\.mp3)[\'"].*>.*</a>(</p>|<br />)?#im', 'googlemp3_callback', $text); return $text; } function googlemp3_callback($match) { // edit width and height here $width = 400; $height = 27; return "{$match[1] } <!-- Embed audio with PHP Code --> <embed src='http://www.google.com/reader/ui/3523697345-audio-player.swf' flashvars='audioUrl={$match[2]}' width='{$width}' height='{$height}' pluginspage='http://www.macromedia.com/go/getflashplayer'></embed><br /><a href='{$match[2]}'>Download MP3 file</a> {$match[3]}";} ?>
Selamat Mencoba dan Semoga Bermanfaat!

Terima kasih telah membaca artikel ini, silahkan SUKAI dan BAGIKAN halaman ini bila anda merasakan hal yang sama! Karena berbagi itu indah..

---

Thanks for read this article, please LIKE and SHARE this page if you feel the same! Because a sharing is beautiful..

---

Present by

The Bloggist Ankshana Al-Ambity