Animated recent post widget လွလွေလးေတြထည့္ခ်င္ရင္ ေအာက္မွာ ထည့္နည္းနဲ႔ အတူ Code ေတြေပးထားပါတယ္

                                    Animated recent post widget ထည့္နည္းေလး

 1.Login into blogger.com
2.Select your blog if you have many
3.Then migrate to Layout –> Click on “Add A Gadget“
4.You get a windows open then find for HTML / JAVASCRIPT and click “+” button
5.Then copy the below code and paste it there and make your editing.
6.Then click on save.

 1. www.blogger.com မွာ မိမိဘေလာ့မွာLog in ၀င္လိုက္ပါ။ > Page Elements>
    > add a gadget > HTML/Javascript ကိုသြားလိုက္ပါ။

2. ျပီးရင္ေတာ့ ေအာက္မွာ ေပးထားတဲ့ကုဒ္ေလးေတြကို HTML/Javascript မွာ Paste လုပ္လိုက္ပါ။

ဒီေအာက္က Code ေတြကို ယူထည့္လိုက္ပါ ..... 

<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js” type=”text/javascript”></script>
<style type=”text/css” media=”screen”>
<!–
#spylist {
overflow:hidden;
margin-top:4px;
padding:0px 0px;
height:349px;
}
#spylist ul{
width:219px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:209px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:69px;
overflow: hidden;
background:#fff url(https://lh3.googleusercontent.com/-ubVM3kVufho/UUVwDo0TLKI/AAAAAAAABBE/l2QxU6Z363U/h120/bdlab-blogspot-com.jpg) repeat-x;
border:2px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#444e56;
font-size:12px;
height:17px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#f4eeee;
border:0;
}
.spydate{
overflow:hidden;
font-size:11px;
color:#007cb5;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:14px;
font-family:Tahoma,Arial,sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:9px;
color:#272b2e;
padding:0px 0px;
margin:0px 0px;
}
–>
</style>
<script language=’JavaScript’>
imgr = new Array();
imgr[0] = “https://lh5.googleusercontent.com/-jpWYcHExk_o/UUVu-TKOXeI/AAAAAAAABA0/jN2dyzOde10/h120/noimage.png”;
imgr[1] = “https://lh5.googleusercontent.com/-jpWYcHExk_o/UUVu-TKOXeI/AAAAAAAABA0/jN2dyzOde10/h120/noimage.png”;
imgr[2] = “https://lh5.googleusercontent.com/-jpWYcHExk_o/UUVu-TKOXeI/AAAAAAAABA0/jN2dyzOde10/h120/noimage.png”;
imgr[3] = “https://lh5.googleusercontent.com/-jpWYcHExk_o/UUVu-TKOXeI/AAAAAAAABA0/jN2dyzOde10/h120/noimage.png”;
imgr[4] = “https://lh5.googleusercontent.com/-jpWYcHExk_o/UUVu-TKOXeI/AAAAAAAABA0/jN2dyzOde10/h120/noimage.png”;
showRandomImg = true;
boxwidth = 254;
cellspacing = 5;
borderColor = “#232c35″;
bgTD = “#000000″;
thumbwidth = 69;
thumbheight = 69;
fntsize = 13;
acolor = “#555″;
aBold = false;
icon = ” “;
text = “comments”;
showPostDate = true;
summaryPost = 39;
summaryFontsize = 9;
summaryColor = “#555″;
icon2 = ” “;
numposts = 9;
home_page = “http://wehelpalways.blogspot.in/”;
limitspy=3
intervalspy=3000
</script>
<div id=”spylist”>
<script src=’https://relatedpostcbt.googlecode.com/files/recentpost.js’ type=’text/javascript’></script>
</div>


=======================================================

Code ....................... ေလးေတြပါ

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
.spydate{
overflow:hidden;
font-size:10px; }

#spylist ul{
width:350px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:230px;
background: #1ed2f2;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 1px 10px !important;
-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;border: 0 none !important;-webkit-border-top-left-radius:40px;-webkit-border-bottom-right-radius:40px;-moz-border-radius-topleft:40px;-moz-border-radius-bottomright:40px;border-top-left-radius:40px;border-bottom-right-radius:40px;
}

