Slide tab trượt trên header cho blogspot

Xem Demo : Tại Đây
Cách Thực Hiện :
Bước 1: Vào blogger > Bố cục > Thêm widget HTML/Javascript mới vào vị trí bạn muốn hiển thị tiện ích Thống Kê

<style>
.slideHighlight {
color:#000;
width: 960px;float:center;padding-left:4px;
border: 1px solid #ccc ;
border-bottom-right-radius:4px;
border-bottom-left-radius:4px;
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhUBoYIO1M9xICSx1MMLZZkwVhB98o3SNqJPcDON2RLyXzLh_9shhS07PY7un3phT8iLjM1-8CCpdcm4U0zTQZfbHcvtaUkLp_deCdtrd3j_al4rBYYDTBpLWgAOvo8T67PwYcJTMBaQY/) 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:115px;}
.slideHighlight .viewpost{float:left;width: 1000px;height:100px;overflow:hidden;padding:0px;}
.slideHighlight .viewpost .view {float:left;width: 960px;height:120px;overflow:hidden;position:relative}
#slide_animation{left:0;position:absolute;top:0}
.slide{float:left;width:4000px;}
.vnscrollitem{
font-family:arial;
float:left;
padding:3px 7px 5px 4px;
font-size:12px;
line-height:1.3em;
display:block;
width:248px; /* độ rộng mỗi bài viết*/
height:87px; /* chiều cao của mỗi bài viết*/
margin-top:-1px;
text-align:left;}
.slidebackward{
cursor:pointer;
float: right;
margin:8px -6px 0px 0px;
width: 19px;
height: 16px;
background: url(http://i1207.photobucket.com/albums/bb473/trungthanhhust/Actions-go-previous-view-icon.png) 0px 0px no-repeat;
}
.slideforward {
cursor:pointer;
float: right;
margin:8px 15px 0px 0px;
width: 13px;
height: 16px;
background: url(http://i1207.photobucket.com/albums/bb473/trungthanhhust/Actions-go-next-view-icon.png) 0px 0px no-repeat;
}
.vnscrollitem a {
line-height:1.1em;
font-size:11px;
text-decoration:none;
color:#333;}
.vnscrollitem a:hover{
color:#666;
text-decoration:underline;}
.vnscrollitemimg {
border:1px solid #ccc;
margin-right:4px;
float:left;
width:90px;
height:75px;
padding:2px;
float:left;
}
</style>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq9FE1GRc6xcO-OYt1MAH6NuJb74muu9pxY4cslGr9Xushz9QCwpQ7hbZiucMvPbYZhJdNj6YQTaiqe0XlsFY9a9KI6fmc7H0UA3Ke9AJOdKdFMsM1BLi015xbhrzgs9WZli_iq69g3DHI/";
showRandomImg = true;
aBold = true;
text = "";
showPostDate = true;
summaryPost = 0; //số kí tự phần tóm tắt
numposts = 10; //số bài viết hiển thị
label = "Kênh.Truyền.Hình.Giải.Trí.Trong.Nước"; //thay thành tên nhãn của blog bạn
home_page = "http://www.vietcons.info/"; //thay thành địa chỉ blog của bạn
</script>
<div class="slideHighlight">
<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://bachkhoamedia.googlecode.com/files/rescroll_post_new.js" type="text/javascript"></script>
</div></div></div></div>

Bước 2: Dán code bên dưới vào form nội dung :Bước 3- Lưu mẫu lại.

Chú Ý : Nhớ chỉnh sửa lại phù hợp với web/blog bạn nhé.