Kemaskini Tutorial Pasang Lagu/Autoplay/Repeat/Pause

Ini merupakan kemaskini kepada cerita Pasang Lagu/Autoplay/Repeat/Pause lebih 4 tahun lepas. Lama tuuuu...

Dengan adanya secured link (https) serta tuanpunya web - youtube yang mengawal kemas gelanggang dengan payungan google di belakangnya, banyakle kod yang tak boleh berfungsi dengan cantik. Tak gitu?

Ok mari kita cuba lagi. Tak cuba tak tau kan...

Memula tukar link youtube kepada link lain. Aku cadangkan guna guna ListenVid Camni:

1. Buka YouTube dan cari lagu. Ambil linknya.

2. Buka ListenVid dan paste link tadi dalam box yang disediakan. Pilih .mp4 untuk dapat link baru:

3. Tekan 'Convert it!'

4. Nanti akan keluar paparan camni:

Klik kanan mouse di butang download (warna hijau tu) dan pilih Copy link address. Simpanle dulu kat notepad atau wordpad. Untuk contoh aku; linknya ialah:
http://listenvid.com/index.php?output=yt/EfXSvvJT-f8/128%7e%7e256%7e%7eKhairil_Johari_Johar_Sepasang_Kurung_Biru_Lirik_uuid-580cf0f0315e9.mp4

Untuk paparkan hanya butang 'Play' dan 'Stop'; ikut aja kod kat bawah ni. Jangan lupa tukar link pilihan kamu sendiri:

<script type="text/javascript"> playerFile = "http://www.mcmediaplayer.com/public/mcmp_0.8.swf"; fpFileURL = "http://listenvid.com/index.php?output=yt/EfXSvvJT-f8/128%7e%7e256%7e%7eKhairil_Johari_Johar_Sepasang_Kurung_Biru_Lirik_uuid-580cf0f0315e9.mp4"; playerSize = "55x25"; cpBackgroundColor = "ffffff"; cpPlayBtnColor = "3355ff"; cpStopBtnColor = "cc0000"; cpInfoBtnPosition = "0x55"; fpButtonOpacity = "0"; cpHidePanel = "never"; </script> <script type="text/javascript" src="http://www.mcmediaplayer.com/public/mcmp_0.8.js"></script>

Untuk paparkan butang 'Play', 'Stop', Volume dan Scrubber; ambil kod kat bawah. Jangan lupa tukar link lagu pilihan kamu sendiri:

<script type="text/javascript"> playerFile = "http://www.mcmediaplayer.com/public/mcmp_0.8.swf"; fpFileURL = "http://listenvid.com/index.php?output=yt/EfXSvvJT-f8/128%7e%7e256%7e%7eKhairil_Johari_Johar_Sepasang_Kurung_Biru_Lirik_uuid-580cf0f0315e9.mp4"; playerSize = "240x25"; cpBackgroundColor = "ffffff"; cpPlayBtnColor = "cc0000"; cpStopBtnColor = "cc0000"; playerBackgroundColor = "ffffff"; cpInfoBtnPosition = "0x240"; cpFullscreenBtnPosition = "0x240"; fpButtonOpacity = "0"; cpHidePanel = "never"; </script> <script type="text/javascript" src="http://www.mcmediaplayer.com/public/mcmp_0.8.js"></script>

Kenapa awalnya tadi aku cadang untuk tukar kepada link .mp4? Sebab script ni boleh paparkan videonya. Kita cuma perlu ejas ketinggian dan tambah lagi kod macam kat bawah:

<script type="text/javascript"> playerFile = "http://www.mcmediaplayer.com/public/mcmp_0.8.swf"; fpFileURL = "http://listenvid.com/index.php?output=yt/EfXSvvJT-f8/128%7e%7e256%7e%7eKhairil_Johari_Johar_Sepasang_Kurung_Biru_Lirik_uuid-580cf0f0315e9.mp4"; videoScreenSize = "360x200"; playerSize = "360x225"; cpBackgroundColor = "ffffff"; cpPlayBtnColor = "cc0000"; cpStopBtnColor = "cc0000"; cpInfoBtnPosition = "0x360"; fpButtonOpacity = "0"; cpFullscreenBtnPosition = "0x360"; cpHidePanel = "never"; </script> <script type="text/javascript" src="http://www.mcmediaplayer.com/public/mcmp_0.8.js"></script>

