របៀបដាក់កូដអក្សររត់លើ Title Bar សម្រាប់ Blogger (Step-by-Step)

រៀនតិចនិកងាយៗក្នុងការបង្កើតអក្សររត់ (Scrolling Text) លើ Title Bar នៃកម្មវិធីរុករកសម្រាប់ប្លុក Blogger។ បង្កើនភាពទាក់ទាញ និងធ្វើឱ្យវេបសាយរបស់អ្នកមើលទៅក
របៀបបង្កើតអក្សររត់លើ Title Bar នៃកម្មវិធីរុករក (Browser) សម្រាប់ Blogger

របៀបបង្កើតអក្សររត់លើ Title Bar នៃកម្មវិធីរុករក (Browser) សម្រាប់ Blogger

ដោយ៖ Bongsokla | កាលបរិច្ឆេទ៖ ថ្ងៃទី ០៧ មេសា ឆ្នាំ២០២៦

Scrolling Title Bar Preview

វិធីមួយដើម្បីធ្វើឱ្យប្លុករបស់អ្នកកាន់តែមានភាពទាក់ទាញ និងរស់រវើក គឺការធ្វើឱ្យចំណងជើងនៅលើ Title Bar នៃ Browser មានចលនារត់ចុះឡើង។ វិធីនេះងាយស្រួលតម្លើងបំផុត និងមិនប៉ះពាល់ដល់ល្បឿនវេបសាយឡើយ។

របៀបអនុវត្ត (How to Implement)

សូមចម្លងកូដ JavaScript ខាងក្រោមនេះ យកទៅដាក់នៅពីលើស្លាក </body> ក្នុងប្លុករបស់អ្នក៖

<script type='text/javascript'>
msg = document.title;
msg = msg + ".";
position = 0;

function scrolltitle() {
  document.title = msg.substring(position, msg.length) + msg.substring(0, position);
  position++;
  if(position > msg.length) position = 0;
  window.setTimeout("scrolltitle()", 110);
}
scrolltitle();
</script>
💡 ចំណាំ៖ បងប្អូនក៏អាចបង្កើតជា Widget (HTML/JavaScript) នៅក្នុងផ្នែក Layout រួចដាក់កូដនេះចូលក៏បានដែរ វានឹងដំណើរការដូចគ្នា។

ការកែសម្រួលបន្ថែម (Advanced Note)

ប្រសិនបើបងប្អូនចង់បន្ថែមអក្សរផ្សេងទៀត ក្រៅពីចំណងជើងអត្ថបទ បងប្អូនអាចកែត្រង់បន្ទាត់ msg = msg + "."; ទៅជា៖

msg = msg + ". សូមស្វាគមន៍មកកាន់ប្លុករបស់ខ្ញុំ";

ជាចុងក្រោយ សូមចុច Save ហើយបើកមើលប្លុករបស់អ្នក បងប្អូននឹងឃើញចំណងជើងប្លុករត់យ៉ាងស្អាតជាក់ជាមិនខាន។ ប្រសិនបើពេញចិត្តតិចនិកនេះ កុំភ្លេចបញ្ចេញមតិ (Comment) គាំទ្រផងណា!


Post a Comment