PASANG TV DI BLOG

Selalu saja judulnya ada kata mudah, karena memang mudah, Dan kali ini adalah cara memasang TV Online channel Indonesia di blog atau situs Anda. Sudah caranya mudah, opsinya gak ribet dan akan langsung muncul di blog Anda dengan fitur tidak kalah dengan TV streaming professional, PD MODE: ON.
Seperti apa tampilannya? bisa bermacam-macam, kalau di Warung Bebas sendiri tampilannya seperti di TV Streaming Channel TV Online Indonesia. Namun berikut ini akan ditampilkan opsi lain untuk ukuran mungil, dan model bisa disesuaikan sendiri dengan template masing-masing blog yang digunakan. Tapi opsi lain bisa juga ukuran jumbo, misalkan saja bisa dilihat pada model 4 dibawah. Yang ukuran mini misalnya dibawah ini:

TV Active: Laatahzan TV

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

Special thanks to indoweb.tv Lumayan kan? memang sih ada beberapa TV yang tidak bisa diputar, dan itu memang keterbatasan bawaan dari situs sumbernya di indoweb.tv. Namun tentunya itu akan diperbaiki lagi nanti. Dan bagaimana dengan penggemar TV Online ini? hmmm... lihat saja postingan populer disini salah satunya adalah TV Online, trafik bisa meningkat apalagi kalau sedang ada siaran sepak bola.

UPDATE (02 Des 2011)
Script TV Online ini sudah diperbaiki, dan sudah sesuai dengan browser terbaru.

Informasi

Baiklah langsung saja pada cara pemasangannya, silahkan digunakan form dibawah ini, sudah dibuatkan model 4 buah sebagai contoh, namun silahkan diedit dalam mode custom untuk disesuaikan dengan template dan selera. Untuk melihat tampilan dari setting yang dilakukan langsung bisa kok.
Keterangannya kiranya cukup jelas kecuali bagian akhir isian (Point 6), yang hanya ada pilihan true/false, itu maksudnya adalah pengaturan jarak jika TV playernya ingin ada diatas full dan tombolnya dibawah semua (contoh pakai false di Model 2), atau seperti contoh TV yang diatas itu (itu Model 1) yang ada didalam barisan tombol/gambar channel (icon TV). Untuk membedakan dan lebih memahami, silahkan dilihat masing-masing model yang ada, nanti akan mengerti, klik dulu pada salah satu model, lalu klik pada tombol Lihat TV Player Pada Pengaturan Aktif Saat Ini. Lihat pada tulisan tebal kanan bawah form, itu adalah opsi yang sedang aktif pada form. Setelah itu tinggal edit saja dari angka-angka yang sudah ada. Oya ukuran angka untuk form point 1 - 4 itu adalah ukuran dalam pixel (px).
Kalau sudah sesuai dengan yang diinginkan, silahkan diklik pada Update Code, kode yang keluar adalah kode untuk setting sedang aktif, termasuk jika memilih custom style, dan kode itu yang disisipkan di blog pada mode HTML, dipostingan atau dihalaman statis. Untuk halaman statis yang lebar tanpa sidebar (biasanya yang pakai CMS wordpress) mungkin Model 4 cukup sesuai. Coba-coba saja deh....

1.	Lebar area widget TV akan diletakkan (untuk preview uji coba sebelum dipasang)
2.	Lebar TV Player (Embed TV)
3.	Tinggi TV Player (Embed TV)
4.	Lebar dan tinggi gambar tombol channel TV
5.	Channel pertama yang auto play di player (lihat di tabel nomor channel)
6.	Floating widget: true/false, (set false jika tombol dibawah player semua)

Kode yang didapatkan diatas pasti keluar TV-nya sepanjang tidak mengubah kode lainnya selain hasil generate code form diatas, termasuk membuang link akan membuat script tidak bekerja.

Tabel Nomor Channel
Untuk pilihan channel TV yang diputar saat awal (no 1) pada widget (point 5 pada form diatas). Saat halaman terbuka, maka TV ini yang akan diputar pertama.
Tips: pilih yang bisa diputar gan...

No Channel	TV Channel
0	MNC TV
1	PJTV
2	Spacetoon TV
3	DAAI TV
4	JAK TV
5	Fajar TV Makassar
6	Lantabur TV
7	Laatahzan TV
8	Indosiar
9	SCTV
10	ANTV
11	Global TV
12	TV ONE
13	METRO TV
14	Lovely Family TV
15	Trans TV
16	RCTI
17	Duta TV
18	TV Media Jogja
19	Binus TV

Tanpa menggunakan form diatas sebenarnya mudah mengedit model, karena form diatas hanya membantu mengubah angka saja, coba saja klik pada masing-masing model, maka angka-angka dalam kotak sebelah kanan akan berubah-ubah. Itulah sebabnya bisa juga diedit setelah klik pada tombol custom. Untuk manual edit, perhatikan kode yang seperti dibawah ini:
wb.tv_setting={channel_start:15, player_width:300, player_height:220, icon_width:40, float_icon:true};
Dari kode diatas, kiranya sudah jelas, dari nama variabelnya, yang warna merah itu yang diedit sesuai kebutuhan. Semua angka setting diatas dalam ukuran pixel. Untuk opsi Floating Widget, pilihannya adalah true/false, maksudnya adalah perataan antara player dan tombol (icon) channel TV), kalau ukuran besar playernya dan tombolnya dibawah semua, maka set ke false. Untuk lebih jelas untuk yang memakai floating true lihat model ini, sedangkan jika floating false lihat model yang ini.

Kalau ada pertanyaan silahkan dikomentar, tapi gak janji cepat jawab, maklum jarang online orang yang bikin script. Semoga bermanfaat.
Sebenarnya fasilitas ini untuk digunakan dalam postingan atau static page, namun ternyata ada yang memasangnya di sidebar, namun tidak tepat pemilihan settingnya karena kedodoran, nah tadi pernah mencoba settingan yang ternyata cocok untuk widget dengan sidebar ukuran lebar 300 pixel, silahkan lihat disini, kodenya ada dibawah halaman contoh tersebut, untuk sidebar ukuran lain gunakan form diatas.
Semoga bermanfaat
UPDATE: 26 Des 2011 (versi 2.0)
Anda dapat menambahkan parameter berikut ini jika tampilan jarak (margin) dari player maupun icon TV terasa terlalu lebar atau terlalu mepet (optional jika tampilan pada template Anda kurang sesuai). Jika tidak ada tambahan parameter ini, maka jarak margin akan menggunakan default.
<script type="text/javascript">
var wb_tv_add_setting = {
    player_margin_right:28,
    player_margin_bottom:25,
    icon_margin_right:20,
    icon_margin_bottom:15
};
</script>
Letakkan kode ini diatas semua kode yang didapat dari form, tentu saja edit angka-angka (dalam ukuran pixel) warna merah dan sesuaikan selera. Namun parameter ini hanya berfungsi pada script versi 2.0, jadi jika Anda sudah memasang script terdahulu ganti file source javascriptnya. Perubahannya hanya pada file yang diload saja, versi lama memanggil file berikut:
http://javascript-share.googlecode.com/files/wb_tv_online_indonesia.js
Sedangkan versi 2.0 memanggil file berikut:
http://javascript-share.googlecode.com/files/wb_tv_online_indonesia_2_0.js
Untuk kode lainnya sama. Atau kalau dirasa repot, pasang ulang saja pakai form diatas.

Share this post