Cara Letak Video Dan Playlist Youtube Ke Dalam Blog

Selain dari pasang lagu dengan Skin MP3 yang cantik; ada juga yang berminat untuk letak video lagu. Banyak program tawarkan Skin MP4 untuk muatkan video lagu tapi bagi aku, jika sumber asal dan majoriti video diperoleh dari YouTube; kita guna yang sedia ada sajalah.

OK. Dahtu bagaimana cara letak video

YouTube ke dalam blog? Biasanya bila ada akaun gmail, kita akan ada akaun YouTube. Kalau belum ada bukalah satu. Tapi kalau tak ada akaun pun boleh juga.

Sebenarnya video YouTube nih ada dua. Pertamanya hanya untuk satu video dan keduanya - banyak video (tak kisahlah cerita ke, lagu ke) yang kita panggil playlist. Jadi di sini kita akan cuba camana nak bagi 'hidup' kod untuk satu video guna kod lama (old embed code); buat playlist dan dapatkan kod untuk yang dah ada akaun; serta buat playlist dan dapatkan kod untuk yang tak ada atau tak nak buat akaun YouTube, bersekali dengan camana nak letak dalam blog.

Cam biasa; kod yang berwarna merah boleh diejas ikut suka ya...

1. Cara pasang Video YouTube guna kod lama (old embed code)

Paparan Video:


<object type="application/x-shockwave-flash" style="width:450px; height:250px;" data="//www.youtube.com/v/kod link YouTube?color1=CC0000&amp;color2=9999CC&amp;border=1&amp;rel=0&amp;loop=1&amp;hd=1&amp;showsearch=0&amp;version=3&amp;modestbranding=1"> <param name="movie" value="//www.youtube.com/v/kod link YouTube?color1=CC0000&amp;color2=9999CC&amp;border=1&amp;rel=0&amp;loop=1&amp;hd=1&amp;showsearch=0&amp;version=3&amp;modestbranding=1" /> <param name="allowFullScreen" value="true" /> <param name="allowscriptaccess" value="always" /> </object>

(pastikan keseluruhan data dan value adalah sama)

2.Cara buat YouTube playlist serta dapatkan embed kod untuk yang sudah ada akaun

1. Bila buka YouTube akan keluar paparan seperti ini:

Klik LIBRARY.

2. Pergi ke menu Playlists dan klik kotak New Playlist untuk cipta satu track album. Taip tajuk / identiti playlist dalam kotak pop-up tu. Pastikan mode di bawah tajuk adalah Public; pastu klik kotak biru Create.


3. Imej bawah ni cuma nak tunjuk beberapa fungsi yang perlu nanti:


4. Ok, tekan kotak Playlist settings. Akan keluar satu pop-up window seperti di bawah serta fungsi-fungsi yang ada. Dah siap Tekan Save.


5. Kita akan kembali ke skrin seperti dalam langkah No. 3 tadi. Tekan kotak Add Videos. Akan keluar satu pop-up window seperti di bawah. Masukkan link video YouTube dan tekan kotak Search.


6. Akan keluar seperti paparan di bawah:


7. Anda perlu tekan logo 'Play' dalam imej video yang terpapar baru keluar skrin seperti ini:

Bila video berfungsi barulah boleh tekan kotak Add Videos.

8. Haaa sekarang kita dah ada satu playlist. Ulang langkah No. 5 dan seterusnya jika nak tambah video / video-video sampai puashati. Untuk dapatkan embed link serta fungsi lain – lihat imej pada langkah No. 3 tadi. Sebagai contoh, aku masukkan 6 video:


9. Bila kembali ke menu Playlists, satu playlist telah ditambah:

Paparan Playlist:

<iframe width="450" height="250" src="https://www.youtube-nocookie.com/embed/videoseries?list=PLid playlist anda&amp;showinfo=0(tiada paparan playlist di bahagian atas kiri video)&amp; allowfullscreen (buang jika tidak mahu fungsi full screen)&amp;ap=%2526fmt%3D18(untuk high quality atau ap=%2526fmt%3D22 untuk 720p High Definition)&amp;modestbranding=1(sorok logo YouTube)" frameborder="0" ></iframe>