#spylist li:hover {
background: #84f6f5;

}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}

#spylist li img {
float:left;
margin-right:5px;
margin-top:3px;
background:none;
border:0;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language='JavaScript'>


imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 5;

home_page = "http://rohanmod.blogspot.com/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
<script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>
</div><a style=" float:right;font-size:8px; color:#3B78CD; text-decoration:none;" href="http://rohanmod.blogspot.in/2013/03/5-type-of-recent-post-widget-blogger.html">Blogger widget</a> - See more at: http://rohanmod.blogspot.com/2013/03/5-type-of-recent-post-widget-blogger.html#sthash.6iOvXnmQ.dpuf


========================================================

ဒါေလးေရာ ျကိုက္ရင္ ေအာက္မွာ Code ...

<style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style> <script style='text/javascript' src="https://dl.dropbox.com/s/ercbfzxm41o63i4/NBTjQuery-scrolling-ticker.js" ></script> <script style='text/javascript' src='https://dl.dropbox.com/s/mzcmuhcas156xhx/NBTscrollingRP.js'></script> <script style='text/javascript'> var numposts = 10; var showpostthumbnails = true; var displaymore = false; var displayseparator = false; var showcommentnum = false; var showpostdate = false; var showpostsummary = true; var numchars = 100; $(document).ready(function () {$('#sai').vTicker({ speed: 500, pause: 3000, showItems: 3, animation: 'fade', mousePause: false, height: 0, direction: 'up' });}); </script> <div id="sai"> <script src='http://www.rohanmod.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script> </div> - See more at: http://rohanmod.blogspot.com/2013/03/5-type-of-recent-post-widget-blogger.html#sthash.6iOvXnmQ.dpuf

=======================================================

ဒီမွာေအာက္မွာ Code ေလး ပါ

1
<div id="hlrpsa">
<script src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js">
</script>
<script>
var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;
</script>
<script src="YOUR-BLOG/SITE-URL/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
</script></div>
<div id="rpdr" style="font-family: arial, sans-serif; font-size: 9px;">
<a href="http://rohanmod.blogspot.in/2013/03/5-type-of-recent-post-widget-blogger.html" target="_blank" title="Rohanmod">Recent Posts Widget</a> by <a href="http://rohanmod.blogspot.com" title="Recent Posts Widget">rohanmod</a></div>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
#hlrpsa a {color: #0B3861; font-size: 13px;} #rpdr {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSCnkeHpwCI2_NO4Uvtl98jkiwCdxVF1boXf0wf9_ZbY77-EoHQGIugyCzwpsiDFtt_vIMF_Ucw4i5rIIKfwXbVT7l8c18lLnPwRJ3rzoJYWR7Vumk8u_UeYHAmVJWbnCXRtTDRw8tAcod/s1600/blogger.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsa { color: #999999; font-size: 11px; border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}
.hlrps a {font-weight:bold; }
.hlrpssumm {}
</style> - See more at: http://rohanmod.blogspot.com/2013/03/5-type-of-recent-post-widget-blogger.html#sthash.6iOvXnmQ.dpuf

++++++++++++++++++++++++++++++++++++++++++++++++++++++
2
<div id="hlrpsb">
<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>
<script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://your-blog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr"><a href="http://rohanmod.blogspot.in/2013/03/5-type-of-recent-post-widget-blogger.html" title="Grab this" target="_blank">Recent Posts Widget</a> by <a href="http://rohanmod.blogspot.com" title="Recent Posts Widget">rohanmod</a></div><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #0B3861; font-size: 13px;} #rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSCnkeHpwCI2_NO4Uvtl98jkiwCdxVF1boXf0wf9_ZbY77-EoHQGIugyCzwpsiDFtt_vIMF_Ucw4i5rIIKfwXbVT7l8c18lLnPwRJ3rzoJYWR7Vumk8u_UeYHAmVJWbnCXRtTDRw8tAcod/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style> - See more at: http://rohanmod.blogspot.com/2013/03/5-type-of-recent-post-widget-blogger.html#sthash.6iOvXnmQ.dpuf

========================================================

Code ေလးယူလိုက္ပါ

