C H A S E R //

Tutorial Youtube Player ( Template Biasa + Blogskin )

Wednesday, 25 January 2012, ϟ 0 shout(s)

Heyya bonjour fellas ;>

How are you guys ? Fine ? Good (Y) Disebabkan kerajinan aku hari ni , aku nak buat tutor . Sebenarnya , Sarah suruh ajar macam mana nak adjust youtube player tu . Aku kan rajin hari ni . So , aku ajar FROM A TO Z .

( Template Biasa )

1 . Pilih lagu yang korang nak letak kat blog korang tu . Contoh , korang nak letak lagu Taylor Swift - Back To December . So , korang bukak youtube then tulis lah tajuk yang korang nak cari tu kan . Better korang bukak audio lah . Kalau bukak MV , lambat sikit lagu tu keluar .

2 . Bila dah bukak , korang click share --> embedded --> tick use old embedded code .

3 . Korang copy semua kod tu then paste kat note dulu . Kalau takde note , guna microsoft word pun boleh . Better guna microsoft word . Kalau tak nak pun takpe . Tak kesah (V) Lepas dah paste , jadi macam ni .

4 . Then , korang deletekan semua code ni kecuali yang dalam kotak hitam tu .

5 . Dah delete ? Korang paste pulak code bawah ni and paste kat bawah kotak hitam tu . Kalau template biasa , copy code ni eh .

<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 ni tau ! Kalau nak guna cara lain pun boleh , tapi aku biasa guna cara aku . Tengok , kod yang aku suruh paste tu lain kan dengan kod lagu atas yang warna biru tu ? * Haa , mesti tercari cari kan kod mana yang tak sama tu ? Sekali pandang , semua tak sama *

Nah , jumpa tak ? Kalau tak jumpa lagi , kau kena pergi check mata lah -_-

7 . Ada 2 kan kod dalam kotak hitam tu ? Dua dua kod tu padam and tukarkan dengan kod yang warna biru tu . Faham tak ? Tak faham tengok gambar bawah ni . Padam sampai tanda soal je tau ! Jangan padam semua sekali . Kang tak jadi , jangan serang aku .

Haa , sekarang dua dua kod tu dah sama kan ? Now , go to the next step ;D

8 . Sekarang , semua dah settle tinggal nak letak kat blog je . Pergi dashboard --> Design --> Page Element --> Add a gadget --> Html/JavaScript .

9 . Korang copy semua code tu then paste dekat Html/Javascript . Copy yang kotak hitam tu je eh .

10 . Korang paste lah kat mana yang korang nak . Lepas tu , SAVE ! Menjadi tak ? Kalau tak menjadi , korang check balik . Kalau dah betul tapi tak jadi , bagitawu !

11 . Kalau nak bagi youtube player tu ketengah , tambah kod <center> kat depan sekali . Kalau tak nak ketengahkan , padam kod </center> kat belakang sekali tu okay ?

( Blogskin )

1 . Korang ikut step 1 sampai 10 tu then korang tambahkan kod ni .

<a style="display:scroll;position:fixed;top:5px;right:95px;">

2 . Kod atas tu kalau nak youtube tu atas sekali . Kalau nak bawah , tukar top tu kepada bottom . Kalau nak tukar kiri ,tukar right kepada left and adjust lah apa yang patut .

3. Kod tu korang paste dekat bahagian depan sekali . Jadi , Kod 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>

3 . Aku dah ketengahkan youtube player tu . Kalau tak nak , padam <center> kat depan and padam </center > kat belakang .

4 . Okay , sekarang korang pergi Dashboard --> Template . Korang paste kod tu kat atas kod

</body>
</head>
</html>

Contoh , macam ni .

5 . Preview , then SAVE ! Kalau ada problem , bagitawu kay ?

Kod ni semua from blog aku and aku tak copy dari mana mana blog . Aku cuma tambah kod untuk adjust menggunakan kepintaran aku . * Wah , pandai lah sangat aku ni kan ? --' *

Supergirl ,

Iena