3. Cara buat YouTube playlist serta dapatkan embed kod tanpa perlu login atau tanpa akaun

1. Memula dapatkan beberapa link video YouTube untuk bina playlist

Di sini contoh 5 video YouTube, 4 lagu dan 1 bukan lagu:
a) Wings - Misteri Mimpi Syakilla (http://www.youtube.com/watch?v=VLYmm3Um-uM)
b) Sharifah Zarina - Langit Ke Tujuh (http://www.youtube.com/watch?v=ZR9-rxfHlPs)
c) Secret Garden- Song from a Secret Garden (http://www.youtube.com/watch?v=-sWnEWpS_fA)
d) Scorpions - Wind Of Change (http://www.youtube.com/watch?v=n4RjJKxsamQ)
e) Maharaja Lawak Mega 2013 - Minggu 8 - Persembahan Sepahtu (http://www.youtube.com/watch?v=Rs1xtoM3pNw)

2. Jadi bila digabungkan kelima-lima id video tersebut; ianya akan jadi begini: http://www.youtube.com/watch_videos?video_ids=VLYmm3Um-uM,ZR9-rxfHlPs,-sWnEWpS_fA,n4RjJKxsamQ,Rs1xtoM3pNw

3. Ambil link ini dan paste di tab baru (new tab) dan tekan enter. Secara otomatis link tersebut akan bertukar dan paparan playlist terhasil. Lihat imej di bawah:


4. Copy link yang baru terbina di tab tersebut: Untuk contoh di atas, linknya ialah http://www.youtube.com/watch?v=VLYmm3Um-uM&list=TLJyN30yl4GhMwMjAzMjAxNg

5. Hanya link kod berwarna merah sahaja (list=TLJyN30yl4GhMwMjAzMjAxNg) yang diperlukan untuk kita letak dalam embed code supaya dipaparkan dalam blog. Contoh paparan:



(Playlist tak ada tajuk sebab tak login / tak ada akaun)

6. Ini embed kodnya:

<iframe frameborder="0" height="250" src="https://www.youtube-nocookie.com/embed/videoseries?list=TLJyN30yl4GhMwMjAzMjAxNg&amp;ap=%2526fmt%3D18&amp;modestbranding=1" width="450"></iframe>

Lihat list tersebut di mana TLJyN30yl4GhMwMjAzMjAxNg itu kepunyaan saya dan perlu ditukar dengan link list yang anda cipta.

Kalau nak cara pasang lagu MP3 dan beberapa pilihan skin MP3; nanti senangle baru buleh buat cerita.

Ehhhh dah habis laaa :) Semoga bermanfaat buat semua

Cerita seterusnya »

Pasang Lagu Menggunakan Pilihan Skin MP3 Player Di Blog

Selamat berhujung minggu. Kali ni aku nak cerita camana letak lagu dalam blog. Bagus untuk yang berminat dan masih tercari-cari walaupun blog sekarang nih agak kurang popular.

Banyak program yang tawarkan lagu mp3 untuk didownload; ambil sumber asal dari YouTube atau SoundCloud. Masalahnya majoriti program ni tak sediakan skin mp3 player untuk diletak

dalam blog. Ada masanya nak download link lagu pun tak boleh; tak padan dengan iklan yang keluar 3-4 kali sebelum kita dapat link tersebut, itupun kalau dapat.

Tak ingat kat mana ntah komen ni...

Bila kita tahu mereka ambil dari YouTube; guna YouTube sajalah untuk masukkan lagu dalam skin mp3 player yang kita pilih/ada. Tukar link tersebut kepada link mp3 (hujung link ada .mp3). Program terbaik adalah ListenVid. Nanti aku tunjuk sekali bagaimana nak guna ListenVid.