<div class="eggTray">
<script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",
"pipe_params":{"URL":"YOUR-BLOG/SITE-URL/feeds/posts/default"},
"hideHeader":"false","height":"500","count": 8 }</script>
<div style="font-family: arial, sans-serif; font-size: 9px;" class="ycdr"><a href="http://rohanmod.blogspot.in/2013/03/5-type-of-recent-post-widget-blogger.html" target="_blank" title="Grab this widget">Recent Posts Thumbnails</a> <a href="http://rohanmod.blogspot.com/" target="_blank">Blogger Widget</a></div><noscript>Your browser does not support JavaScript!</noscript></div>
<style type=text/css>
.eggTray {margin:10px 0px;padding:0px;}
.ybr li {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}
.pipesTitle {padding-top:0px;}
.pipesDescription {display:true;}
.ycdr {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi40_wCL7PIfvNFPOnMOUYHwL9IWmNsnkh5cL6IXUaVYFDCsKaP8m8qyVGbDEw1rALZlXRmB-wIyWS6nSiQPWq7I7hEO_fn969UkxxxgLY2QJRF2_uQbZL2mV6MNaAY-fSzKsfkgeGmryY/s1600/logo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 4px 0px 0px 0px;line-height:14px;}
.ycdr, .ycdr a {color:#999999;}
.widget .popular-posts ul {padding-left:0;} - See more at: http://rohanmod.blogspot.com/2013/03/5-type-of-recent-post-widget-blogger.html#sthash.6iOvXnmQ.dpuf

========================================================

 ေအာက္က Code ေလးကိုလည္း ျကုက္မယ္ ထင္ပါတယ္  :P

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



    <style type="text/css" media="screen">
    <!--

    #easytins {
    overflow:hidden;
    margin-top:5px;
    padding:0px 0px;
    height:350px;
    }
    #easytins ul{
    width:220px;
    overflow:hidden;
    list-style-type: none;
    padding: 0px 0px;
    margin:0px 0px;
    }
    #easytins li {
    width:208px;
    padding: 5px 5px;
    margin:0px 0px 5px 0px;
    list-style-type:none;
    float:none;
    height:70px;
    overflow: hidden;
    background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3mqZ_799g4ZVlFk7idjaJBofsXsz_XK70dOGrFbIB9gMC3jA3U7jIwCKyac3la0fxG8BDeqXoa0PeJccl5PKhVnWlkOC3oKSeIM2h8WZHL7nwZKhL6H0FnFWOGgnhC0S4NPXvPdfXWtp7/s1600/easytins-com.jpg) repeat-x;
    border:1px solid #ddd;
    }
    #easytins li a {
    text-decoration:none;
    color:#4B545B;
    font-size:11px;
    height:18px;
    overflow:hidden;
    margin:0px 0px;
    padding:0px 0px 2px 0px;
    }
    #easytins li img {
    float:left;
    margin-right:5px;
    background:#EFEFEF;
    border:0;
    }
    .spydate{
    overflow:hidden;
    font-size:10px;
    color:#0284C2;
    padding:2px 0px;
    margin:1px 0px 0px 0px;
    height:15px;
    font-family:Tahoma,Arial,verdana, sans-serif;
    }
    .spycomment{
    overflow:hidden;
    font-family:Tahoma,Arial,verdana, sans-serif;
    font-size:10px;
    color:#262B2F;
    padding:0px 0px;
    margin:0px 0px;
    }

    -->

    </style>

    <script language='JavaScript'>

    imgr = new Array();
    imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw9BmTTTN1Y3gy5cBPzfwn1BSB74SpezDi8VnQTdksxlR9IH7rrqBd3ypzjsH74SzXJYQkFv1kXDZ_qjy67x-eJN7q1NR3A_XVWLj6LkCt-2UDZh_oQOQXZZsxUR2ltFxpuXXu-zA40wuf/s1600/no+image.png";
    imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw9BmTTTN1Y3gy5cBPzfwn1BSB74SpezDi8VnQTdksxlR9IH7rrqBd3ypzjsH74SzXJYQkFv1kXDZ_qjy67x-eJN7q1NR3A_XVWLj6LkCt-2UDZh_oQOQXZZsxUR2ltFxpuXXu-zA40wuf/s1600/no+image.png";
    imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw9BmTTTN1Y3gy5cBPzfwn1BSB74SpezDi8VnQTdksxlR9IH7rrqBd3ypzjsH74SzXJYQkFv1kXDZ_qjy67x-eJN7q1NR3A_XVWLj6LkCt-2UDZh_oQOQXZZsxUR2ltFxpuXXu-zA40wuf/s1600/no+image.png";
    imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw9BmTTTN1Y3gy5cBPzfwn1BSB74SpezDi8VnQTdksxlR9IH7rrqBd3ypzjsH74SzXJYQkFv1kXDZ_qjy67x-eJN7q1NR3A_XVWLj6LkCt-2UDZh_oQOQXZZsxUR2ltFxpuXXu-zA40wuf/s1600/no+image.png";
    imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw9BmTTTN1Y3gy5cBPzfwn1BSB74SpezDi8VnQTdksxlR9IH7rrqBd3ypzjsH74SzXJYQkFv1kXDZ_qjy67x-eJN7q1NR3A_XVWLj6LkCt-2UDZh_oQOQXZZsxUR2ltFxpuXXu-zA40wuf/s1600/no+image.png";
    showRandomImg = true;
    boxwidth = 300;
    cellspacing = 6;
    borderColor = "#232c35";
    bgTD = "#000000";
    thumbwidth = 70;
    thumbheight = 70;
    fntsize = 12;
    acolor = "#666";
    aBold = true;
    icon = " ";
    text = "comments";
    showPostDate = true;
    summaryPost = 40;
    summaryFontsize = 10;
    summaryColor = "#666";
    icon2 = " ";
    numposts = 10;



    home_page = "http://easytins.com/";



    limitspy=4
    intervalspy=4000
    </script>
    <div id="easytins">
    <script src='https://ugwoke-charles-jsfiles.googlecode.com/svn/trunk/anim-rec-post.js' type='text/javascript'></script>

