For Android device For iOS device
១៧
វិច្ឆិកា

របៀប​បង្កើត Rollover Image សម្រាប់​ផ្ញើ​អ៊ីមែល និង សម្រាប់​គេហទំព័រលក់​ផលិតផល​ផ្សេងៗ​

Rollover Image គឺជា​រូបភាព​មួយ ​ដែល​នឹងប្រែប្រួល​នៅពេល​ដែល​ User ដាក់ Mouse ពីលើ ពោលគឺ​វានឹង​ ផ្លាស់ប្ដូរទៅជា​រូបភាព​ណាមួយ​ផ្សេងទៀត ។ គេ​និយម​ប្រីប្រាស់វានៅ​ក្នុង​ គេហទំព័រលក់​ផលិតផល​ផ្សេងៗ​ ​ក៏​ដូចជា​ការ​ផ្ញើ​អ៊ីមែល​ទៅកាន់​អតិថិជនជាដើម ។ ជាការពិតណាស់​លោកអ្នក​អាច​ផ្ញើ​សារ Email ​ដែល​មាន​លក្ខណៈ​ជា Rollover Image ​ទៅកាន់​អ្នកណាម្នាក់ បាន​យ៉ាង​ងាយស្រួល​តាមរយៈ​ការ​ណែនាំ​ខាងក្រោម​ ​ដែល​តាមធម្មតាវាមាន​លក្ខណៈ​ ពិបាកបន្តិច ប៉ុន្តែ​ថ្ងៃ​នេះ​ទស្សនាវដ្ដី​ អាន -ANT សូមលើកយក​នូវ​គន្លឺះមួយ​ដែល​មិនមានភាពស្មុគ្រស្មាញ និង ​ងាយស្រួល​ជាងមុន​ ​ដែល​លោកអ្នក​ក៏​អាច​បង្កើត​រូបភាព​ Rollover នេះដោយ អនុវត្តន៍តាមការ​ណែនាំ​ដូច​ខាងក្រោម​៖

សូមចុច Like គេហទំព័រ www.antkh.com ដើម្បី​ទទួលបានអត្ថបទថ្មីៗ​ប្រចាំ​ថ្ងៃ​

· សូមចូល​ទៅកាន់​គេហទំព័រ http://freshinbox.com/tools/rollover/ ​លោកអ្នក​នឹង ទទួលបានដូច​ខាងក្រោម​៖

· ជំហ៊ានបន្ទាប់សូម​លោកអ្នក​បញ្ចូល​ព័ត៌មាន​តាមការ​ណែនាំ​ខាងក្រោម​៖

​ចំណុច​ទី : ជាកន្លែង​សម្រាប់​ឲ្យ​លោកអ្នក​ដាក់ Link Address របស់​រូបភាព​ ​ដែល​វានឹង​បង្ហាញ​ ​នៅពេល​ដែល​មិនទាន់​ដាក់ Mouse Hover

​ចំណុច​ទី និង ​ចំណុច​ទី : ជាកន្លែង​សម្រាប់​ឲ្យ​លោកអ្នក​កំណត់​ ប្រវែងបណ្តោយ និង ប្រវែងទទឹង របស់​រូបភាព​នោះ

​ចំណុច​ទី : ជាកន្លែង​សម្រាប់​ឲ្យ​លោកអ្នក​ដាក់ Link Address របស់​រូបភាព​ថ្មី ​ដែល​វានឹង​បង្ហាញ​ ​នៅពេល​ដែល​ដាក់ Mouse Hover ​ទៅលើ​រូបភាព​ចាស់

​ចំណុច​ទី : ជាកន្លែង​សម្រាប់​ឲ្យ​លោកអ្នក​បំពេញ​ឈ្មោះ​វែបសាយណា ​ដែល​វានឹង​ link ទៅ​នៅពេល​ដែល​អ្នក​ប្រើ​ប្រាស់​បានចុច Click