Kaler merah - tukarle kalau menyampah ngan lagu sedia ada
Kaler biru - ejaslah ikut suka, tapi yang aku bagi tu macam dah ngam...
Autoplay - script ni lupa nak sediakan hehe
Auto-repeat - ada belah kanan sekali tu...

Masih berminat lagi? Cubalah

Cerita seterusnya »

Followers Friend Connect Mudah Alih

Dulu aku ada cerita pasal followers friend connect widget/gadget. Bila script friendconnect dah tak boleh digunapakai, susah sikitle nak ambil kod untuk letak kat tempat yang kita suka, kannnn... Nak nak lagi bila followers makin surut, macam malulah nak pamer tapi nak juga letak hahahahahah.

Dulu ada tutorial untuk buka-tutup gadget benda alah ni. Sekarang tutorialnya pun dah tak ada. Imejnya lebih kurang camni:

Cuba tekan butang ([+]Follow) tu. Timbul tak?
Boleh lagi ni. Yang betulnya aku ada letak kat multi-tab polska ada kat sidebar tuh. Cenggini:

1. Memula buka Blogger Dashboard ---> Layout ---> Add a Gadget ---> More Gadgets ---> Followers

2. Pastikan paparan gadget yang terhasil nanti memuaskan dan mengikut kehendak hati kamu ya :) Pastu save.

3. Buka blog kamu di tab baru; klik kanan dan tekan 'View page source'. Akan keluar satu tab baru dan cari sampai jumpa yang ini: <div id='Followers1-wrapper'>

Pastu copy aja mula dari <div><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> hinggalah ke </script></div>

Kalau berdasar nombor baris blog aku: dari baris Nombor 863 hingga baris Nombor 894:


Dapat tak? Haishhhhh..... Haaaa ambek nih:

<div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<div id="followers-iframe-container"></div>
<script type="text/javascript">
window.followersIframe = null;
function followersIframeOpen(url) {
gapi.load("gapi.iframes", function() {
if (gapi.iframes && gapi.iframes.getContext) {
window.followersIframe = gapi.iframes.getContext().openChild({
url: url,
where: document.getElementById("followers-iframe-container"),
messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER,
messageHandlers: {
'_ready': function(obj) {
window.followersIframe.getIframeEl().height = obj.height; }, 'reset': function() { window.followersIframe.close();
followersIframeOpen("https://www.blogger.com/followers.g?blogID\x3d874138832550890313\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaBjc3Nzc3NyIGY2MwMDAwKgZGRkZGRkYyBmNjMDAwMDoGNzc3Nzc3QgZjYzAwMDBKBjc3Nzc3N1IGY2MwMDAwWgt0cmFuc3BhcmVudA%3D%3D\x26pageSize\x3d21\x26origin\x3dhttp://empayarutama.blogspot.com/");
},
'open': function(url) {
window.followersIframe.close();
followersIframeOpen(url);
},
'blogger-ping': function() {
}
}
});
}
});
}
followersIframeOpen("https://www.blogger.com/followers.g?blogID\x3d874138832550890313\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaBjc3Nzc3NyIGY2MwMDAwKgZGRkZGRkYyBmNjMDAwMDoGNzc3Nzc3QgZjYzAwMDBKBjc3Nzc3N1IGY2MwMDAwWgt0cmFuc3BhcmVudA%3D%3D\x26pageSize\x3d21\x26origin\x3dhttp://empayarutama.blogspot.com/");
</script>
</div>

Yang kaler merah tu no. id blog aku, tukarlah dengan no. id blog kamu ya. Tau tak kat mana nak dapat id blog? Kat sini:


Satu lagi kaler merah tu nama blog aku. Kena tukar jugalah dengan nama blog kamu.

4. Salin / copy kod nih kat notepad ke, wordpad ke; save dan kendian balik semula ke item no. 2 atas tu. Delete follower gadget asal yang telah disave tadi sebab tadi tu kita create follower gadget cuma untuk rembat kodnya menerusi view page source.

5. Lepas Delete, Save. Pastu ambil kod yang telah disalin dalam notepad / wordpad tadi; haaa letakle kat mana-mana yang berkenan. Save dan dah siap.

Tutorial ini dikongsikan sebab kod gadget ni tak ada jual kat kedai. Satu lagi sebabnya ialah ada tempat-tempat yang kita nak letak tapi tak boleh letak kerana kod asal kena melalui dashboard, siap tersedia tanpa dapat nak cilok kodnya.

Senang, kannn. Dah dulu, babai.