=======================================================

Go to Blogger Dashboard>Layout.
    Add a gadget.
    Select HTML/Javascript.

Paste the following code in it.
---
     <style type="text/css" media="screen"> <!-- /* ========== Scrolling Recent Posts Widget By techybuz.com.com ======== */ #techybuz-widget { overflow: hidden; margin-top: 5px; padding: 0px 0px; height: 385px; } #techybuz-widget ul { width: 295px; overflow: hidden; list-style-type: none; padding: 0px 0px; margin: 0px 0px; } #techybuz-widget li { width: 282px; padding: 5px 5px; margin: 0px 0px 5px 0px; list-style-type: none; float: none; height: 80px; overflow: hidden; background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHlL6vgdVTvkVYEYMoBbY6arFFvzjU7SMb9Pp2iP8QO4-ADot5K-McUFak9V1JnxYtYQY_XeH9FFf2bDzF6ZQNCJGLyBu47-n8xA7iOyfP0eDrTn6u7EO8hUOKgBDDqZtY5qw86pWpM3E/s1600/santosh143.com-post.jpg) repeat-x; border: 1px solid #ddd; } #techybuz-widget li a { text-decoration: none; color: #4B545B; font-size: 15px; height: 18px; overflow: hidden; margin: 0px 0px; padding: 0px 0px 2px 0px; } #techybuz-widget img { float: left; margin-top: 10px; margin-right: 15px; background: #EFEFEF; border: 0; } #techybuz-widget img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; padding: 4px; background: #eee; background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa)); background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.7); -moz-box-shadow: 0 0 3px rgba(0,0,0,.7); box-shadow: 0 0 3px rgba(0,0,0,.7); } #techybuz-widget img:hover { -moz-transform: scale(1.2) rotate(-350deg); -webkit-transform: scale(1.2) rotate(-350deg); -o-transform: scale(1.2) rotate(-350deg); -ms-transform: scale(1.2) rotate(-350deg); transform: scale(1.2) rotate(-350deg); -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1); -moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1); box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1); } .spydate { overflow: hidden; font-size: 10px; color: #0284C2; padding: 2px 0px; margin: 1px 0px 0px 0px; height: 15px; font-family: Tahoma,Arial,verdana, sans-serif; } .spycomment { overflow: hidden; font-family: Tahoma,Arial,verdana, sans-serif; font-size: 10px; color: #262B2F; padding: 0px 0px; margin: 0px 0px; } /* ========== Scrolling Recent Posts Widget By techybuz.com ======== */ --> </style> <script language='JavaScript'> imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9psfCfOHCA3AWTExvRjW9fXWbhn2oyNIs6wCNFM0f-Do3U5IawWbv7Cax-NW0vMeGxsVkN1nzaT6RUpBBpGvYFfmqC_St_XTnW80TDRznwGWeXcTO0USVZ1pBxYwf2BUIB-FouvtXd-Q/s1600/santosh143.com-no-thumbnail.png.jpg"; imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9psfCfOHCA3AWTExvRjW9fXWbhn2oyNIs6wCNFM0f-Do3U5IawWbv7Cax-NW0vMeGxsVkN1nzaT6RUpBBpGvYFfmqC_St_XTnW80TDRznwGWeXcTO0USVZ1pBxYwf2BUIB-FouvtXd-Q/s1600/santosh143.com-no-thumbnail.png.jpg"; imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9psfCfOHCA3AWTExvRjW9fXWbhn2oyNIs6wCNFM0f-Do3U5IawWbv7Cax-NW0vMeGxsVkN1nzaT6RUpBBpGvYFfmqC_St_XTnW80TDRznwGWeXcTO0USVZ1pBxYwf2BUIB-FouvtXd-Q/s1600/santosh143.com-no-thumbnail.png.jpg"; imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9psfCfOHCA3AWTExvRjW9fXWbhn2oyNIs6wCNFM0f-Do3U5IawWbv7Cax-NW0vMeGxsVkN1nzaT6RUpBBpGvYFfmqC_St_XTnW80TDRznwGWeXcTO0USVZ1pBxYwf2BUIB-FouvtXd-Q/s1600/santosh143.com-no-thumbnail.png.jpg"; imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9psfCfOHCA3AWTExvRjW9fXWbhn2oyNIs6wCNFM0f-Do3U5IawWbv7Cax-NW0vMeGxsVkN1nzaT6RUpBBpGvYFfmqC_St_XTnW80TDRznwGWeXcTO0USVZ1pBxYwf2BUIB-FouvtXd-Q/s1600/santosh143.com-no-thumbnail.png.jpg"; showRandomImg = true; boxwidth = 255; cellspacing = 6; borderColor = "#232c35"; bgTD = "#000000"; thumbwidth = 50; thumbheight = 50; fntsize = 15; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = true; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 10; home_page = "http://www.techybuz.com/"; limitspy=8; intervalspy=4000; </script> <div id="techybuz-widget"> <script src='http://santosh143.googlecode.com/svn/spyeffect.js' type='text/javascript'></script> </div> <div arial="arial" helvetica="helvetica" id="mashable" sans-serif="sans-serif" style="background: #EBEBEB; border-image: initial; border-top: 1px solid white; border: 1px solid #EBEBEB; font-size: 10px; padding: 1px 8px 1px 3px; text-align: right;"> </div>

========================================================

Code ေလးေတြပါ .................

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
<style type="text/css" media="screen">
<!--
/* ========== Scrolling Recent Posts Widget By crackstrick.blogspot.com ======== */

#CTR-widget {
overflow: hidden;
margin-top: 5px;
padding: 0px 0px;
height: 385px;
}
#CTR-widget ul {
width: 295px;
overflow: hidden;
list-style-type: none;
padding: 0px 0px;
margin: 0px 0px;
}
#CTR-widget li {
width: 282px;
padding: 5px 5px;
margin: 0px 0px 5px 0px;
list-style-type: none;
float: none;
height: 80px;
overflow: hidden;
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrMqaHLBhXBqiwQEXShUWDpVg39Ws5S_SlAjHm2HgL_qYEyrNaCYTRrF-ia2G5lfb0hhw0snmnFezWdhDl4htIoMFnFNstB_zl47_3nN36Xtf3eHMWpHhKVrSsnxtwbsfmwZiiuMvOQvhK/h120/carckstrick.jpg) repeat-x;
border: 1px solid #ddd;
}
#CTR-widget li a {
text-decoration: none;
color: #4B545B;
font-size: 15px;
height: 18px;
overflow: hidden;
margin: 0px 0px;
padding: 0px 0px 2px 0px;
}
#CTR-widget img {
float: left;
margin-top: 10px;
margin-right: 15px;
background: #EFEFEF;
border: 0;
}
#CTR-widget img {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
padding: 4px;
background: #eee;
background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));
background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);
-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);
box-shadow: 0 0 3px rgba(0,0,0,.7);
}
#CTR-widget img:hover {
-moz-transform: scale(1.2) rotate(-350deg);
-webkit-transform: scale(1.2) rotate(-350deg);
-o-transform: scale(1.2) rotate(-350deg);
-ms-transform: scale(1.2) rotate(-350deg);
transform: scale(1.2) rotate(-350deg);
-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
}
.spydate {
overflow: hidden;
font-size: 10px;
color: #0284C2;
padding: 2px 0px;
margin: 1px 0px 0px 0px;
height: 15px;
font-family: Tahoma,Arial,verdana, sans-serif;
}
.spycomment {
overflow: hidden;
font-family: Tahoma,Arial,verdana, sans-serif;
font-size: 10px;
color: #262B2F;
padding: 0px 0px;
margin: 0px 0px;
}