Sebelum lupa;
~ Semua program yang aku ambil untuk cerita kali ni adalah percuma tak payah nak register bagai,
~ Segala kod berwarna merah boleh diejas sesuka hati ikut kesesuaian blog,
~ Kalau nak buang Tajuk Lagu, buang keseluruhan kod yang ini: <div style='width:XXXpx; background:transparent; font:YYpx Comic Sans MS;'>Tajuk Lagu</div>,
~ Nak pilih kaler boleh tengok sini; sini; atau sini, dan
~ Semua kod dah dicuba dan boleh guna selagi program tu masih hidup dan kod MP3 skinnya tak ditukar.

Haaa meh tengok satu persatu:
1. Program tawarkan lagu mp3 dan tersedia skin mp3 player

1. Program yang sediakan skin mp3 player yang sama.

1. a) Antaranya MP3 Juices; MP3 Raid; dan MP3 World
Paparan skin MP3:

<div style='width:250px;background:transparent;font:12px Comic Sans MS;'>Tajuk Lagu</div><embed type='application/x-shockwave-flash' src='https://mp3-juices.com/inc/jplayer/mp3player.swf' flashvars="file=http://link lagu.mp3&volume=50" quality="high" allowscriptaccess="always" height="20" width="250"><br /></embed>

1. b) MP3 Downloads
(Ada butang Stop tetapi tiada butang Download)
Paparan skin MP3:

<div style="background: transparent; font: 14px Comic Sans MS; width: 300px;">Tajuk Lagu</div> <embed src="http://www.mp3-downloads.net/flash/playlistplayer.swf" width="300" height="20" flashvars="height=20&width=300&file=link lagu.mp3&showstop=true&autostart=false&skin=http://www.mp3-downloads.net/flash/controlpanel.swf"></embed>

1. c) Cincopa
(Lebih lengkap dengan fungsi ubah warna - Sebenarnya kena register dulu tapi aku dapat kat mana ntah)
Paparan skin MP3:

<div style="background: transparent; font: 14px Comic Sans MS; width: 300px;">Tajuk Lagu</div> <embed width="300" height="20" src="http://www.cincopa.com/media-platform/runtime/player4/player4.swf" wmode="transparent" type="application/x-shockwave-flash" flashvars="file=link lagu.mp3&amp;showstop=true&amp;frontcolor=cc0000&amp;lightcolor=000000&amp;autostart=false"></embed>

2. Seek A Song
Paparan skin MP3:

<div style='width:280px;background:transparent;font:12px Comic Sans MS;'>Tajuk Lagu</div><embed src='http://www.seekasong.com/mp3player/player.swf' width='280' height='30' allowscriptaccess='always'allowfullscreen='false' flashvars='file=http://link lagu.mp3&skin=http://www.seekasong.com/mp3player/seekasong.swf'></embed>

3. Kiwi6
Paparan skin MP3:

Ini kod lama tapi masih berfungsi. Kod baru guna iframe dan boleh terus paparkan banyak lagu (tracks) tapi perlu melalui link yang disediakan oleh program ini.

<div style='width:300px;background:transparent;font:12px Comic Sans MS;'>Tajuk Lagu</div><object type="application/x-shockwave-flash" data="http://kiwi6.com/swf/audio-player.swf?audioUrl=http://link lagu.mp3" id="audioplayer" height="27" width="300" allowscriptaccess="always"> <param name="movie" value="http://kiwi6.com/swf/audio-player.swf?audioUrl=http://link lagu.mp3"/><param name="FlashVars" value=""/> <param name="quality" value="high"/><param name="menu" value="false"/><param name="allowscriptaccess" value="always"/><param name="wmode" value="transparent"/></object>

4. SoundCloud
Sumber asal lagu adalah dari program ini sendiri. Gunakan link lagu yang ada di dalamnya saja. Adalah lebih baik terus ke laman webnya untuk dapatkan link dan kod untuk lagu-lagu.
Paparan skin MP3:

<iframe width="63%" height="110" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=link lagu dari soundcloud.com&amp;color=cc0000&amp;auto_play=false&amp;hide_related=true&amp;show_comments=false&amp;show_user=false&amp;show_reposts=false"></iframe>