Cerita seterusnya »

Papan Tanda Jalan Lagi

Lanjutan kepada cerita lama dulu masa duduk kat tepi jalan; dua tiga menjak nih makin banyak papan tanda camni kat jalanraya. Dulu jarang kita lihat.

Tujuannya untuk baikpulih kerosakan yang berlaku dan beri keselesaan kepada awam.

Walaupun papa-papan tanda ini hanya

bersifat sementara sepanjang kerja-kerja kecemasan dan penyenggaraan, aku harap gambar terakhir tu tidak bersifat sementara:

Dan yang kat bawah ni pula; ianya lebih kepada tanda amaran / bahaya:

Apa yang tak kena?

Beri laluan, jangan tak beri; kepada...

Aku pernah tulis dulu "Agak keras sikit ayatnya" untuk papan tanda yang bertulisan. Akupun harap gambar terakhir ini betul-betul jadi amaran / peringatan kepada kita semua agar tidak tersasar...

Cerita seterusnya »

Jauh Di Sudut Hati...

Ingat tak lagi kisah raya tahun 2013. Baru-baru ini aku sempat bersembang lama dengan makcik tu. Muka dia ceria berseri-seri. Rupanya baru balik dari mengerjakan umrah.

Katanya sebab dah agak uzur maka mahram kena jadi peneman untuk menjaga dan mengurus. Katanya setelah berunding, anak perempuan yang tinggal berdekatan setuju untuk pergi bersama.

Aku tanya apa khabar banyaklah kursus umrah sebelum bertolak, kan? Adalah 4-5 kali kata makcik tu tapi kursusnya di Johor Bahru. Aku kata oklah sebab anak perempuan dia mesti pergi bersama tiap kali berkursus.

Jawab makcik - dia sibuk. Jawapan yang sama aku peroleh sewaktu ziarah beliau hampir tiga tahun lalu. Pergi kursus asing-asing. Erkkk camana tu makcik?

Makcik tu beritahu dia tinggal di JB rumah anak lelaki yang akan hantar tiap kali ada kursus. Rumah anak lelaki dia tu dekat jugalah dengan masjid tempat berkursus. Dah tu balik pun asing-asinglah dengan anak perempuan makcik? A’ah makcik tu jawab. Ooo camtu...

Makcik tu sambung lagi. Katanya di sana dapatlah dia melawat makam nabi, Taman Raudah, ladang kurma, kilang Quran, beribadat di dalam masjidilharam dan laksanakan segala urusan umrah. Bila dia bercerita satu persatu pengalaman di sana; hati nurani aku sebagai seorang anak mula tersentuh. Air mata mula bergenang cuma tak menitik...

Katanya ada tempat yang perlu berjalan kaki dan dia tak berapa kuat untuk berjalan. Maka dia berkerusi roda (wheelchair). Seorang anak muda bernama Faiz (antara anggota rombongan) rajin bantu tolak kerusi roda dia.

Makcik terus bercerita pengalaman selama berada di sana. Riak muka masih ceria. Hati aku saja yang tak tentu arah.

Pernah sekali dia tinggal sahaja di pintu masjidilharam hinggalah semua ahli rombongan telah kembali ke bilik hotel masing-masing.

Anak perempuan dia akhirnya bertemu setelah ikhtiar terakhir adalah bersujud dan mohon Alllah temukan kembali dengan ibunya.

Aku sebagai anak lelaki yang masih ada ibu makin cair rasa nak mengalir dah airmata ni. Ishhh sedihnya...

Makcik tu masih dengan muka ceria bercerita lagi anak perempuan dia ada bawa dia untuk mengerjakan tawaf perpisahan (Tawaf Wada) – pada hari terakhir ziarah. Ohhh Alhamdulillah adalah juga masa anak perempuan dia bersama makcik tu.

Makcik tu amat suka bercerita tentang Faiz dan aku rasa banyak masa makcik tu bersama beliau berbanding anak perempuan dia sendiri di sana. Syabas dan tahniah aku ucapkan kerana berjaya buang jauh-jauh segala sifat sombong, riak dan ego yang biasa wujud dalam diri kita.

Sebelum berpisah aku beritahu makcik tu Alhamdulillah selamat pergi dan kembali dari tanah suci semoga panjang umur kerana aku sendiri belum berpeluang ke sana...

Buat isteri, buat anak-anak; buat yang membaca; semoga kamu semua memahami...

Cerita seterusnya »

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 »