ලස්සන Featured Post Content Slider Part 2 3

ඔන්න අද මම ඔයාලට  Featured Post Content Slider Part 2 ගෙනවා..මේකත් පට්ට  Slider එකක්..කැමති අය මෙක ඔයාලගේ බ්ලොගයට දා ගන්න..මම එකට ඔයාලට උදව් කරන්නම්..Demo එක මෙතනින් බාලාගන්න..


පියවර 1. dashboard >> layout >>Edit HTML යන්න..මතක ඇතුව Expand Widget Templates තැනට හරියක් දෙන්න..

පියවර 2. ඔයලා යතුරු පුවරුවේ Crrl+F Key ඔබන්න..ලැබෙන Serch Bar එකට මෙන්න මේ ]]></b:skin> කොඩ් එක Past කරන්න..එතකොට ඔයාලට නිකම්ම ]]></b:skin> කොඩ් එක ලගට යන්න පුළුවන්..

පියවර 3. දැන් පහල තියෙන කොඩ් එක ]]></b:skin>  කොඩ් එක පහලට Copy Past කරන්න.

<!--[if lte IE 7]>
<style type="text/css" media="screen" >
#topnav .left {width: 600px;}
#topnav .right {width:300px; text-align:right;}
#content {margin: -55px 0 25px 0;}
.archivebottom {height:10px;}
.browse {padding: 5px 10px 15px 10px;}
</style>
<![endif]-->

<!-- begin gallery scripts -->
<link charset='utf-8' href='http://www.opendrive.com/files/6174773_7ZHGk/jd.gallery.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://saamgeadaviya.googlecode.com/files/mootools.v1.11.js' type='text/javascript'/>
<script src='http://saamgeadaviya.googlecode.com/files/jd.gallery.js' type='text/javascript'/>
<script src='http://saamgeadaviya.googlecode.com/files/jd.gallery.transitions.js' type='text/javascript'/>
<!-- end gallery scripts -->

පියවර 4. දැන් ඔයාලා   <div id='main-wrapper'> කොඩ් එක හොයගන්න.ඉට පස්සේ මම පහල දිලා තියෙන කොඩ් එක <div id='main-wrapper'>  කොඩ් එකට පහලින් copy past කරන්න..

<!--begin: featured-->
<div id='featured'>
<script type='text/javascript'>
function startGallery() {
var myGallery = new gallery($(&#39;myGallery&#39;), {
timed: true
});
}
window.addEvent(&#39;domready&#39;,startGallery);
</script>
<style type='text/css'>
.jdGallery .slideInfoZone
{
height: 90px;
}
.jdGallery .slideInfoZone h2
{
color: #fff !important;
}
</style>
<div id='myGallery'>
<div class='imageElement'>
<h2>ENTER-YOUR-FEATURED-POST-1-TITLE</h2>
<p/>
<a class='open' href='ENTER-YOUR-POST-1-LINK-HERE' title='Read More'/>
<img alt='' class='full' src='ENTER-YOUR-FEATURED-POST-1-IMAGE-ADDRESS'/>
<img alt='' class='thumbnail' src='ENTER-YOUR-FEATURED-POST-1-IMAGE-ADDRESS'/>
</div>
<div class='imageElement'>
<h2>ENTER-YOUR-FEATURED-POST-2-TITLE</h2>
<p/>
<a class='open' href='ENTER-YOUR-POST-2-LINK-HERE' title='Read More'/>
<img alt='' class='full' src='ENTER-YOUR-FEATURED-POST-2-IMAGE-ADDRESS'/>
<img alt='' class='thumbnail' src='ENTER-YOUR-FEATURED-POST-2-IMAGE-ADDRESS'/>
</div>
<div class='imageElement'>
<h2>ENTER-YOUR-FEATURED-POST-3-TITLE</h2>
<p/>
<a class='open' href='ENTER-YOUR-POST-3-LINK-HERE' title='Read More'/>
<img alt='' class='full' src='ENTER-YOUR-FEATURED-POST-3-IMAGE-ADDRESS/>
<img alt='' class='thumbnail' src='ENTER-YOUR-FEATURED-POST-3-IMAGE-ADDRESS'/>
</div>
<div class='imageElement'>
<h2>ENTER-YOUR-FEATURED-POST-4-TITLE</h2>
<p/>
<a class='open' href='ENTER-YOUR-POST-4-LINK-HERE' title='Read More'/>
<img alt='' class='full' src='ENTER-YOUR-FEATURED-POST-4-IMAGE-ADDRESS'/>
<img alt='' class='thumbnail' src='ENTER-YOUR-FEATURED-POST-4-IMAGE-ADDRESS'/>
</div>
</div>
</div>
<!--end: featured-->

පියවර 4. දැන් අපිට අපේ ලිපි වල ,link ,රූප ,මේම slider එකට එකතු කර ගන්න ඔනේ.එකට මම පහල කියල තියෙන විදියට වැඩ ටික ඔයලා කරන්න..


වැදගත් :


ENTER-YOUR-FEATURED-POST-TITLE = ඔබේ ලිපියේ නම
ENTER-YOUR-POST-LINK-HERE = ඔබේ ලිපියේ URL එක
ENTER-YOUR-FEATURED-POST-IMAGE-ADDRESS = ඔබේ ලිපියේ රූපය
ENTER-YOUR-FEATURED-POST-IMAGE-ADDRESS = ඔබේ ලිපියේ රූපය


මෙලෙස ඔබ slider එක සදහා ඔබේ ලිපි එකතු කරන්න..

දැන් Template එක Save කරන්න..    Save Template 

මතක ඇතුව ඔබේ ප්‍රතිචාරයක් දිලා යන්න එය මට තවත් හොද ලිපි ඔබ හට ගෙන එමට ලොකු ශක්තියකි..
සිංහල ලිවිම සදහා යුනිකොඩ් එසැණින් පරිවර්තනය බාවිතා කරන්න