<script type="text/javascript" src="http://traidatmui-tips.googlecode.com/files/Jquery1.3.2.js"></script>
<script language="javascript" type="text/javascript">
var currenttab = 1;
var maxtab = 3; // số tab cuộn qua ví dụ bạn có 15 bài thì chọn là 3, 20 bài chọn 4...
var round_t = setTimeout("roundHotNews()",5000); //thời gian bài viết tự động scroll
/* <![CDATA[ */ function slide_forward() {
currenttab++;
if (currenttab > maxtab) currenttab = 1;
if (currenttab <= maxtab) {
var leftpx = (currenttab-1) * (-1040);
$('#slide_animation').animate({ left: leftpx }, 500);
}
clearTimeout(round_t);
}
function slide_backward() {
currenttab--;
if (currenttab < 1) currenttab = maxtab;
if (currenttab >= 1) {
var leftpx = (currenttab-1) * (-1040);
$('#slide_animation').animate({ left: leftpx }, 500);
}
clearTimeout(round_t);
}

function roundHotNews()
{
if(currenttab == 1) currenttab=2;
else if(currenttab == 2) currenttab=3;
else if(currenttab == 3) currenttab=1;
if (currenttab >= 1) {
var leftpx = (currenttab-1) * (-1040);
$('#slide_animation').animate({ left: leftpx }, 500);
}
round_t = setTimeout("roundHotNews()",5000); //thời gian bài viết tự động scroll
}/* ]]> */
</script>

<style>
.slideHighlight {
color:#000;
width: 1040px; /* độ rộng của tiện ích*/
background: #e3e4e5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkzIoFKAY8xX2oxBXAL4hMZFzAa8Ev10Y4Y8O1fHQwBoqzlGOvF1MF2lYoHKz0f6HWjD0TToEXFiCoDBJ_Ieo-4peV57iwHxPUIuORYEm9q-3sch7A-yh14t1zm4Bl49nHtFSsXKx97nw/) repeat-x 0px 1px;
-moz-border-radius-topright: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
height:120px;}
.slideHighlight .viewpost{float:left;width: 100%;height:120px;overflow:hidden;padding:0px;}
.slideHighlight .viewpost .view {float:left;width: 100%;height:120px;overflow:hidden;position:relative}
#slide_animation{left:0;position:absolute;top:0}
.slide{float:left;width:5000px;}
.vnscrollitem{
font-family:arial;
float:left;
padding:3px 3px 5px 4px;
font-size:12px;
line-height:1.3em;
display:block;
width:200px; /* độ rộng mỗi bài viết*/
height:87px; /* chiều cao của mỗi bài viết*/
border-right:1px dashed #ddd;
margin-top:-1px;
text-align:left;}

.slidebackward{
cursor:pointer;
float: right;
margin:8px 3px 0px 0px;
width: 13px;
height: 10px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkA1RdekDkw-ntbplkrLYPeNL8j0yp82mjAd49O_1qCIQfPbWfEXSA8nldrXtQ5QrpUbzHeeImCPphyphenhyphen_cc25RZ17Vb8boSJQqyx0Dx0NKK1xZIKyugSzFLXS31FUCCNz9CEt-owbI9Nv4/) -10px 0px no-repeat;
}
.slideforward {
cursor:pointer;
float: right;
margin:8px 15px 0px 0px;
width: 13px;
height: 10px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkA1RdekDkw-ntbplkrLYPeNL8j0yp82mjAd49O_1qCIQfPbWfEXSA8nldrXtQ5QrpUbzHeeImCPphyphenhyphen_cc25RZ17Vb8boSJQqyx0Dx0NKK1xZIKyugSzFLXS31FUCCNz9CEt-owbI9Nv4/) 0px 0px no-repeat;
}
.vnscrollitem a {
line-height:1.1em;
font-size:11px;
font-weight:bold;
text-decoration:none;
color:#333;}
.vnscrollitem a:hover{
color:#666;
text-decoration:underline;}

.vnscrollitemimg {
border:1px solid #ccc;
margin-right:4px;
float:left;
width:80px;
height:83px;
padding:2px;
float:left;
}</style>

<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzYmG4HO4SBcos7_FyAmuFJABtQCZCd2De2_V6xnWKq4wyVnbaXirhud4ftkO3CnrMAwci5m4MM0bPdpMUuh9hgwuVxee-NbxK5ddr0P6_g4pN-CH4-XFZcGTHSaECS-ZBnpjnfA2XkHgM/";
showRandomImg = true;
aBold = true;
text = "";
showPostDate = true;
summaryPost = 50; //số kí tự phần tóm tắt
numposts = 15; //số bài viết hiển thị
label = "Advanced blogger"; //thay thành tên nhãn của blog bạn
home_page = "http://www.traidatmui.com/"; //thay thành địa chỉ blog của bạn
</script>
<div class="slideHighlight">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiek9KxgUppTodxqhlS_skcYJUlG1OLb2JhKVz9ovXQDyNUL0xZtWOujA-DFZeUk8TotC_aj7R4sUbRpDiN1YmBdQ1hxntE6OMlz3mKJOlAYeft9dukadsdNSzJi0nkWjuoOZpYXt8XdKE/" style="margin:0px 0px 0px 1px;"/>
<div onclick="slide_forward()" class="slideforward"></div><div onclick="slide_backward()" class="slidebackward"></div>
<div class="viewpost"><div class="view"><div class="slide" id="slide_animation">
<script src="http://traidatmui-tips.googlecode.com/files/rescroll_label_new.js" type="text/javascript"></script>
</div></div></div></div>

<script src="http://traidatmui-tips.googlecode.com/files/rescroll_post_new.js" type="text/javascript"></script>