Menyesuaikan Letak Video di Artikel

Anda mungkin akan mendapat kesulitan saat ingin menyesuaikan letak video yang anda upload ke dalam artikel, karena video tersebut ternyata tidak bisa anda pindahkan semudah anda memindahkan gambar di artikel. Lalu anda bertanya-tanya, kira-kira bagaimana caranya agar anda bisa menyesuaikan letak video di artikel sehingga artikel anda terlihat rapi.

Ada dua cara untuk mengubah letak video di dalam artikel.

Video yang diupload melalui ikon insert video di blog

Caranya adalah dengan mengklik video yang anda upload lalu klik ikon alignment dan pilihlah salah satu pilihan letak yang anda inginkan (center, right, left).

ikon alignment

Video yang diupload dari YouTube dan situs lainnya

Caranya adalah dengan menambahkan beberapa kode pada kode video. Cara ini sangat gampang, karena anda hanya menambahkan kode div di depan kode video. Contohnya bila saya ingin menempatkan video di bagian tengah artikel.

<div style="text-align:center;"><object class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://0.gvt0.com/vi/T6jmyRAmTBA/0.jpg" height="266" width="320"><param name="movie" value="http://www.youtube.com/v/T6jmyRAmTBA&fs=1&source=uds" /><param name="bgcolor" value="#FFFFFF" /><param name="allowFullScreen" value="true" /><embed width="320" height="266"  src="http://www.youtube.com/v/T6jmyRAmTBA&fs=1&source=uds" type="application/x-shockwave-flash" allowfullscreen="true"></embed></object></div>

Maka hasilnya akan terlihat seperti ini..

Bila anda ingin mengubah letak video berada di bagian kanan artikel, maka anda hanya perlu mengubah kata "center" menjadi "right" dan begitupun untuk bagian kiri artikel.

Anda juga dapat menyelipkan video ke dalam artikel dan mensejajarkannya dengan artikel anda (sama seperti yang anda lakukan pada gambar), maka anda perlu untuk menambahkan beberapa kode lagi.

<span style="float:left; display: block; margin:9px;"><object class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://0.gvt0.com/vi/T6jmyRAmTBA/0.jpg" height="266" width="320"><param name="movie" value="http://www.youtube.com/v/T6jmyRAmTBA&fs=1&source=uds" /><param name="bgcolor" value="#FFFFFF" /><param name="allowFullScreen" value="true" /><embed width="320" height="266"  src="http://www.youtube.com/v/T6jmyRAmTBA&fs=1&source=uds" type="application/x-shockwave-flash" allowfullscreen="true"></embed></object></span>

Sama seperti cara sebelumnya, bila anda ingin mengubah letaknya maka cukup mengganti kata "left" pada kode tersebut dengan "center" atau "right". Anda juga dapat memodifikasi margin (jarak artikel dari video) sesuai dengan yang anda inginkan. Hasilnya seperti gambar di bawah ini. 

Semoga bermanfaat.
Wassalam.

Written by: Rysmah Zainal Arifin

The Kampoeng Blogger, Updated at: 3:18 PM

Posted in: Body , Video