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=”405″ 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=”405″ 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=”405″ 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=”405″ width=”100%“></object>

Jika anda set 100% didalam code embed tersebut, maka saiz kelebaran player youtube tersebut akan mengikut saiz kelebaran theme anda.

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.