ធាតុក្រាហ្វិក​បង្ហាញ​អត្ថបទ​ដែល​មាន​អ្នក​បញ្ចេញ​មតិ​ច្រើន សម្រាប់​ប្លុកករ

   នេះ​ជា​ក្រាហ្វិក​មួយ សម្រាប់​ប្លុកករ ដែល​យើង​អាច​ប្រើ​វា​នៅ​ចំហៀង​នៃ​ប្លុក ដែល​វា​មាន​ប្រយោជន៍​ច្រើន​គួរ​សម​ដែរ។ ធាតុ​ក្រាហ្វិក​នេះ វា​នឹង​បង្ហាញ​ពី​អត្ថបទ​ណា​មួយ​ដែល​មាន​អ្នក​ចូលរួម​បញ្ចេញ​មតិ (Comments) ច្រើន​ជាង​គេ។

   មិន​តែ​ប៉ុណ្ណោះ​ទេ ធាតុ​ក្រាហ្វិក​មួយ​នេះ ត្រូវ​បាន​រចនា​ឡើង​យ៉ាង​ស្រស់​ស្អាត និង​រស់​រវើក​ផង​ដែរ។ សំខាន់​ជាង​នេះ​ទៀត​នោះ នៅ​ដើម​ចំណង​ជើង​របស់​អត្ថបទ​ដែល វា​បាន​បង្ហាញ​លេខ (ចំនួន​មតិ​ដែល​បាន​បញ្ចេញ និង​មតិ​ឆ្លើយ​តប​ទាំង​អស់​នៅ​លើ​អត្ថបទ​មួយ​នោះ)។ តើ​លោក​អ្នក​ដែល​ប្រើប្រាស់​ប្លុកករ មាន​ចំណាប់​អារម្មណ៍​ជា​មួយ​នឹង​ធាតុក្រាហ្វិក​នេះ​ដែរ ឬទេ? សម្រាប់​ខ្ញុំ​ផ្ទាល់ ខ្ញុំ​គិត​ថា ពិត​ជា​មិន​ធម្មតា​ឡើយ សម្រាប់​ធាតុក្រាហ្វិក​ដ៏​ល្អ​ឯក​មួយ​នេះ។

៙ របៀប​ដាក់​ធាតុក្រាហ្វិក​បង្ហាញ​អត្ថបទ​ដែល​មាន​អ្នក​បញ្ចេញ​មតិ​ច្រើន សម្រាប់​ប្លុកករ ៖
- កត់ត្រា​ចូល​ (Log In) ​ក្នុង​គណនី​ Blogger របស់​លោក​អ្នក​​ជា​មុន​សិន។
- ​ចូល​ទៅ​កាន់​ផ្នែក Layout >> រួច​ចុច​លើ​តំណ​​អក្សរ Add a Gadget នៅ​ទីតាំង​ណាមួយ (ឧទាហរណ៍​សូម​មើល​រូប​ខាង​ក្រោម)

- រមូរ​​ចុះ (scroll down) រក​មើល gadget ដែល​មាន​ឈ្មោះ​ថា HTML/JavaScript រួច​ចុច​​លើ​វា​ដើម្បី​បើក (មើល​រូប​ខាង​ក្រោម​នេះ)

- ចម្លង​កូដ​ខាង​ក្រោម​​នេះ យក​ទៅ​បិទភ្ជាប់​ក្នុង​ HTML/JavaScript ។

កូដ​​ដែល​ត្រូវ​ដាក់​ក្នុង HTML/JavaScript

<div id="most-comments"></div>
<style scoped='' type='text/css'>
#most-comments li,#most-comments ul,#most-comments ul li{margin:0;list-style:none;color:#444;font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:14px}#most-comments ul li{position:relative;overflow:hidden;background:#fff;margin:3.5px 0;padding:7px 10px 7px 50px;white-space:nowrap;text-overflow:ellipsis;box-shadow:inset 0 0 #fc4f3f;border:1px solid #e6e6e6;transition:all .6s}#most-comments ul li:hover{box-shadow:inset 310px 0 #fc4f3f}#most-comments ul li a{color:#444;font-weight:700;text-decoration:none;transition:all .3s}#most-comments ul li a:hover,#most-comments ul li:hover a{color:#fff}.count-most{position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:7px 0;background-color:#383838;color:#fff!important;text-align:center;transition:all .3s}#most-comments ul li:hover .count-most{background-color:#fc4f3f}
</style>
<script type='text/javascript'>
//<![CDATA[
var numPosts=5;
var homePage="tingmoung.blogspot.com";
var postTitlear=new Array();
var postUrlar=new Array();
var postCommentar=new Array();
var totalpost;document.write('<div id="most-comments"><ul>');
function mostComment(j){var a=j.feed.entry.length;totalpost=a;
for(var f=0;f<a;f++){
var h=j.feed.entry[f];
var c=h.title.$t;var b;
var g;if(f==j.feed.entry.length){break}
for(var d=0;d<h.link.length;d++){
if(h.link[d].rel=="alternate"){g=h.link[d].href;break}}
for(var d=0;d<h.link.length;d++){
if(h.link[d].rel=="replies"&&h.link[d].type=="text/html"){b=h.link[d].title.split(" ")[0];}};
postTitlear.push(c);
postUrlar.push(g);
postCommentar.push(b)}sortPosts();
for(var f=0;f<numPosts;f++){var e='<li><span class="count-most">'+postCommentar[f]+'</span><a href="'+postUrlar[f]+'" title="'+postTitlear[f]+'" target="_blank">'+postTitlear[f]+'</a>';
document.write(e)}}
function sortPosts(){function c(d,f){var e=postTitlear[d];
postTitlear[d]=postTitlear[f];
postTitlear[f]=e;
var e=postUrlar[d];
postUrlar[d]=postUrlar[f];
postUrlar[f]=e;
var e=postCommentar[d];
postCommentar[d]=postCommentar[f];
postCommentar[f]=e}
for(var b=0;b<postTitlear.length-1;b++){
for(var a=b+1;a<postTitlear.length;a++){
if(parseInt(postCommentar[b])<parseInt(postCommentar[a])){c(b,a)}}}}
document.write('<script src="http://'+homePage+'/feeds/posts/default?max-results=9999&orderby=published&alt=json-in-script&callback=mostComment"><\/script>');
document.write('</li>')
document.write('</ul>')
document.write('</div>');
//]]>
</script>

*** សម្គាល់​ជា​សំខាន់ ៖
- លោក​អ្នក​ត្រូវ​​ផ្លាស់​ប្តូរ​​នៅ​ត្រង់​ដំណភ្ជាប់ (URL) ៖ " tingmoung.blogspot.com " ទៅ​ជា​ដំណ​ភ្ជាប់ (URL) នៃ​ប្លុក​របស់​លោក​អ្នក​វិញ។ ហើយ​នៅ​ត្រង់ " 5 " គឺ​ជា​ចំនួន​ដែល​ត្រូវ​បង្ហាញ។

អត្ថបទស្រដៀងគ្នា:

Tweet