Thêm widget "NEW" giống trang zing.vn - Yêu Cầu

Yêu cầu của bạn daotiendung
anh Huy ơi anh có thể giúp em làm cái slider new như trang zing.vn không?
cảm ơn anh nhiều.

Hướng Dẫn Cách Thực Hiện

Để thêm widget New như trang http://www.zing.vn vào blog bạn tạo một widget HTML/Javascript mới vào vị trí thích hợp sau đó dán code bên dưới vào phần Nội Dung rồi lưu lại
<style type="text/css">
newzing{background-image:url(http://static2.news.zing.vn/v3/images/bg_tinmoi.png);background-color:#f0f0f0 ;background-repeat:no-repeat;display:block;padding: 3px 10px;color:#000;overflow:hiden;word-wrap:break-word}
/*<![CDATA[*/
.label_with_thumbs{font-size:10pt;color: #333;text-decoration:none}
.label_with_thumbs a:hover{text-decoration:underline}
/*]]>*/
</style><newzing>
<script type='text/javascript'>
//<![CDATA[
var numposts = 2;
var showpostthumbnails = false;
var displaymore = false;
var displayseparator = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 80;
//]]>
</script>
<script type="text/javascript" src="https://trollvlhcv.googlecode.com/svn/trunk/new-style-zing.js"></script>
<script src='http://www.trollvl.com/feeds/posts/default/-/NEW?orderby=updated&alt=json-in-script&callback=labelthumbs'></script></newzing>
  • Từ giờ bạn hãy cho những bài tin tức vào một nhãn "NEW" để cho widget tự update bài mới
Thủ thuật này mình áp dụng theo Tạo widget bài đăng mới theo nhãn và thêm cho nó vài thuộc tính. Và mình chỉ cố gắn làm sao cho nhìn giống thôi chứ không được pro như trang zing.vn
Nếu có vướng mắc gì hãy để lại comment mình sẽ giải thích cho. Chúc bạn thành công!
5 Comments
Comments

5 comments

22/1/13
cảm ơn anh nhiều, i love trollvl.com, một trang web rất hay và thú vị
22/1/13
Không có chi (o)
Xóa hết cookie rồi load lại trang. Sau đó xem phần footer nó ntn?
17/2/13
Ý bác là sao? @-)
Anonymous
18/2/13
Thử là biết liền :-d

Cảm ơn bạn đã ghé thăm Troll VL !
» Tạm thời ngăn không cho comment với chế độ ẩn danh vì có một số bạn không có thành ý cố tình spam. Mong các bạn thông cảm!
» Bạn nên viết bằng Tiếng Việt có dấu để mọi người dễ đọc, dễ bình luận
» Để liên hệ,góp ý và đóng góp bài viết bạn click vào đây
Sử dụng các thẻ sau cho comments
» Chèn nội dung vào blockquote <b rel="quote">Nội dung blockquote</b>
» Chèn nội dung vào note <em rel="note">Nội dung note</em>
» Chèn code vào khung pre <i rel="pre">Nội dung code</i>
» Chèn hình ảnh <i rel="image">Link hình ảnh</i>
» Chèn video từ youtube [youtube]link video[/youtube]
» Chèn link <i rel="anchor">Link</i>

Insert Emoticons
:cuoi
:hihi
:thank
:haha
:meu
:cry
:oaoa
1cuoi
:D
@@
:p
:o
:vi
:ko
:ca
:why
:xin
:lanh
:im
:aoi
:ado
:mda
:tat
0:khoa
a:ab
k:ac
q:ad
w:ae
e:af
l:ag
g:ah
8:ai
9:aj
9:ag
:9a
*Phải có khoảng trống trước các code mới hiển thị mặt cười


Mã Hóa Code Tạo và xem trước comments Cancel Reply
-->