បន្ថែមចំនួនទំព័ររុករកទៅឱ្យ Blogger

សួស្តីអ្មកទាំអស់គ្នាក្នុងមេរៀននេះ Play Learns សូមបង្ហាញពីរបៀបដាក់ចំនួនទំព័រទៅអោយ Bloggerជាតំបន់បណ្តាញធាតុក្រាហ្វិករុករក៕គឺជាតម្រូវការនៃការកំណត់ហេតុបណ្ដាញជារៀងរាល់តែអ្នកសរសេរប្លុកយើងសង្កេតឃើញថាពុម្ពអ្នកសរសេរប្លុកមានភាពខុសគ្នានៃរបារប្រព័ន្ធបង្ហាញលេខទំព័រជាទូទៅវាបានបង្ហាញខ្លួននៅខាងក្រោមនៃការប្រកាសនៅជុំវិញកំណត់ហេតុបណ្ដាញ។
 ធាតុក្រាហ្វិកពិសេសនេះអាចជួយលោតអ្នកមើលសេចក្តីប្រកាសពីមុននៃការ
 កំណត់ហេតុបណ្ដាញឬកំពុងឆ្ពោះទៅរករកមាតិកាថ្មីដោយចុច Next។ រួមគ្នាជាមួយនឹងការប្រកាសថ្មីនិងចាស់។ដូច្នេះនៅថ្ងៃនេះខ្ញុំនឹងចែករំលែកការបង្រៀនដើម្បីបន្ថែមរុករកទៅកាន់កំណត់ហេតុបណ្ដាញទំព័រចំនួនក្នុង Blogger ។

      
  ដើម្បីបន្ថែមចំនួនរុករក
គ្រាន់តែធ្វើតាមជំហានដ៏សាមញ្ញខាងក្រោមដើម្បីបន្ថែមធាតុក្រាហ្វិកនេះនៅក្នុងកំណត់ហេតុបណ្ដាញរបស់អ្នក។  
សូមធ្វើតាមជំហានទាំងអស់ដោយប្រុងប្រយ័ត្នដើម្បីបន្ថែមធាតុក្រាហ្វិកនេះនៅក្នុងកំណត់ហេតុបណ្ដាញ។ អនុញ្ញាតឱ្យចូលទៅរបៀបបន្ថែមធាតុក្រាហ្វិកលេខរៀងនេះនៅក្នុងកំណត់ហេតុបណ្ដាញរបស់អ្នកសរសេរ។
  
ជំហាន ១
    ១ សូមចូលទៅកាន់ blogger Dashboard:
    ២ សូមចូលទៅកាន់  template>>Edit/Html:
   ៣ ឥឡូវនេះស្វែងរកកូដដូចខាងក្រោមនេះ: 

<b:includable id='mobile-index-post' var='post'>

 ៤ ឥឡូវនេះបិទភ្ជាប់កូដដែលបានផ្ដល់ឱ្យខាងក្រោមនេះទៅបិតភ្ជាប់ខាងលើកូដនេះ

   <b:includable id='page-navi'>
    <div class='pagenavi'>
    <script type='text/javascript'>
    var pageNaviConf = {
    perPage: 7,numPages: 5,firstText: &quot;First&quot;,
    lastText: &quot;Last&quot;,
    nextText: &quot;&#187;&quot;,
    prevText: &quot;&#171;&quot;
    }
    </script>

    <script type="text/javascript" src="https://www.googledrive.com/host/0B2ww3WS8P1MJYUpZd21XNXBYYW8"></script>
    <div class='clear'/>
    </div>
    </b:includable>

 ជំហាន ២
    ១ ឥឡូវនេះរកឃើញសម្រាប់កូដនេះ <b:include name='nextprev'/>
  ២ ឥឡូវនេះជំនួសកូដខាងលើជាមួយនឹងកូដដែលបានផ្ដល់ឱ្យខាងក្រោមនេះ:

  <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <b:include name='page-navi'/>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
    <b:include name='page-navi'/>
    </b:if>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <b:include name='nextprev'/>
    </b:if>
    </b:if>

 ជំហានជ ៣
  ១   ឥឡូវនេះរកឃើញសម្រាប់  ]]></b:skin>  tag
២ ឥឡូវនេះចម្លងកូដដែលបានផ្ដល់ឱ្យខាងក្រោមបិទភ្ជាប់ពីលើ  ]]></b:skin> សូមមើលរូប។



 ឥឡូវនេះបិទភ្ជាប់កូដខាងក្រោមដូចដែលបានបង្ហាញនៅក្នុងរូបនេះ:

    #blog-pager, .pagenavi {
         clear: both;
         text-align: center;
         margin: 30px auto 10px;
    }
    #blog-pager a, .pagenavi span, .pagenavi a {
         margin: 0 5px 0 0;
         padding: 2px 10px 3px;
         text-decoration: none;
         color: #fff;
         background: #2973FC;
         -moz-border-radius: 2px;
         -khtml-border-radius: 2px;
         -webkit-border-radius: 2px;
         border-radius: 2px;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    }
    #blog-pager a:visited, .pagenavi a:visited {
         color: #fff;
    }
    #blog-pager a:hover, .pagenavi a:hover {
         color: #fff;
         text-decoration: none;
         background: #000;
    }
    #blog-pager-older-link, #blog-pager-newer-link {
         float: none;
    }
    .pagenavi .current {
         color: #fff;
         text-decoration: none;
         background: #000;
    }
    .pagenavi .pages, .pagenavi .current {
         font-weight: bold;
    }
    .pagenavi .pages {
         color: #fff;
         background: #2973FC;
    }

 ឥឡូវនេះចុចលើ  Save Button  Done!
  ខ្ញុំសង្ឃឹមថាអ្នកនឹងធ្វើបានដោយជោគជ័យសូមអសគុណសូមមានសំណាល្អ៕