Senin, 10 Desember 2012

Video youtube di Blogger

Menampilkan Video Youtube di Blog


halo sahabat blogger ... kali ini saya akan membahas mengenai bagaimana cara menampilkan video youtube ke blog anda .. yaa , mungkin sudah banyak yang tahu .. tapi apa salahnya saya posting artikel seperti ini .. lumayan lah , bisa nambah posting .. hahaha :D

ya udah yuk , kita bahas aja sekarang ...




youtube memang hosting video terbesar di dunia saat ini .. anda bisa upload video apa saja ke sana , tanpa bayar ... anda hanya butuh akun youtube ..

tapi , disini saya bukan membahas mengenai youtube lebih dalam .. saya akan menjelaskan bagaimana menampilkan video dari youtube ke blog kita ... biasanya , posting kan butuh video ..

jadi , dari pada kalian upload dari blogger (enak , namun biasanya lama) , mendingan dari youtube aja ... saya akan jelaskan bagaimana caranya ...

1. pertama , buka situs youtube (http://www.youtube.com)

2. silahkan browsing video yang kalian inginkan ..

3. kalau sudah , play dulu video nya .. (tidak sampe selesai tidak apa apa)

4. coba kalian tengok bawah video yang anda browsing tadi ... pasti ada seperti ini :




















5. klik <embed>



6. nanti akan keluar seperti ini :



7. copy kode yang dilingkari warna merahh ..














8. silahkan buat posting baru , dan pastekan kode tadi ..

sebagai contoh (posting di edit html) :

saya akan memberikan video tentang sepak bola ... ini dia video nya

<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/p2zFqqskFM4&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/p2zFqqskFM4&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>

mohon komentar yaa ,,,

9. nahh ,, itu tadi adalah contoh posting di edit html ...






Cara Memasang Gambar Animasi Flash Pada Blog


Untuk lebih mengoptimalkan hasil pencarian topik artikel mengenai Cara Pasang Gambar Animasi Flash diblog pada mesin pencari Google, Yahoo, ataupun Bing, maka pada artikel kali ini saya akan memfokuskan pada kode script yang bisa anda pasang langsung pada widget atau halaman posting blog anda.

Kalau anda berminat untuk memasang Gambar Animasi Flash pada blog, silahkan copy kode dibawah, dan paste pada widget atau halaman posting blog anda.
1.    Kode script untuk gambar animasi yang terletak pada pojok atau pada pinggir halaman blog.
<a style=”display:scroll;position:fixed;top:0;right:0;”> <div style=”text-align:left;width:200px;height:300px;margin:0 auto;”><gigya width=”200” height=”300” src=” http://www.widgipedia.com/widgets/lombokdihati/Lombokdihati-Security-16426-8192_134217728.widget?__install_id=1339780711176&amp;__view=expanded“quality=”autohigh” loop=”true” wmode=”transparent” menu=”false” allowScriptAccess=”sameDomain” ></div></a>
 Penting…!!! Ganti kode yang berstabillo <  > dengan kode [  ]
Copy kode diatas, kemudian Paste pada Widget Teks/HTML blog anda.
Keterangan :
  • top:0 = Jarak Gambar Animasi dengan tepi atas halaman blog anda. Bila anda ingin gambar animasi terletak ditepi bawah halaman, silahkan ganti top dengan bottom. Angka jarak disesuaikan dengan selera anda.
  • right:0= Jarak Gambar Animasi dengan tepi sebelah kanan halaman blog anda. Bila anda ingin gambar animasi terletak disebelah kiri halaman, silahkan ganti right dengan left. Angka jarak disesuaikan dengan selera anda.
  • width:200 = Lebar Gambar Animasi.
  • height:300 = Tinggi Gambar Animasi.
  • Tulisan yang berstabillo ungu adalah link/kode install gambar animasi spiderman milik saya. Silahkan diganti dengan link/kode install gambar animasi milik anda.
2.    Kode script untuk gambar animasi yang terletak pada widget atau pada sidebar blog.
<div style=”text-align:left;width:200px;height:300px;margin:0 auto;”><gigya width=”200” height=”300” src=” http://www.widgipedia.com/widgets/lombokdihati/Lombokdihati-Security-16426-8192_134217728.widget?__install_id=1339780711176&amp;__view=expanded” quality=”autohigh” loop=”true” wmode=”transparent” menu=”false” allowScriptAccess=”sameDomain” ></div>
Penting…!!! Ganti kode yang berstabillo <  > dengan kode [  ]
Copy kode diatas, kemudian Paste pada Widget Teks/HTML blog anda.
Keterangan :
  • width:200 = Lebar Gambar Animasi.
  • height:300 = Tinggi Gambar Animasi.
  • Tulisan yang berstabillo ungu adalah link/kode install gambar animasi spiderman milik saya. Silahkan diganti dengan link/kode install gambar animasi milik anda.

Tidak ada komentar:

Posting Komentar