របៀប​ដាក់​ឆ្អឹងអត្ថបទ​ Dummy Text សម្រាប់​ Blogger

សម្រាប់ UI សម័យ​ថ្មី​នេះ អ្នក​អភិវឌ្ឍន៍​កម្មវិធី ឬ​គេហទំព័រ តែងតែ​ប្រើ​ការ​បង្ហាញ​ឆ្អឹង​របស់ UI នៅ​ពេល loading មាន​ការ​យឺតយ៉ាវ ដែល​ធ្វើ​ឲ្យ​​អ្នក​មើល មិន​សូវ​ធុញ និង​មាន​ចិត្ត​រង់ចាំ​ឲ្យ​មាតិកា load ចេញ​មក និង​ជា​ប្រការ​មួយ​ទៀត​គឺ យើង​អាច​ប្រើ ឆ្អឹង UI ឬ Dummy text នេះ​សម្រាប់​ដាក់​​កន្លែង​ព្រាង ឬ​លាក់​អត្ថបទ​បាន  ឬ​ចង់​ឲ្យ​អ្នក​មើល ផ្ដោត​លើ​ផ្នែក​អ្វី​មួយ​ក្រៅ​ពី​អត្ថបទ។

៙ របៀប​ដាក់​ចូល​អត្ថបទ post ៖

- ចូល​គណនី blogger.com របស់​លោកអ្នក ។
- ចុច​បង្កើត​អត្ថបទ​ថ្មី​មួយ ចម្លង​កូដ Dummy Text ខាង​ក្រោម​ យក​ទៅ​ដាក់​ក្នុង post ដោយ​ឈរ​លើ HTML View ជាការស្រេច ។

កូដ

<p class="dummy-text">
  <i style="margin-left: 10%;"></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i style="width: 30%;"></i>

</p>

<p class="dummy-text">
  <i style="margin-left: 10%;"></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i style="width: 30%;"></i>
</p>

<p class="dummy-text">
  <i style="margin-left: 10%;"></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i style="width: 30%;"></i>
  </p>

<style>
.dummy-text{display:block}
.dummy-text i{display:block;height:16px;margin-bottom:8px;background:#00000017;border-radius:5px;}
.dummy-text i.img{margin:0 auto;max-width:85%;height:180px;border-radius:10px}
.dummy-header{position:relative;background:#fff;border-radius:6px;padding:15px 15px;box-shadow:0 2px 4px 0 rgba(0,0,0,.05)}
.dummy-header .flex{display:flex;display:-webkit-flex}
.dummy-header .flex i{width:60px;margin:0 10px 0 0}
.dummy-header .flex i:last-child{margin:0}
</style>

វិធីសាស្ត្រ​​ខាង​លើ​យើង​មិន​ចាំបាច់​ដាក់​កូដ​ចូល template នោះ​ទេ​ព្រោះ​យើង​ប្រើប្រាស់​កូដ​ខាង​លើ​យូរ​ៗ​ម្ដង ។ យើង​អាច​ប្រើ​កូដ​នេះ​ ជាជាង​​​ដាក់​អត្ថបទ​បែប​ទទេ​សស្គុស ៕

---

Dummy Text សម្រាប់​ Blogger

__________________
ប្រភព​ពី www.bloggingdoses.xyz

Tags: Blogger

Share: