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

   ក្នុង​អត្ថបទ​នេះ ខ្ញុំ​នឹង​បង្ហាញ​លោក​អ្នក​នូវ​ធាតុក្រាហ្វិក​សម្រាប់​ប្លុកករ​មួយ ដែល​មាន​សមត្ថភាព​អាច​បង្ហាញ​ជា​ចំណង​ជើង​អត្ថបទ​ដែល​មាន​ចំនួន​អ្នក​បញ្ចេញ​មតិ​ច្រើន​បំផុត ឬ​អាច​និយាយ​ថា ជា​អត្ថបទ​កំពូលៗ ដែល​ទទួល​បាន​ការ​បញ្ចេញ​មតិ​ច្រើន។ មិន​ត្រឹម​តែ​ប៉ុណ្ណោះ​ទេ ធាតុក្រាហ្វិក​ប្លុក​នេះ ថែម​ទាំង​បាន​រាប់ ហើយ​បង្ហាញ ចំនួន​អ្នក​បញ្ចេញ​មតិ​ជា​លេខ​នោះ​ពី​ខាង​មុខ​វា​ផង​ដែរ។

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

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

- ចម្លង​កូដ​ខាង​ក្រោម​​នេះ យក​ទៅ​បិទភ្ជាប់​ក្នុង​ HTML/JavaScript Gadget ។ 
- បន្ថែម ៖ ចំពោះ​ឈ្មោះ widget ​លោក​អ្នក​អាច​ដាក់​តាម​តម្រូវ​ការ។ 

កូដ​សម្រាប់​ដាក់

    <style>

    /* ######### Most Commented Widget ##########*/
    .commentbubble {
    background: #292D30;
    width: 49px;
    float: left;
    margin: 2px 20px 35px 0px;
    font-weight: bold;
    font-size: 1.3em;
    text-align: right;
    font-family: georgia,Helvetica;
    padding: 0px 0px 5px 0px;
    text-align: right;
    color: #FFF;
    text-shadow: 4px 1px #202022;
    position: relative;
    top: 5px;

    }
    .commentbubble:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    right: 0px;
    top: 100%;
    border-width: 5px 8px;
    border-style: solid;
    border-color: #292D30 #292D30 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    top: 34px;
    right: 6px;
    }

    </style>


    <script type="text/javascript">
    function getYpipePP(feed) {
    document.write('<ul style="list-style:none; ">');
    var i;
    for (i = 0; i < feed.count ; i++)
    {
    var href = "'" + feed.value.items[i].link + "'";
    var pTitle = feed.value.items[i].title;
    var pComment = + feed.value.items[i].commentcount;
    var pList = '<li style="clear:both; padding:10px 0px 30px 0px!important; border-bottom: 1px dashed #dedede; line-height:2em; "> <div class="commentbubble">' +pComment +  "&#160;&#160;</div>" +  "<a href="+ href + '" target="_blank">' + pTitle ;
    document.write(pList);
    //to remove comment count delete this line
    document.write('</a></li>');
    }
    document.write('</ul>');
    }
    </script>
    <script src="http://pipes.yahoo.com/pipes/pipe.run?
     YourBlogUrl=http://www.tingmoung.blogspot.com
    &ShowHowMany=6
    &_id=390e906036f48772b2ed4b5d837af4cd
    &_callback=getYpipePP
    &_render=json"
    type="text/javascript"></script>

* នៅ​ត្រង់ URL ប្លុក​របស់​ខ្ញុំ "http://www.tingmoung.blogspot.com" ៖ សូម​ប្ដូរ​ទៅ​ជា​ URL ប្លុក​របស់​លោក​អ្នក​វិញ។
- ធ្វើ​រួច​ហើយ សូម​ Save ជា​ការ​ស្រេច។

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

Tweet