Pages

Selasa, 15 Maret 2011

Cara Menampilkan Video Pada Artikel Blog

Menulis sebuah artikel akan lebih tampil menarik apabila dilengkapi dengan dukungan gambar atau video untuk menambah kelangkapan dokumentasi dari sebuah arikel. Khusus untuk artikel ini saya akan menjelaskan cara menampilkan video pada artikel baik melalui ponsel atau langsung dari PC. Artikel ini lebih saya khususkan buat para newbie seperti saya karena mungkin masih banyak pemula yang belum tau.


Yang pertama anda harus mentukan jenis video yang akan anda cantumkan. Kalau video tersebut adalah video yang sudah beredar di internet kita bisa mencari di Youtube. Kalau sifatnya video pribadi yang masih tersimpan di komputer sebaiknya anda upload dulu ke Youtube. Jadi alangkah baiknya kalau kita punya akun di Youtube.
Sebagai contoh, kita menulis artikel tentang cara membuat blog di wordpress misalnya.



Untuk mencantumkan video, anda bisa mencari di situs youtube dengan cara :
Pertama buka dulu situs http://www.youtube.com





Pada kolom search masukkan keyword “Cara membuat blog di wordpress”



Apabila video yang anda cari ada di youtube maka hasilnya akan muncul berupa list dari video-video yang anda. Silahkan pilih video mana yang menurut anda berkualitas.
Setelah menentukan jenis videonya silahkan di buka dan copy embed codenya.



Cara menampilkan embed code silahkan perhatikan gambar berikut :




Pada bagian bawah pojok kanan tampilan video terdapat “embed button”



Silahkan klik “embed” dan hasilnya akan di tampilkan kode HTML embed seperti gambar berikut :







Silahkan copy semua kode HTML tersebut dan sisipkan pada bagian artikel mana anda akan meletakkan video tersebut.



Untuk mengatur posisi anda dapat menambahkan kode align left, right or center.



Sedangka untuk mengatur lebar dan tinggi tampilan video silahkan di modifikasi pada bagian “width” dan “height”



Perhatikan warna merah pada kode berikut :



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



Setelah selesai kita bisa preview terlebih dahulu, dan apabila sudah pas silahkan terbitkan entri.



Baik pada blogspot ataupun wordpress kurang lebih caranya sama :

Mudah-mudaha bermamfaat !







Terima Kasih
Created By Syarief Hidayat



------------------------------------------------------------------------------------------

Tidak ada komentar:

Posting Komentar

 

Sample text

Sample Text

Sample Text