របៀប​ដាក់​ Widget បន្ត​ផ្ទាល់​អ្នក​បញ្ចេញ​មតិ​ ដែល​មាន​រូប​តំណាង​រាង​មូល

    
ការ​ដាក់​ធាតុ​ក្រាហ្វិក​អ្នក​បញ្ចេញ​មតិ​នេះ​ធ្វើ​ឲ្យ​យើង​ទទួល​ដំណឹង​បាន​ឆាប់​រហ័ស​ថា តើ​មាន​នរណា​ដាក់​មតិ​ក្នុង​ប្លក​យើង​ឬ​អត់​ ដោយ​មិន​ចាំ​បាច់​ទៅ​បើក​មើល​ក្នុង​គណ​នី​ប្លកករ​ឡើយ។ ដូច​នេះ​សូម​លោក​អ្នក​មើល​ការ​ណែ​នាំ​ដូច​ខាង​ក្រោម ៖

៙ សូម​មើល​ពី​របៀប​ដាក់​ ៖ 

- កត់ត្រា​ចូល (Log In) គណនី Blogger របស់​លោក​អ្នក។
- ចូល​ទៅ Layout >> Addd a Gadget (សូម​មើល​រូប​ខាង​ក្រោម)

 - រមូល (Scroll) ​ចុះ​ក្រោមរក​មើល Gadget ឈ្មោះ​ថា HTML/JavaScript (សូម​មើល​រូប​)
- ចម្លង​កូដ​ខាង​ក្រោម​ដាក់​នៅ​ក្នុង​នោះ។
- សូម​ប្តូរ​​កូដ​នៅ​ត្រង់​ពាក្យ http://www.itoutschool.blogspot.com/ ទៅ​ជា​ឈ្មោះ​ប្លក​របស់​អ្នក។
- នៅ​ត្រង់​ចំណង​ជើង សូម​ដាក់​ថា មតិ​អ្នក​ទស្សនា ឬ​ដាក់​អ្វី​ស្រេច​តែ​អ្នក​វា​មិន​សំ​ខាន់​ទេ។ ពេល​ប្តូរ​រួច​រាល់​ហើយ​ សូម​ចុច​ឆ្នុច​​ពាក្យ​ថា " Save "

កូដ Widget បន្ត​ផ្ទាល់​រូប​តំណាង​អ្នក​បញ្ចេញ​មតិ​មាន​រាង​មូល

<style type="text/css">
/*recent comments widget by bloggertricks.biz*/
ul.latest_recent_comments{
list-style:none;
margin:0;
padding:0;
}
.latest_recent_comments li{
background:none !important;
margin:0 0 6px !important;
padding:0 0 6px 0 !important;
display:block;
clear:both;
overflow:hidden;
list-style:none;
}
.latest_recent_comments li .avatarImage{
padding:3px;
background:#fefefe;
-webkit-box-shadow:0 1px 1px #ccc;
-moz-box-shadow:0 1px 1px #ccc;
box-shadow:0 1px 1px #ccc;
float:left;margin:0 6px 0 0;
position:relative;
overflow:hidden;
}
.avatarRound{
-webkit-border-radius:100px;
-moz-border-radius:100px;
border-radius:100px;
}
.latest_recent_comments li img{
padding:0px;
position:relative;
overflow:hidden;
display:block;
}
.latest_recent_comments li span{
margin-top:4px;color: #666;
display: block;
font-size: 12px;
font-style: italic;
line-height: 1.4;
}
.latest_recent_comments span{
display:none;
}
</style>
<script type="text/javascript">
//<![CDATA[    // Recent Comments Settings    var numComments = 5, showAvatar = true, avatarSize = 60, roundAvatar = true, characters = 30, showMorelink = true, moreLinktext = "More �", defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", hideCredits = true;//]]></script>
<script type="text/javascript" src="https://bloggertricksdotbiz.googlecode.com/svn/js/recent%20comments.js"></script>
<script type="text/javascript" src="http://www.itoutschool.blogspot.com//feeds/comments/default?alt=json&callback=latest_recent_comments&max-results=6"></script>

៙ ខ្ញុំ​សង្ឈឹម​ថា​អ្នក​ដែល​ខ្ញុំ​បាទ​បាន​រៀប​រាប់​ខាង​លើ​លោក​អ្នក​នឹង​អាច​យល់​បាន​ទោះ​បី​ជា​អ្នក​មិន​ចេះ​ដូច​ខ្ញុំ​ក៏​អាច​ធ្វើ​បាន​យ៉ាង​ងាយ​ដែរ គ្មាន​អី​ពិ​បាក​នោះ​ទេ។