/* ========== Scrolling Recent Posts Widget By crcakstrick.blogspot.com ======== */

-->
</style>
<script language='JavaScript'>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ3OJ6vYB1FU_iz2mNFH1qHkx87YrGNmD6XSl_hi9f-spJGTaFB21yV8VJgZpU-zC4WMUYMKtTn-ZFawF6BsJhCGTN4J61RK5FghmeKhyphenhyphenqD29VG7rEABidbpoYZUDVJo6QSF6rrDgXP76j/s1600/No+Image+1.gif";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ3OJ6vYB1FU_iz2mNFH1qHkx87YrGNmD6XSl_hi9f-spJGTaFB21yV8VJgZpU-zC4WMUYMKtTn-ZFawF6BsJhCGTN4J61RK5FghmeKhyphenhyphenqD29VG7rEABidbpoYZUDVJo6QSF6rrDgXP76j/s1600/No+Image+1.gif";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ3OJ6vYB1FU_iz2mNFH1qHkx87YrGNmD6XSl_hi9f-spJGTaFB21yV8VJgZpU-zC4WMUYMKtTn-ZFawF6BsJhCGTN4J61RK5FghmeKhyphenhyphenqD29VG7rEABidbpoYZUDVJo6QSF6rrDgXP76j/s1600/No+Image+1.gif";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ3OJ6vYB1FU_iz2mNFH1qHkx87YrGNmD6XSl_hi9f-spJGTaFB21yV8VJgZpU-zC4WMUYMKtTn-ZFawF6BsJhCGTN4J61RK5FghmeKhyphenhyphenqD29VG7rEABidbpoYZUDVJo6QSF6rrDgXP76j/s1600/No+Image+1.gif";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ3OJ6vYB1FU_iz2mNFH1qHkx87YrGNmD6XSl_hi9f-spJGTaFB21yV8VJgZpU-zC4WMUYMKtTn-ZFawF6BsJhCGTN4J61RK5FghmeKhyphenhyphenqD29VG7rEABidbpoYZUDVJo6QSF6rrDgXP76j/s1600/No+Image+1.gif";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 15;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://www.CrcaksTrick.blogspot.com/";
limitspy=4;
intervalspy=4000;
</script>
<div id="CTR

-widget">
<script src='https://dl.dropbox.com/s/gviv5r1iksjfvj3/Scrolling_recent-posts-Spy-NBT.js' type='text/javascript'></script>
</div>

အဆင္မေျပတာမ်ားရွိရင္ Cbox မွာ စာေရးခဲ႔ပါ မျကာခင္စာျပန္ပါ့မယ္

အားလံုးအဆင္ေျပျပီး ေပ်ာ္ရႊင္ျကပါေစ .............

=======================================================