Tutorial Youtube Player (Template Biasa + Blogskin)
Thursday, January 26, 2012 | 11:15 PM | 0 comments
Assalamualaikum w.b.t :)
How are you guys? Fine? Good (V) Tetiba jea aku rajin nak buat tuto hewhew. Actually, macam biasa. Takde sape suruh tapi aku yang rajin nak buat heeee. So aku ajar FROMATOZ.
(Template Biasa)
1. Pilih lagu yang korang nak letak kat blog korang tu. Contoh, korang nak letak lagu Najwa Latif - Cinta Muka Buku. So, korang kena buka youtube then tulis lah tajuk yang korang nak cari tu. Better korang buka audio lah. Kalau buka MV, lambat sikit lagu tu keluar.
2. Bila dah buka, korang click share -> embed -> tick use old embed code.
3. Korang copy semua code tu then paste dekat notepad dulu. Kalau takde notepad, guna microsoft word pun boleh. Better guna notepad. Kalau tak nak pun takpe. Tak kesah :) Lepas dah paste jadi macam ni.
4. Then, korang deletekan semua code ni kecuali dalam kotak hitam tu.
5. Dah delete? Korang paste pula code bawah ni and paste ka bawah kotak hitam tadi. Kalau template biasa, copy code bawah ni tauuu.
<param name="movie" value="http://www.youtube.com/v/MqAkTyprC_o?fs&autoplay=1&hl=en_US&color1=0xffffff&color2=0xffffff" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/MqAkTyprC_o?fs&autoplay=1&hl=en_US&color1=0xffffff&color2=0xffffff" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="200" height="25"></embed></object></center>
Bila dah paste, jadi macam ni.
6. Mesti jadi macam atas tu tauuu! Kalau nak guna cara lain pun boleh, tapi aku biasa guna cara aku. Tengok, code yang aku suruh paste tu lainkan dengan code lagu atas yang warna biru tu? *Haa mesti tercari-carikan code mana yang tak sama tu? Sekali pandang, semua tak sama*
.png)
Nah, jumpa tak? Kalau tak jumpa lagi, kau kena pergi check mata kau ah ._.
7. Ada 2 kan code dalam kotak hitam tu? Dua-dua code tu padam and tukar kan dengan code yang warna biru tu. Faham tak? Tak faham tengok gambar bawah ni. Padam sampai tanda soal jea tauuuuu! Jangan padam semua sekali. Nanti tak jadi, jangan serang aku.
Haa sekarang dua-dua code tu dah sama en? Now, go to the next step :D
8. Now, semua dah settle tinggal nak letak dekat blog jea. Pergi dashboard -> design -> Page Element -> Add a gadget -> Html/JavaScript.
9. Korang copy code semua code tu then paste dekat Html/JavaScript. Copy yang kotak warna hitam tu jea tauuu!
.png)
10. Korang pastelah dekat mana yang korang nak. Lepas tu, SAVE! Menjadi tak? Kalau tak menjadi, korang check balik. Kalau dah betul tapi tak jadi bagitahu!
11. Kalau nak bagi youtube player tu ketengah, tambah code <center> kat depan sekali. Kalau tak nak ketengahkan, padam code <center> kat belakang sekali tu okay?
(Blogskin)
1. Korang ikut step 1 sampai 10 tu then korang tambahkan code ni.
<a style="display:scroll;position:fixed;top:5px;right:95px;">2. Code atas tu kalau nak youtube tu atas sekali. Kalau nak ke bawah, tukar top kepada bottom. Kalau nak tukar ke kiri, tukar right kepada left and adjust lah apa yang patut.
3. Code tu korang paste dekat bahagian depan sekali. So, code tu jadi macam ni.
<center><a style="display:scroll;position:fixed;top:5px;right:95px;"><object width="200" height="25"><param name="movie" value="http://www.youtube.com/v/MqAkTyprC_o?fs&autoplay=1&hl=en_US&color1=0xffffff&color2=0xffffff" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/MqAkTyprC_o?fs&autoplay=1&hl=en_US&color1=0xffffff&color2=0xffffff" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="200" height="25"></embed></object></center>4. Aku dah ketengahkan youtube player tu. Kalau tak nak, padam <center> kat depan and padam <center> kat belakang.
5. Okay, sekarang korang pergi dashboard -> template. Korang paste code kat atas tadi dekat atas code ni.
</body>Contoh macam ni.
</head>
</html>
6. Preview then SAVE! Kalau ada problem bagitahu kay?
Tutor ni dicreditkan kepada Sabrina ;D hewhew. Thank babe. Sayang kau :'*
Sincerely,
Abby ♥