Login to your Blogger Dashboard.
Click the Design Tab.  Now click the Edit HTML Tab.
Click the Download Full Template ,


Ctrl+f ကိုွိပ္ျပီး ေအာက္ကကုဒ္ကို ရိုက္ရွာပါ
"]]></b:skin>" .

ေဒါင္းထားတဲ့ Stylesheet ဖိုင္ကကုဒ္ေတြကို အဲေအာက္မွာထည့္ပါ


ေဒါင္းထားတဲ့ Javascript code ကို ေကာ္ပီယူျပီး  </head> ေအာက္မွာထည့္ပါ

• <div id='content-wrapper'>. ကိုရွာပါ
•   <div id='content-wrapper'>. အေပၚမွာ ေအာက္က ကုဒ္ကိုထည့္ေပးပါ

<!--slider content starts-->
<script type='text/javascript'>
var $jx = jQuery.noConflict();
$jx(function() {
 $jx(&quot;.mygallery&quot;).jCarouselLite({
 btnNext: &quot;.nextb&quot;,
        btnPrev: &quot;.prevb&quot;,
    visible: 5,
    speed: 1000,

    easing: &quot;backout&quot;
       
    });

});
</script>

<div id='slidearea' style='height:242px;overflow:hidden;margin:0px 20px 0 20px;position:relative;width:950px;background:#F2F2F2;border:1px solid #E9E9E9;right:20px'>

<div id='gallerycover'>
<div class='mygallery'>
        <ul>

<li>
        <div class='mytext'>
        <a href='http://Your-Post-Link1'>
        <img class='sidim' src='http://Your-Image-Link1'/>
        </a>
        <div class='clear'/> 
        <h2><a href='http://Your-Post-Link1'>Post Title</a></h2>
        <p>Post content summary</p>
        </div>      
        </li>
     <li>
        <div class='mytext'>
        <a href='http://Your-Post-Link2'>
              <img class='sidim' src='http://Your-Image-Link2'/>
        </a>
        <div class='clear'/> 
        <h2><a href='http://Your-Post-Link2'>Post Title</a></h2>
        <p>Post content summary</p>
        </div>      
        </li>

        <li>
        <div class='mytext'>
        <a href='http://Your-Post-Link3'>
                <img class='sidim' src='http://Your-Image-Link3'/>
        </a>
        <div class='clear'/> 
        <h2><a href='http://Your-Post-Link3'>Post Title</a></h2>
        <p>Post content summary</p>
        </div>      
        </li>

        <li>
        <div class='mytext'>
        <a href='http://Your-Post-Link4'>
                <img class='sidim' src='http://Your-Image-Link4'/>
        </a>
        <div class='clear'/> 
        <h2><a href='http://Your-Post-Link4'>Post Title</a></h2>
        <p>Post content summary</p>
        </div>      
        </li>

        <li>
        <div class='mytext'>
        <a href='http://Your-Post-Link5'>
                <img class='sidim' src='http://Your-Image-Link5'/>
        </a>
        <div class='clear'/> 
        <h2><a href='http://Your-Post-Link5'>Post Title</a></h2>
        <p>Post content summary</p>
        </div>      
        </li>

  </ul>

    <div class='clear'/> 
  
</div>
</div>

   <a class='prevb' href='#'/>
   <a class='nextb' href='#'/> 

 </div>
<!--slider content from BreakTheSecurity ends-->

Step 5:
Change the http://your-post-link1,2,3,4,5 with your links to your post.
Change the http://your-image-link1,2,3,4,5 with your post image link.
and change the Post content summary and post title with your post title and summary
 
Blogger tuah duh hrangah attul ding ka zum .

HTML Comment Box is loading comments...