បន្ថែម​រូប​ចតុកោណ ចម្រុះ​ពណ៌​នៅ​ក្នុង​ប្លុកករ

   នេះ​ជា​ធាតុក្រាហ្វិក​សេរី​ចាស់​មួយ ដែល​លម្អ​ដោយ​ចតុកោណ​​កែង ដែល​មាន​ពណ៌​ចំនួន៣ (ក្រហម, បៃតង, ខៀវ)។ វា​ក៏​មាន​ភាព​ទាក់​ទាញ​ម្យ៉ាង​ដែរ ព្រោះ​មើល​ទៅ​ដូច​កូន​ដុំក្រួស​តូចៗ​ធ្លាក់​ចុះ​មក​អញ្ចឹង។ ខ្ញុំ​គ្មាន​អ្វី​និយាយ​រៀប​រាប់​ច្រើន​ទេ ព្រោះ​ដូច​រូប​ដែល​ខ្ញុំ​បង្ហាញ​ខាង​លើ​ស្រាប់។ ដូច​នេះ បើ​គ្មាន​អ្វី​និយាយ​ច្រើន​ទេ សូម​ទៅ​មើល​ទីងមោង ដាក់​ធាតុ​ក្រាហ្វិក​មួយ​នេះ​ខាង​ក្រោម ៖

៙ បន្ថែម​រូប​ចតុកោណ ចម្រុះ​ពណ៌​នៅ​ក្នុង​ប្លុកករ​ ៖ 
- កត់ត្រា​ចូល​ (Log In) ​ក្នុង​គណនី​ Blogger របស់​លោក​អ្នក​​ជា​មុន​សិន។
- ​ចូល​ទៅ​កាន់​ផ្នែក Layout >> រួច​ចុច​លើ​តំណ​​អក្សរ Add a Gadget នៅ​ទីតាំង​ណាមួយ (ឧទាហរណ៍​សូម​មើល​រូប​ខាង​ក្រោម)

- រមូរ​​ចុះ (scroll down) រក​មើល gadget ដែល​មាន​ឈ្មោះ​ថា HTML/JavaScript រួច​ចុច​​លើ​វា​ដើម្បី​បើក (មើល​រូប​ខាង​ក្រោម​នេះ)

- ចម្លង​កូដ​ខាង​ក្រោម​​នេះ យក​ទៅ​បិទភ្ជាប់​ក្នុង​ HTML/JavaScript ។ 
- បន្ថែម ៖ ចំពោះ​ឈ្មោះ widget ​លោក​អ្នក​​មិន​ត្រូវ​ដាក់​ទេ។

កូដដែល​អ្នក​ត្រូវ​ចម្លង​ដាក់ HTML/JavaScript

<div align="center">
<marquee behavior="scroll" direction="down" style="position:absolute; left:50px; top:150px; width:16px; height:200px; z-index:1;" scrollamount="1"><span class="falling1"><img src="http://i43.tinypic.com/2hxbx2a.jpg"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:300px; top:150px; width:16px; height:200px; z-index:1;" scrollamount="2"><span class="falling1"><img src="http://i43.tinypic.com/2hxbx2a.jpg"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:700px; top:150px; width:16px; height:200px; z-index:1;" scrollamount="3"><span class="falling1"><img src="http://i43.tinypic.com/2hxbx2a.jpg"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:800px; top:500px; width:16px; height:437px; z-index:1;" scrollamount="4"><span class="falling2"><img src="http://i42.tinypic.com/w7iovc.jpg"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:900px; top:150px; width:16px; height:200px; z-index:1;" scrollamount="4"><span class="falling1"><img src="http://i43.tinypic.com/2hxbx2a.jpg"/></span></marquee>

<marquee behavior="scroll" direction="down" style="position:absolute; left:100px; top:180px; width:16px; height:437px; z-index:1;" scrollamount="2"><span class="falling2"><img src="http://i42.tinypic.com/w7iovc.jpg"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:400px; top:180px; width:16px; height:437px; z-index:1;" scrollamount="3"><span class="falling2"><img src="http://i42.tinypic.com/w7iovc.jpg"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:800px; top:180px; width:16px; height:437px; z-index:1;" scrollamount="4"><span class="falling2"><img src="http://i42.tinypic.com/w7iovc.jpg"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:1000px; top:180px; width:16px; height:437px; z-index:1;" scrollamount="1"><span class="falling2"><img src="http://i42.tinypic.com/w7iovc.jpg"/></span></marquee>

<marquee behavior="scroll" direction="down" style="position:absolute; left:150px; top:180px; width:16px; height:437px; z-index:1;" scrollamount="3"><span class="falling2"><img src="http://i44.tinypic.com/24phw5w.jpg"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:650px; top:180px; width:16px; height:437px; z-index:1;" scrollamount="4"><span class="falling2"><img src="http://i44.tinypic.com/24phw5w.jpg"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:235px; top:180px; width:16px; height:437px; z-index:1;" scrollamount="4"><span class="falling2"><img src="http://i44.tinypic.com/24phw5w.jpg"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:450px; top:180px; width:16px; height:437px; z-index:1;" scrollamount="1"><span class="falling2"><img src="http://i44.tinypic.com/24phw5w.jpg"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:750px; top:180px; width:16px; height:437px; z-index:1;" scrollamount="2"><span class="falling2"><img src="http://i44.tinypic.com/24phw5w.jpg"/></span></marquee>
</div>

*** ពេល​​ដាក់​រូច​ហើយ សូម​ចុច​លើ​ប៊ូតុង Save ។
*** ពេល Save រួច​ហើយ លោក​អ្នក​គួរ​ចាប់​វា​ដាក់​នៅ​ពី​ខាង​លើ Blog Posts (មើល​រូប)

*** សូម​ចែក​រំលែក​អត្ថបទ​នេះ ទៅ​កាន់​អ្នក​ដែល​មិន​ទាន់​បាន​ដឹង។ :D

អត្ថបទស្រដៀងគ្នា:

Tweet