5. MP3 Fusion
Sebenarnya kena register tapi yang ini pun aku tak ingat dapat kat mana...
Paparan skin MP3:

<embed src="http://www.mp3fusion.net/flash/mediaplayer.swf" width="300" height="100" allowscriptaccess="always" flashvars="height=100&amp;width=300&amp;file=link lagu.mp3&amp;screencolor=0xeeeeee&amp;showstop=true&amp;showdownload=false&amp;autostart=false&amp;skin=http://www.mp3fusion.net/flash/controlpanel.swf"></embed><div style='width:300px;background:transparent;font:14px Comic Sans MS;'>Tajuk Lagu</div>

2. Program tanpa lagu mp3 tapi sediakan skin mp3 player
Oleh kerana program-program ini tidak sediakan link lagu mp3, ada banyak pilihan skin mp3 player sama ada untuk satu atau lebih lagu.

1. FriendsBilly
Paparan skin MP3:

<center><embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=http://link lagu.mp3&t0=Tajuk Lagu&total=1" quality="high" wmode="bbbbbb" width="300" height="20" name="" align="middle" type="application/x-shockwave-flash" ></embed></center>

Ini pula kod untuk lebih dari satu lagu:

<center><embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=http://link lagu pertama.mp3&t0=Tajuk Lagu Pertama&f1=http://link lagu kedua.mp3&t1=Tajuk Lagu Kedua&f2=http://link lagu seterusnya.mp3&t2=Tajuk Lagu Seterusnya&total=3" quality="high" wmode="bbbbbb" width="300" height="20" name="" align="middle" type="application/x-shockwave-flash" ></embed></center>

2. MP3 Player
Ada lima jenis skin mp3 player. Kalau berminat; aku cadangkan pergilah ke laman webnya sebab boleh ejas ikut suka...
Paparan skin MP3:

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="300" height="22"> <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" /> <param name="bgcolor" value="#ffffff" /> <param name="FlashVars" value="mp3=link lagu pertama.mp3%7Clink lagu kedua.mp3%7Clink lagu seterusnya.mp3&amp;width=300&amp;height=22&amp;volume=50&amp;autoplay=0&amp;loop=1&amp;shuffle=1&amp;showvolume=1&amp;showinfo=1&amp;volumeheight=10&amp;loadingcolor=ffffff&amp;bgcolor1=ffffff&amp;bgcolor2=dddddd&amp;slidercolor1=cc0000&amp;slidercolor2=cc0000&amp;sliderovercolor=bbbbbb&amp;buttoncolor=cc0000&amp;buttonovercolor=bbbbbb&amp;textcolor=666666&amp;showlist=0&amp;playlistcolor=999999&amp;currentmp3color=cc0000&amp;scrollbarcolor=cccccc&amp;scrollbarovercolor=bbbbbb" /> </object>

3. SCM Music Player
Ia terima link mp3, SoundCloud track dan link youtube. Kelemahannya – kedudukan skin mp3 player hanya di bahagian atas dan bawah; serta tak boleh ejas tinggi dan lebar skin.
Paparan skin MP3:

<script type="text/javascript" src="http://scmplayer.net/script.js" data-config="{'skin':'skins/tunes/skin.css (banyak lagi pilihan skin)','volume':50,'autoplay':true,'shuffle':false,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'Tajuk Lagu Pertama','url':'link lagu pertama.mp3'},{'title':'Tajuk Lagu Kedua','url':'link lagu kedua.mp3'},{'title':'Tajuk Lagu Seterusnya','url':'link lagu seterusnya.mp3'}]}" ></script>

3. Bina sendiri skin mp3 player dalam blog

1. Guna html kod blog
Paparan skin MP3:

<br/><br/><video controls autoplay (buang perkataan ini jika tidak mahu autoplay) name="media" width="300" height="0"><source src="link lagu pilihan.mp3" type="audio/mpeg" ></source></video><div style='width:300px;background:transparent;font:14px Comic Sans MS;'>Tajuk Lagu</div>

