Tạo thanh Hotnews (tin mới) chạy ngang

08:46 | Trang chứa | Posted by Lương Tiến Dũng

(Traidatmui.com) – Để 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.


☼ 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/AVvXsEiZSmsR_VJlqe__NyI0sulGxpuNEF329rhvIEZO6A9LSOhHu_1uFmFqLynEQBf4PxL_JrNs574DD1bY-aqQt9lUsV-kz9s7PvTH1e4Sc7jIR5Y0DgWLiTMp364X4ptFN4VbPv_85UK3o5eE/) 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 bạn thành công

Địa chỉ bài viết: http://www.traidatmui.com/2010/09/tao-thanh-hotnews-tin-moi-chay-ngang.html#ixzz1SwZyK5xw
Nguồn: TRAIDATMUI.com

Posted by Lương Tiến Dũng on 08:46. Trang chứa . You can follow any responses to this entry through the RSS 2.0. Feel free to leave a response

0 comments for "Tạo thanh Hotnews (tin mới) chạy ngang"

   

Leave a reply