1. ចូលទៅblogger Dashboard > Layout
  2. Add a Gagdet > HTML/JavaScript
  3. និង copy code & Paste the below code,      Codeខាងក្រោម

<style type="text/css">
#simplegallery2 {
    //CSS for sample Gallery
position: relative;
    visibility: hidden;
    border: 5px solid black;
    margin: auto;
}

#simplegallery2 .gallerydesctext {
    //CSS for description DIV of Example 1 (if defined)
text-align: left;
    padding: 2px 5px;
    font-family: calibri;
}
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script type="text/javascript" src="http://code.helperblogger.com/image-gallery.js">
</script>

<script type="text/javascript">
var mygallery2=new simpleGallery({
 wrapperid: "simplegallery2", //ID of main gallery container,
 dimensions: [400, 265], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
 imagearray: [
   
       ["IMAGE LINK 1 HERE", "#", "_new", "IMAGE DESCRIPTION HERE"],

       ["IMAGE LINK 2 HERE", "#", "_new", "IMAGE DESCRIPTION HERE"],

       ["IMAGE LINK 3 HERE","#", "_new", "IMAGE DESCRIPTION HERE"],

       ["IMAGE LINK 4 HERE", "#", "_new", "IMAGE DESCRIPTION HERE"],

       ["IMAGE LINK 5 HERE", "#", "_new", "IMAGE DESCRIPTION HERE"]
 ],
 autoplay: [true, 2500, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
 persist: true,
 fadeduration: 1000, //transition duration (milliseconds)
 oninit:function(){ //event that fires when gallery has initialized/ ready to run
 },
 onslide:function(curslide, i){ //event that fires after each slide is shown
  //curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
  //i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
 }
})
</script>
<div id="simplegallery2"></div>
 
 
 
 
 
 
 
 
 
 
 
-------------------------------------------------
ចំណាំសូមប្តូរ



  • យើងអាចដាក់រូបនៅក្នុងស្លាយនិងបានដោយងាយស្រួលបំផុត
  • សូមមើលកូជនេះដែលមានពណ៏បែបនេះគឺសម្រាប់ដូរទំហំរូបភាព 400 និង 365 ឯ 400 គឺបណ្តោយនិង 265គឺកំពស់
  • ឯពណ៏មួយបែបនេះសបម្រាប់ដាក់រូបភាពគឺយើងត្រូវcopy​​ Link Imageមកដាក់នៅត្រង់កន្លែងមានកូជពណ៏នេះនីខាងលើ IMAGE LINK HERE ជាមួយរូបដែលអ្នកចង់ដាក់
  • មួយទៀតពណ៏នេះវិញគីLink​ or window # ពេលដែលយើងសម្រាប់ពេលចុចលើរូបភាពវានិងចូលLinkណាមួយ
  • មួយទៀតសម្រាប់ពណ៏នាៗ IMAGE DESCRIPTION HERE អំពីអត្តបទ
  • ប្រសិនជាអ្នកចងឲរូបភាពអ្នកកាន់លឿនឬយឺត true(យឺត) to false(លឿន)
  • ដាក់ការចុចខាងមុខនិងខាងក្រោម next and previous សម្រាប់បន្ថែមល្បឿនការចុចslide សូមedit 2500
  • សម្រាប់់ប្តូរFront calibri 
  •  ចុងក្រោយខ្ងុំសង្ឃឹមថាការប្តូររបស់អ្នកបានសម្រេច