2. WordPress Plugin
Paparan skin MP3:

Errrrr hehe yang ini nak juga ke? Nanti-nantilah bila ada senang baru aku bagi ya

4. Cara dapatkan link mp3 dari YouTube guna ListenVid

1. Buka YouTube dan cari lagu. Ambil link yang di atas sekali. Di sini paparan link youtube ialah https://www.youtube.com/watch?v=ixxVDu1vLUw


2. Buka ListenVid dan paste link tadi untuk tukar kepada link mp3. Tekan butang Convert It!

3. Right click mouse di kotak Download dan klik pada Copy link address. Paste kat mana-mana WordPad atau Notepad. Untuk contoh tadi, link mp3nya ialah http://listenvid.com/index.php?output=yt/ixxVDu1vLUw/256~~256~~Send_Me_An_Angel_-_Scorpions_Instrumental_Cover_auf_Yamaha_Tyros_uuid-56c450cc01c75.mp3

Cukup panjang dah ni. Penat woo buat tutorial yang ini. Harap-harap meriahlah semula dunia blog. Memula ingat nak jadikan 4 cerita tapi aaaahhhhh ada aku kisah.....

Cerita seterusnya »

Pokok Duit Bukan Ibu Duit

Aku ada simpan 4 pasu pokok ni. Tapi bila dengar cerita pasal ia bawak penyakit, susah hati juga.

Pokok Duit atau Pokok Ong (nama saintifiknya zamioculcas zamifolia) tak ada kena mengena dengan individu bernama Zami; calculator ataupun buku scrap sekolah folio.

Ni kata orang Cina - bila banyak

bunganya barulah ‘Ong’. Jadi kalau tanam banyak berpasu-pasu tengokle bunganya. Tapi takde bunga pun cantik juga bila pandai susun, kannn...?

Pokok ni antara yang paling senang ditanam. Antaranya: Ambil daunnya yang dah gugur dan tanam separuh – biarkan separuh terdedah. Dua tiga minggu nanti akan berakar dan bertunas melalui akarnya. Dah tu cuma perlu siram seminggu atau dua minggu sekali je. Tak perlu terdedah sangat kepada panas matahari nanti daunnya tak nampak segar berkilat.

Baru-baru nih keluar cerita ia menjadi punca penyakit leukemia dan penyebab kematian dua pengkaji botani dari Universiti Sains Malaysia (USM). Ini ada 2 link boleh baca untuk penjelasan:

Pokok duit-duit bukan penyebab leukemia

SABTU, 19 DISEMBER 2015 @ 5:13 PM
Pokok duit-duit bukan penyebab leukemia Oleh Haika Khazi

KUALA LUMPUR: Semua pihak diminta menghentikan spekulasi kononnya pokok duit-duit atau dikenali sebagai pokok pembawa tuah atau 'Ong' dalam kalangan masyarakat Cina menjadi punca penyakit leukemia dan penyebab kematian dua pengkaji botani dari Universiti Sains Malaysia (USM).

Ketua Kluster Pertanian dan Makanan, Majlis Profesor Negara, Prof Dr Ghizan Saleh, berkata sehingga kini, beliau tidak pernah mendengar ada kajian saintifik menunjukkan tumbuhan terbabit menjadi punca penyakit kanser.

Bagaimanapun, beliau mengesahkan tumbuhan itu memang tergolong daripada spesis pokok hiasan beracun dan boleh membahayakan kesihatan.



"Setahu saya, setakat ini, tiada bukti kukuh dan kajian mendalam menunjukkan pokok duit-duit menjadi punca penyakit dan kematian dua pengkaji USM berkenaan.

"Berikutan itu, perlu ada kajian saintifik dilakukan pihak berkenaan bagi membuktikan dakwaan berkenaan benar atau tidak," katanya yang juga Timbalan Naib Canselor (Akademik), Kolej Universiti Agrosains Malaysia, Melaka, ketika diminta mengulas isu terbabit.