​ចំណុច​ទី : ជាកន្លែង​សម្រាប់​ដាក់រាល់ Message ​ដែល​ទាក់ទងនឹង​រូបភាព​ ហើយ​វានឹង​បង្ហាញ​ ​នៅពេល​ដែល​រូបភាព​មិន​ដំណើរ​ការ​

· សូមចុចលើប៊ូតុង Generate ដើម្បី​ពិនិត្យ​មើល​លទ្ធផល​ដូចរូប​ខាងក្រោម​៖

· ការ​ផ្ញើ​អ៊ីម៊ែល៖

ក្រោយពី​លោកអ្នក​បានទទួល​លទ្ធផល​រួចហើយ​លោកអ្នក​ អាច​ផ្ញើ​វា​ទៅកាន់​អ្នកណាម្នាក់បាន ​យ៉ាង​ងាយស្រួល​ដោយ​គ្រាន់តែ​ វាយបំពេញអ៊ីមែល រួចចុច ប៊ូតុង Email this to me តាមការ​បង្ហាញ​ខាងក្រោម​

· ​បញ្ចូល​ទៅកាន់​គេហទំព័រ៖

​ប្រសិនបើ​លោកអ្នក​ចង់ ​បញ្ចូល​វា​ទៅកាន់​គេហទំព័រ​ណាមួយ​ ​លោកអ្នក​  ​គ្រាន់តែ​អនុវត្តន៍តាមការ​បង្ហាញ​ខាងក្រោម​៖

 Copy កូដ​ដែល​មានស្រាប់ទៅដាក់​ក្នុង​គេហទំព័រនោះ

សូម Copy កូដត្រង់​ចំណុច​ទីមួយទៅដាក់ នៅ​ក្នុង​ចន្លោះ tag <head> និង កូដត្រង់​ចំណុច​ទីពីរ ទៅដាក់​ក្នុង​ចន្លោះ tag <body>

​ចំណាំ​ រាល់​រូបភាព​ដែល​ប្រើ​ប្រាស់​លោកអ្នក​គ្រាន់តែ​ Copy link Address របស់​រូបភាព​នោះចេញពីគេហទំព័រ​ណាមួយ​ក៏​បាន​ដែល​មាន​នៅលើ​អ៊ីនធឺណែត ដើម្បី​យកមក​ប្រើ​ប្រាស់ ។

សូមសាកល្បងដោយខ្លួនអ្នក! ! !

*** រៀបរៀងអត្ថបទដោយ៖  លោក តី សុជាតិថា

*** មុខវិជ្ផា HTML+HTML5+Dreamweaver តម្លៃ ៥៥ដុល្លា ឬ ២២០០០០រៀល សម្រាប់ Course Outline នៃ​វគ្គ​ http://training.antkh.com/html.aspx

*** មុខវិជ្ផា Web Design with CSS + Bootstrap តម្លៃ ៨០ដុល្លា ឬ ៣២០០០០រៀល សម្រាប់ Course Outline នៃ​វគ្គ​នេះ http://training.antkh.com/website_design_with_css.aspx

*** សម្រាប់​ស្នាដៃសិស្ស​ដែល​បាន​បញ្ចប់​វគ្គ​គេហទំព័រជា​ច្រើន នៅអាន-ANT http://training.antkh.com/achievements/?c=web

*** សូម​ចូលរួម​ជាសមាជិក ANT Training Group ដើម្បី​តាមដានសម្មភាពប្រចាំ​ថ្ងៃ​ជាមួយអាន-ANT
*** ចុច Like គេហទំព័រ www.antkh.com ដើម្បី​ទទួលបានអត្ថបទថ្មីៗ​ដែល​ទាក់ទងនឹង​បច្ចេកវិទ្យា​រៀងរាល់​ថ្ងៃ​

មតិ និង​យោបល់​ទៅលើ​អត្ថបទ​នេះ (តាម Facebook)

ខាងក្រោម​នេះ​ជា​យោបល់​ផ្សេងៗ​របស់​អ្នកទស្សនា