Tạo Thanh Hotnews (tin mới) Chạy Ngang

™» CGC Blog «™ Để giúp cho đọc giả khi vào blog/web của bạn dễ dàng cập nhật những bài viết mới nhất mà bạn vừa đăng trên blog/web thì bạn có thể dùng một tiện ích hiển thị bài viết mới nhất mình đã có giới thiệu đến các bạn. Và hôm nay theo yêu cầu của bạn Hoàng Anh Vân mình cũng xin chia sẽ

cùng các bạn tạo thêm một tiện ích gọi là "Hotnews", tiện ích này sẽ giúp các bài viết mới nhất của bạn được cập nhật và tạo thành một chuỗi bài viết chạy ngang từ phải sang trái. Với hiệu ứng chữ chạy này sẽ dễ dàng gây sự chú ý đến đọc giả hơn.

DEMO

☼ Cách thực hiện

1. Bạn đăng nhập vào tài khoản blogspot
2. Vào phần thiết kế (Design)
3. Chọn tiếp chỉnh sửa HTML (Edit HTML)
4. Thêm code bên dưới vào trước thẻ ]]></b:skin>

.hotnews{
width:448px; /* độ rộng của tiện ích*/
height: 20px; /* độ cao của tiện ích*/
text-align:center;
padding : 0px 0px 0px 82px;
clear : both;
color:#fff;
list-style-type : yes;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_a4K-oe42SsaR5eSKRhWzwSLu9DpLNFtYM_pJ2gzqw6kSiewRvwaRLvjQ13TkYqdHLlxqoWsBl3rSZBNiFSzspsZz5QpyON9z4X7YC_C36t9pT_0jY_2sQQtRMMJm_er1NdCEvPMfZiQQ/) no-repeat left; /*Nền của tiện ích*/
border-right : 0px solid #ff0000;
border-left : 0px solid #0000ff;
}
.hotnews a{
color:#fff;}
.hotnews a:hover{
color:#00ffff;}

5. Save template lại
6. Trở lại phần tử trang thêm một tiện ích HTML/Javascript và thêm code been dưới vào phần tử đó.

<div class="hotnews">
<marquee onmouseout="this.start()" direction="left" ) align="center" scrollamount="4" onmouseover="this.stop()" width="100%" height="25" >
<script language="JavaScript">
imgr = new Array();
showRandomImg = true;
tablewidth = 392;
cellspacing = 1;
borderColor = "";
bgTD = "";
imgwidth = 0;
imgheight = 0;
fntsize = 12;
acolor = "";
aBold = false; /*nếu muốn in đậm text bạn thay FALSE thành TRUE*/
icon ="» ";
text = "no";
showPostDate = false;
summaryPost = 100;
summaryFontsize = 12;
summaryColor = "#000";
icon2 = "» ";
numposts = 15; /*số bài viết hiển thị trong tiện ích này*/
home_page = "http://www.traidatmui.com/"; /*thay thành địa chỉ blog của bạn*/
</script><script src="http://traidatmui-tips.googlecode.com/files/hotnews_post.js" type="text/javascript"></script></marquee></div>

Bạn hãy dựa vào các dòng text hướng dẫn (dòng màu xanh) trong code để có thể tùy chỉnh lại cho tiện ích phù hợp với blog của mình.
7. Sau khi hoàn tất việc chỉnh sửa thì bạn hãy save lại

Chúc các bạn thành công !

Nguồn : traidatmui.com

Copy : Hội Thánh Cây Giang

Khi copy, các bạn nhớ ghi rõ nguồn gốc. Xin chân thành cảm ơn!