Beliau juga mengesahkan banyak bahan kimia yang digunakan dalam ujian asid deoksiribonukleik (DNA) seperti ethidium bromide boleh menyebabkan pertumbuhan sel tidak normal dan penyakit kanser.

Tiada Bukti Pokok ‘Duit-Duit’ Penyebab Kanser

Tiada Bukti Pokok ‘Duit-Duit’ Penyebab Kanser
By Editor · On 20/12/2015

KUALA LUMPUR: Semua pihak diminta menghentikan spekulasi kononnya pokok duit-duit (zamioculcas zamiifolia) atau dikenali sebagai pokok pembawa tuah atau ‘Ong’ dalam kalangan masyarakat Cina menjadi punca penyakit kanser darah atau leukemia dan penyebab kematian dua pengkaji botani dari Universiti Sains Malaysia (USM).

Ketua Kluster Pertanian dan Makanan, Majlis Profesor Negara, Prof Dr Ghizan Saleh, berkata sehingga kini, beliau tidak pernah mendengar ada kajian saintifik menunjukkan tumbuhan terbabit menjadi punca penyakit kanser. Bagaimanapun, beliau mengesahkan tumbuhan itu memang tergolong daripada spesis pokok hiasan beracun dan boleh membahayakan kesihatan.

“Setahu saya, setakat ini, tiada bukti kukuh dan kajian mendalam menunjukkan pokok duit-duit menjadi punca penyakit dan kematian dua pengkaji USM berkenaan. “Berikutan itu, perlu ada kajian saintifik dilakukan pihak berkenaan bagi membuktikan dakwaan berkenaan benar atau tidak,” katanya yang juga Timbalan Naib Canselor (Akademik), Kolej Universiti Agrosains Malaysia, Melaka, ketika diminta mengulas isu terbabit.

Beliau juga mengesahkan banyak bahan kimia yang digunakan dalam ujian asid deoksiribonukleik (DNA) seperti ethidium bromide boleh menyebabkan pertumbuhan sel tidak normal dan penyakit kanser.

Timbalan Ketua Pengarah Kesihatan (Kesihatan Awam) Datuk Dr Lokman Hakim Sulaiman berkata, sehingga kini kementerian belum menerima laporan mengenai kes tersebut.

Dr Lokman berkata, setakat ini belum ada kajian dan bukti saintifik menunjukkan bahawa pokok duit-duit berkenaan adalah penyebab penyakit leukemia.

Pengarah Pusat Media dan Perhubungan Awam, USM, Mohammad Abdullah, pula menafikan dakwaan terbabit dan meminta pihak berkenaan membuat aduan rasmi dan mengemukakan bukti kukuh bagi membolehkan siasatan rapi dijalankan.

“USM kesal dengan penyebaran maklumat seperti ini dan berharap pihak berkenaan tampil membantu. Penyebaran maklumat ini wajar dihentikan segera sehingga kita mempunyai bukti sahih untuk menjelaskan dakwaan berkenaan,” katanya dalam satu kenyataan semalam.

Jadi maknanya di sini:

1. Tumbuhan ini memang tergolong daripada spesis pokok hiasan beracun dan boleh membahayakan kesihatan tapi tiada bukti kukuh dan kajian mendalam menunjukkan ia menjadi punca penyakit dan kematian dua pengkaji USM berkenaan.

2. Setakat ini belum ada kajian dan bukti saintifik menunjukkan bahawa pokok ini adalah penyebab penyakit leukemia.

3. Banyak bahan kimia yang digunakan dalam ujian asid deoksiribonukleik (DNA) seperti ethidium bromide boleh menyebabkan pertumbuhan sel tidak normal dan penyakit kanser. Sebab bahan kimia yang digunakan, bukan sebab pokok…

Tak lupa kredit kat google dan juga Inspirasi ALAM.

Camniler, aku cuma boleh kata - Kat rumah pun kita ada simpan spray nyamuk; dapur gas; set pisau; dan macam-macam lagilah yang merbahaya dan mengancam nyawa jika tidak berhati-hati.



Errr entri ni saja nak sedapkan hati... Eheh...

Cerita seterusnya »