របៀបដាក់ Load more post នៅក្នុង Blogger


ថ្ងៃនេះជាថ្ងៃពិសេស សម្រាប់អ្នកទាំងអស់គ្នា។ ខ្ញុំនឹងលើកយកប្រធានបទមួយ និយាយអំពី របៀបដាក់ Load More Post សម្រាប់អត្ថបទ នៅក្នុង Blogger ឲ្យអ្នកទាំងអស់គ្នាបាន ដឹង។ ហេតុអ្វីបានជាយើង ចាំបាច់អ្វីដាក់​ Load more post ឬ អាចហៅជាភាសាខ្មែរយើង បានថា (បង្ហាញអត្ថបទបន្ថែមទៀត) ? បាទជាការពិតណាស់ Load more post វាមានសារៈសំខាន់ណាស់សម្រាប់ Blog ឬ Website ណាដែលមានអត្ថបទ ជាទម្រង់ Grid ឬ List អាឲ្យប្លុករបស់គេ ដំណើរការលឿន ដោយមិនចាំបាច់​ ត្រឡប់ទៅក្រោយ ដើម្បីមើល អត្ថបទថ្មី វិញនោះទេ ហើយវាមានរូប​សម្បត្តិ ស្អាតផង។ ប៉ុន្ដែថ្ងៃនេះខ្ញុំលើកយក តែប្រធានបទតូចមួយ ប៉ុណ្ណោះសម្រាប់បង្ហាញ ឲ្យអ្នកទាំងអស់គ្នាបានយល់ បានឃើញពីរបៀបដាក់នេះ។ វិធីគឺងាយមែនទែន ប្រិយមិត្តដែល កំពុងអានអត្ថបទនេះ មិនលំបាកនុះទេ។ កុំឲ្យខាតពេលរបស់អ្នកទាំងអស់គ្នាយូរ សូមតាមដាន ជាមួយ ខ្ញុំបាទ​ ឥលូវនេះ៖


១-ចូលទៅកាន់គណនីរបស់លោកអ្នក
២-ជ្រើសយក Theme រួចយក Edit Html

៣-ចូរស្វែងរក </body> ដើម្បីងាយស្រួលរកអ្នក ត្រូវចុច លើទីតាំងកន្លែងណាក៏បាន នៅក្នុង Edit Html នុះ ហើយ សូមចុច Ctrl+F ដើម្បីស្វែងរកវា។
៤-សូមចម្លងកូដ ខាងក្រោមទៅបិទភ្ជាប់ពីលើ កូដ ដែលបានស្វែងរកនុះ </body>
      4.1. កូដទី១ មាន ប៊ូតុង សម្រាប់ចុចឲ្យលោតអត្ថបទបន្ថែម

<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js'/>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'><b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function resizeThumbundefinede,n){forundefinedvar t=document.getElementByIdundefinede).getElementsByTagNameundefined"img"),a=0;a<t.length;a++)t[a].src=t[a].src.replaceundefined/\/s72\-c/,"/s"+n+"-c")}window.labelfx=functionundefined){var e=functionundefinede){var n=e||{},t=n.url_blog||window.location.host,a=n.id_labelcontent||"#labelfxn";$.ajaxundefined{url:"http://"+t+"/feeds/posts/summary?max-results=0&alt=json-in-script",type:"get",dataType:"jsonp",success:functionundefinede){var n=e.feed.category,t="";ifundefinedvoid 0!==n){t="<ul class='labelx'>";forundefinedvar i=0;i<n.length;i++)t+='<li><a href="/search/label/'+encodeURIComponentundefinedn[i].term)+'" target="_blank">'+n[i].term+"</a></li>";t+="</ul>",$undefineda).htmlundefinedt)}else $undefineda).htmlundefined"<span>No Label!</span>")},error:functionundefined){$undefineda).htmlundefined"<strong>Error Loading Feed!</strong>")}})};return functionundefinedn){eundefinedn)}}undefined),resizeThumbundefined"main",250),labelfxundefined),functionundefinede){function nundefinedn){e.getScriptundefined"http://"+n+".disqus.com/blogger_index.js")}function tundefined){s||undefineds=!0,o?undefinedr.findundefined"a").hideundefined),r.findundefined"img").showundefined),e.ajaxundefinedo,{dataType:"html"}).doneundefinedfunctionundefinedt){var a=eundefined"<div></div>").appendundefinedt.replaceundefinedl,"")),i=a.findundefined"a.blog-pager-older-link");i?o=i.attrundefined"href"):undefinedo="",r.hideundefined));var p=a.findundefinedd).childrenundefined".date-outer");eundefinedd).appendundefinedp),resizeThumbundefined"main",250),window._gaq&&window._gaq.pushundefined["_trackPageview",o]),window.gapi&&window.gapi.plusone&&window.gapi.plusone.go&&window.gapi.plusone.goundefined),window.disqus_shortname&&nundefinedwindow.disqus_shortname),window.FB&&window.FB.XFBML&&window.FB.XFBML.parse&&window.FB.XFBML.parseundefined),window.twttr&&window.twttr.widgets&&window.twttr.widgets.load&&window.twttr.widgets.loadundefined),r.findundefined"img").hideundefined),r.findundefined"a").showundefined),s=!1})):r.hideundefined))}function aundefined){ifundefined"item"!=_WidgetManager._GetAllDataundefined).blog.pageType&&undefinedo=eundefined"a.blog-pager-older-link").attrundefined"href"))){var n=eundefined'<a class="loadpost" href="javascript:;" style="text-decoration:none;font:11px Open Sans, sans-serif;letter-spacing:1px;padding:10px 20px;background:#000000;color:#ffffff;">LOAD MORE POSTS</a>');n.clickundefinedt);var a=eundefined'<img src="'+i+'" style="display: none;">');undefinedr=eundefined'<div style="display:block;text-align:center;margin:20px auto;"></div>')).appendundefinedn),r.appendundefineda),r.insertBeforeundefinedeundefined"#blog-pager")),eundefined"#blog-pager").hideundefined)}}var i="https://1.bp.blogspot.com/-6_Eha7PSRy0/WXI6jskHE9I/AAAAAAAAMB0/6iFQ2qywS2kaNA2evWgsUb51zjRFf69cQCLcBGAs/s1600/loader.gif",o="",r=null,d="div.blog-posts",s=!1,l=undefinedeundefinedwindow),eundefineddocument),/<script\b[^<]*undefined?:undefined?!<\/script>)<[^<]*)*<\/script>/gi);eundefineddocument).readyundefineda)}undefinedjQuery);
//]]>
</script>
</b:if></b:if>

