Tạo thanh HotNews sử dụng mootools cho blog

27 thg 2, 2012


Với việc sử dụng mootools thì thanh HotNews sẽ trở nên pro hơn nhiều, mặc định các bài viết sẽ tự động luân chuyển trong 1 khoảng thời gian xác định trước, ngoài ra còn có thêm button để điều chỉnh việc hiển thị các bài viết trên thanh hotnews.
Xem demo : LIVE DEMO
p1 Tạo thanh HotNews sử dụng mootools cho blog ~ vn222.com
☼ Các bước thực hiện:
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/AVvXsEh65_JtlK6HvDssvjE3ipDBV4pcPgNg-ExiVFt0KQneP23lCsuNHGLV8lfjDsOO915vq2vvPcTTcejULHF9Ph6e0yXpWMT2-7uTqZHmEbRAz9cJkrEVU4O1XW8pwn9ATSopR842yipDabUC/) 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.tranphucminh.blogspot.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



Đường dẫn bài viết: http://noitoisong.blogspot.com/2011/04/tao-thanh-hotnews-su-dung-mootools-cho.html#ixzz1naE6los5
Tags: ,

Ý kiến bạn đọc [ 0 ]


Ý kiến của bạn

:)) ;)) ;;) :D ;) :p :(( :) :( more »

Lên đầu trang
Xuống cuối trang