Friday, June 17, 2011

Autolink Mini MP3 Player for Blogger

Posted by dav On 1:33 PM
Bismillah. Alhamdulillah. Selesai juga coding JavaScript untuk fasilitas "Autolink Mini MP3 Player" yang diperuntukan bagi pengguna setia Blogger. Script ini tidak pernah di coba diselain Blogger, jadi bagi mereka yang menggunakan platform lain, mohon ma'af sekali. Tapi tidak ada salahnya dicoba, mungkin saja bisa digunakan. Script Autolink Mini MP3 Player sangat cocok digunakan bagi mereka yang suka berbagi file-file musik MP3. Script ini sebenarnya penyederhanaan dari MP3 Player yang pernah dibahas pada artikel sebelumnya. Karena script yang sebelumnya masuk dalam kategori rumit dan ukuran file yang besar membuat beban untuk loading blog menjadi bertambah, ujung-ujungnya blog menjadi agak lambat. Untuk itulah code JavaScript-nya dikurangi dan diperbaiki beberapa kodenya agar menjadi lebih sederhana dan lebih ringan untuk digunakan pada blog sehingga tidak menambah berat loading blog. Makanya nama fasilitas MP3 Player ini adalah Autolink Mini MP3 Player for Blogger.

Kelebihan Autolink Mini MP3 Player

  • Autolink artinya script ini secara otomatis akan mendeteksi file-file MP3 yang terdapat pada halaman blog yang sedang dibuka
  • Tidak diperlukan kemampuan khusus untuk menambahkan MP3 player, cukup masukan link file MP3-nya saja pada artikel
  • Otomatis menambahkan player pada file MP3 yang terdapat pada halaman blog tanpa harus mengotak-atik kode sumber
  • Ukuran kode JavaScript sangat kecil hanya 2.15 Kilobyte sehingga lebih ringan untuk loading blog
  • Otomatis tersedia link untuk mendownload file MP3 yang disertakan pada blog
  • Pemasangan script Autolink Mini MP3 Player pada template sangat mudah
  • Tampilan MP3 Player berbasis flash yang sangat sederhana dan menarik karena menggunakan Audio Player 1 Pixelout Versi 2 buatan Martin Laine
  • Dan apa lagi ya? Silahkan dicoba sendiri, keluhan, kesalahan, dan lain-lain tinggalkan pada komentar

Kelemahan Autolink Mini MP3 Player

  • Tidak menggunakan autoplay karena saya secara pribadi tidak begitu suka dengan blog-blog yang memasang "autoplay MP3 in background"
  • Tidak bisa bekerja sempurna untuk blog yang memasang tag body onload pada template-nya
  • Hanya menggunakan satu jenis player

Integrasi Autolink Mini MP3 Player

Langkah 1
Login ke Blogger
Langkah 2
Masuk ke "Rancangan - Edit HTML"
Langkah 3
Cari kode dibawah ini:
</head>
atau
</body>
Langkah 4
Masukan (copy paste) kode dibawah ini diatas kode pada langkah 3:
<script type='text/javascript' src='https://sites.google.com/site/henscripts/jscript/minimp3player.js'/>
Langkah 5
Simpan Template....

Menambahkan File MP3 pada Artikel Blog

Langkah 1
Buatlah sebuah artikel blog dan ketikan judul lagu/file MP3 pada editor blog
Langkah 2
Blok (Highlight) judul lagu/file MP3 tersebut kemudian klik toolbar "Tautan"
Langkah 3
Masukan link lagu/file MP3 pada kotak "Masukan URL" lalu klik tombol OK
Langkah 4
Terbitkan artikel dan preview blog anda...
Langkah 5
Klik tombol "Play" dan dengarkan lagunya...
Buffering-kan? Berarti anda harus berlangganan internet dengan bandwidth internet yang lebih cepat...

Selamat mencoba dan semoga berhasil. Happy Blogging :)