Setting Kelebaran Gambar / Video Automatik Mengikut Lebar Post Blog

Sedikit
tips pada hari ini yang mungkin akan membantu ramai blogger baru yang
masih tidak tahu. Disini saya kongsikan bagaimana untuk membuat
kelebaran saiz gambar atau video yang anda embed dari video hosting
(youtube,megavideo, dll) automatik mengikut kelebaran post artikel anda.



Setiap theme blog mempunyai saiz kelebaran yang berbeza pada bahagian
post artikel. Dengan cara ini, jika anda bertukar ke theme lain


maka
saiz gambar / video yang ada didalam artikel anda juga akan automatik
berubah mengikut kelebaran theme baru anda tadi.



Caranya adalah seperti ini, anda perhatikan code dibawah :

<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″
codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0″
height="100%" width=”600“><param
name=”allowFullScreen” value=”true”><param
name=”allowscriptaccess” value=”always”><param name=”src”
value=”http://www.youtube.com/v/QGDZ-g8fcHc&amp;hl=en_US&amp;fs=1?rel=0&amp;border=1″><param
name=”allowfullscreen” value=”true”><embed
type=”application/x-shockwave-flash”
src=”http://www.youtube.com/v/QGDZ-g8fcHc&amp;hl=en_US&amp;fs=1?rel=0&amp;border=1″
allowscriptaccess=”always” allowfullscreen=”true” height="100%" width=”600“></object>

Diatas ini merupakan code embed dari youtube (original). Saiz kelebaran player youtube tersebut adalah 600
jadi bila saiz kelebaran blog anda 400 bagai mana pula? Cara
menyelesaikan dengan mudah adalah anda set sahaja code embed tersebut
seperti yang dibawah ini :

<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″
codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0″
height="100%" width=”100%“><param
name=”allowFullScreen” value=”true”><param
name=”allowscriptaccess” value=”always”><param name=”src”
value=”http://www.youtube.com/v/QGDZ-g8fcHc&amp;hl=en_US&amp;fs=1?rel=0&amp;border=1″><param
name=”allowfullscreen” value=”true”><embed
type=”application/x-shockwave-flash”
src=”http://www.youtube.com/v/QGDZ-g8fcHc&amp;hl=en_US&amp;fs=1?rel=0&amp;border=1″
allowscriptaccess=”always” allowfullscreen=”true” height="100%"width=”100%“></object>

Jika anda set 100% didalam code embed tersebut, maka saiz kelebaran
player youtube tersebut akan mengikut saiz kelebaran theme anda. Anda
boleh lihat hasilnya seperti ini :

iPhone 4 Vs. Droid Incredible

Itulah hasilnya untuk youtube player. Cara ini juga boleh digunakan
pada coding gambar yang anda masukkan kedalam artikel anda ataupun
player video yang lain seperti megavideo dan sebagainya. Selamat mencuba
ya.



http://www.rtikel.com/setting-kelebaran-gambar-video-automatik-mengikut-lebar-post-blog/