බ්ලොග් අඩවියකට ලස්සන ස්ලයිඩර් එකක් ඇඩ් කරගන්න හැටි

හලෝ කස්ටිය කොහොමද ඉතින්. ගොඩ කාලෙකින් නොවැ බ්ලොග් එක පැත්තේ ආවෙත්. මගෙ ලැප් එකේ පොඩි කේස් එකක් ගියා. ඒකයි මේ පැත්තේ එන්න බැරිවුනේ. ඔන්න එහෙනම් වැඩේට බහිමුකෝ.
                                                 ඔන්න මම මේ බ්ලොග් එකේ අලුතෙන්ම පටන් ගන්න වැඩේ තමයි Blogger Trix කියන්නේ. මේ මගින් මම බලාපොරොත්තු වෙනවා ඔයගොල්ලන්ට බ්ලොගර් වල උදව් ලබාදෙන එක.
                                                 හරි එහෙනම් අපි බලමු කොහොමද මේ වැඩේ කරන්නේ කියලා. මුලින්ම ලොග් වෙන්නකෝ ඔයාගේ බ්ලොගර් එකවුන්ට් එකට. ඊට පස්සේ යන්න ඕකේ Design කියන තැනට. (අලුත් ඉන්ටර්ෆේස් එකේ Layout කියන තැනට) එතනින් තෝරන්න Add a Gadget කියන එක. ඊට පස්සේ එන ලිස්ට් එකෙන් HTMJL/JavaScript කියන එක තෝරන්න. එතනට ඔය පහල තියන JavaScript ඇඩ් කරගන්න.


<script type="text/javascript">
stepcarousel.setup({
galleryid: 'mygallery', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'panel', //class of panel DIVs each holding content
autostep: {enable:true, moveby:1, pause:3000},
panelbehavior: {speed:500, wraparound:true, persist:true},
defaultbuttons: {enable: true, moveby: 1, leftnav: ['https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiklQtEHICNcfPnDKf7Z0WfWJbqg_uwpCzUO9Sznyw9qUNBkOrEn_tTJLcjvOIaeznpjvPliGkLmrH_vw2KsqtA5NHlzMzQguqcdV8giOFWmx-njQUDbZP3kz80f4z8xM_axLy3G7wuWxI/', -29, 90], rightnav: ['https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRkg0ZEknCu2kRFHuox-dFI56IJ5Y15KbAYzbjeYg3qEU8RlF0d-7FaqNKF9jhUUVhoxEPLmELOKAvoXfF7C7zUFPsUzPpVGcwm0hwYHHTCzcvDghqDaamX-gcCHWN2_6_AVPNIwmYqyc/s1600/fleche2.png', -18, 90]},
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
})


</script>


<div id="slider">
<div id="mygallery" class="stepcarousel">
<div class="belt">

<div class="panel">
<img src="Slider-1-Image-Address-Here" alt="" />
<h2><a href="Slider-1-Link-Here">Slider-1-Title-Here</a></h2>
<p>Enter-Slider-1-Description-Here</p>
</div>


<div class="panel">
<img src="Slider-2-Image-Address-Here" alt="" />
<h2><a href="Slider-2-Link-Here">Slider-2-Title-Here</a></h2>
<p>Enter-Slider-2-Description-Here</p>
</div>


<div class="panel">
<img src="Slider-3-Image-Address-Here" alt="" />
<h2><a href="Slider-3-Link-Here">Slider-3-Title-Here</a></h2>
<p>Enter-Slider-3-Description-Here</p>
</div>

<div class="panel">
<img src="Slider-4-Image-Address-Here" alt="" />
<h2><a href="Slider-4-Link-Here">Slider-4-Title-Here</a></h2>
<p>Enter-Slider-4-Description-Here</p>
</div>

<div class="panel">
<img src="Slider-5-Image-Address-Here" alt="" />
<h2><a href="Slider-5-Link-Here">Slider-5-Title-Here</a></h2>
<p>Enter-Slider-5-Description-Here</p>
</div>


</div>
</div>
</div>


ඔතන රතුපාටින් තියන තැනට පේන්න අවශ්‍ය ඉමේජ් එකේ ලින්ක් එක දෙන්න. කොළ පාටින් තියන තැනට පේන්න ඕනෙ පෝස්ට් එකේ ලින්ක් එක දෙන්න. නිල් පාටින් තියන තැනට නම ලබාදෙන්න. තැඹිලි පාටින් තියන තැනට ඒක ගැන පොඩි විස්තරයක් දෙන්න.


දැන් ඔය ටික සේව් කරන්න. එහෙනම් ඉතින් ඒ වැඩෙත් ඉවරයි. ඔන්න මම කැපුනා. ඔයගොල්ලන්ට මේ පෝස්ට් එක ප්‍රයෝජනවත් කියලා හිතෙනවනම් කමෙන්ට් එකකුත් දාගෙනම යන්නකෝ.