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

(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(http://lh5.ggpht.com/_BTztXRwC9ik/TGVAhd4etkI/AAAAAAAACwM/oNPY_L3OsIs/hotnew.gif) 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://data-traidatmui.appspot.com/scripts/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

Xem khác cùng chủ đề

4 nhận xét | Viết lời bình

9/09/2010 08:55:00 SA Trả lời

thank nhiều

12/10/2010 03:13:00 SA Trả lời

Bạn ơi mình không điều chỉnh được kích thước của thanh, thanh của mình nó ngắn quá so với blog.
kích cỡ của nó là 550x22,

Admin
12/10/2010 03:53:00 SA Trả lời

Nếu blog bạn có kích thước lớn thì bạn cần tạo thanh có độ rộng bằng với blog bạn và thay vào phần background ở trên.

2/08/2012 04:38:00 SA Trả lời

DEMO: http://phimtc.blogspot.com chemgio

Bạn nhập từ: cungly Bạn nhập từ: lleu Bạn nhập từ: kkrong Bạn nhập từ: cuoilon Bạn nhập từ: roile Bạn nhập từ: hehehe Bạn nhập từ: byebye Bạn nhập từ: idontknow Bạn nhập từ: votay more »

Giải pháp bán hàng online Số 1 Việt Nam
Lên đầu trang Xuống cuối trang