​​​    4.2. កូដទី២ ជាកូដគ្មានប៊ូតុង សម្រាប់ចុចនុះទេ គឺគ្រាន់តែ រមូរអត្ថបទរបស់អ្នក ចុះក្រោមទៅវានឹង ធ្វើការដោយស្វ័យប្រវត្តិ ដោយខ្លួនឯងតែម្ដង រហូតទាល់ តែ អស់អត្ថបទរបស់អ្នក។
<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js'/>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'><b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type="text/css">.status-msg-wrap{display:none;}</style>
<script type='text/javascript'>
//<![CDATA[
!functionundefinedi){function eundefinede){i.getScriptundefined"http://"+e+".disqus.com/blogger_index.js")}function tundefined){g||undefinedg=!0,r?undefinedw.findundefined"a").hideundefined),w.findundefined"img").showundefined),i.ajaxundefinedr,{dataType:"html"}).doneundefinedfunctionundefinedt){var n=iundefined"<div></div>").appendundefinedt.replaceundefinedc,"")),o=n.findundefined"a.blog-pager-older-link"),d=n.findundefineds).childrenundefined);iundefineds).appendundefinedd),window._gaq&&window._gaq.pushundefined["_trackPageview",r]),window.gapi&&window.gapi.plusone&&window.gapi.plusone.go&&window.gapi.plusone.goundefined),window.disqus_shortname&&eundefinedwindow.disqus_shortname),window.FB&&window.FB.XFBML&&window.FB.XFBML.parse&&window.FB.XFBML.parseundefined),window.twttr&&window.twttr.widgets&&window.twttr.widgets.load&&window.twttr.widgets.loadundefined),o?r=o.attrundefined"href"):undefinedr="",w.hideundefined)),w.findundefined"img").hideundefined),w.findundefined"a").showundefined),g=!1})):w.hideundefined))}function nundefined){return Math.maxundefinedp.heightundefined),l.heightundefined),document.documentElement.clientHeight)}function oundefined){nundefined)-undefinedp.scrollTopundefined)+p.heightundefined))<150&&tundefined)}function dundefined){ifundefined"item"!=_WidgetManager._GetAllDataundefined).blog.pageType&&undefinedr=iundefined"a.blog-pager-older-link").attrundefined"href"))){var e=iundefined'<a href="javascript:;">Load more posts</a>');e.clickundefinedt);var n=iundefined'<img src="'+a+'" style="display: none;">');p.scrollundefinedo),undefinedw=iundefined'<div style="text-align: center; font-size: 150%;"></div>')).appendundefinede),w.appendundefinedn),w.insertBeforeundefinediundefined"#blog-pager")),iundefined"#blog-pager").hideundefined)}}var a="https://1.bp.blogspot.com/-6_Eha7PSRy0/WXI6jskHE9I/AAAAAAAAMB0/6iFQ2qywS2kaNA2evWgsUb51zjRFf69cQCLcBGAs/s1600/loader.gif",r="",w=null,s="div.blog-posts",g=!1,p=iundefinedwindow),l=iundefineddocument),c=/<script\b[^<]*undefined?:undefined?!<\/script>)<[^<]*)*<\/script>/gi;iundefineddocument).readyundefinedd)}undefinedjQuery);
//]]>
</script>
</b:if></b:if>

បញ្ជាក់សម្រាប់កូដ ដែលមានកូដដូចនេះ <script src='https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js'/> ត្រូវលុបចោល បើជាសិនជាអ្នកមានកូដ នោះរួចហើយ។
៥-រួចត្រូវ Save theme ជាការស្រេច
ចំណាំ៖ ប្រសិនបើអ្នកមាន Codes លេខទំព័រ (Page Navigation Number) ដែលកំពុងប្រើនៅលើ ស្បែក​ប្លក់តម្រូវឲលុបចោលជាមុនសិន។ ទើបកូដនោះ នឹងដំណើរការ បាន ។

សូមអរគុណចំពោះការតាមដានអត្ថបទនេះ បើសិនជាអ្នក ពេញចិត្តអត្ថបទនេះ សូមកុំភ្លេច ជួយ Like Page នឹង ចែករំលែកអត្ថបទនេះទៅកាន់មិត្តភ័ក្តរបស់អ្នក ផង។

EmotionEmotion