Loading post navigation ...
 
 

Pro page

11
Nhận xét

Tạo tab Cloud (Dạng Flash)

| by Phan Dũng | views

Hãy nhấn thanks để ủng hộ tác giả

[FD's BlOg] - Đây là 1 trong những tiện ích đầu tiên mà mình cài đặt cho blog. Và cho đến bay giờ mình vẫn còn dùng nó. Tuy nhiên hiện trên blog của mình vẫn chưa đăng tải bài viết hướng dẫn thủ thuật này. Và bây giờ có bạn nhờ mình hướng dẫn dẫn về nó, nên mình post bài hướng dẫn này.



Hình minh họa:


Thủ thuật sẽ phải chèn code trược tiếp vào code của template. Bây giờ ta sẽ đi vào từng bước:
1. Đăng nhập blog
2. Vào bố cục
3. Vào chỉnh sửa code HTML
4. Nhấp chọn mở rộng mẫu tiện ích
5. Tìm dòng code bên dưới (hoặc tương tự):

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>

6. Chèn code bên dưới vào sau dòng code vừa tìm được:

<b:widget id='Label99' locked='false' title='Nhãn' type='Label'>
<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>

<script type='text/javascript'>

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "176", "150", "7", "#FFFFFF");

// uncomment next line to enable transparency

//so.addParam("wmode", "transparent");

so.addVariable("tcolor", "0x000000");

so.addVariable("mode", "tags");

so.addVariable("distr", "true");

so.addVariable("tspeed", "100");

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='19'><data:label.name/></a></b:loop></tags>");

so.addParam("allowScriptAccess", "always");

so.write("flashcontent");

</script>

<b:include name='quickedit'/>

</div>

</b:includable>
</b:widget>

- Một vài lưu ý:

+ Các dòng code màu đỏ ("176", "150", "#FFFFFF" ): 176 chính là độ rộng của tab cloud, 150 là chiều cao, #FFFFFF là màu nền.
+ Code màu xanh (style='19' , "0x000000") : 19 là kích thước font chữ, 0x000000 là màu chữ.

7. Save template.
8. Vào trở lại bố cục, vào phần tử trang ta sẽ thấy hình như bên dưới:


Trong hình là minh họa vị trí hiển thị của tab cloud sau khi ta thực hiện xong bước 7, và vị trí này do ta xác định trước ở bước 5, Bây giờ bạn có thể di chuyển nó đến vị trí mà bạn mong muốn:

Widget được phát triển bởi Roy Tanck and Amanda Fazani

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


Enter your mail address:

11

Tran & Lee Insurance Agency Team

Oh! Ko ngờ lại có thể nhanh như vậy!! Thanks nhiều lắm. Nhưng FD ơi, cái mà bạn hướng dẫn ko phải là cái mà mình muốn hỏi đâu. Tag cloud kiểu này sẽ tự động lấy các tag trong blog và ko hiển thị 1 số tag mình muốn có. Tag cloud mình nói là dạng tag cloud làm ở http://www.tagcloud-generator.com. Sau khi làm dạng flash nó sẽ kêu mình down về, sau khi down, sẽ có 1 file flash, 1 file Js và 2 file khác. Nó nói mình up tất cả lên host rồi làm sao đó mà mình ko hiểu! Bạn hiểu ý mình chứ? Mong bạn xem giúp mình. Thanks again.^.^

vietutd

Công nhận là FanDung nhiệt tình. Anh đánh giá rất cao tinh thần tương trợ mọi người của FanDung. :)
FanDung có phản đối không khi anh lấy nội dung từ blog em qua www.vietutd.com

fandung

@Lê Công Tiến : cái này ko fải như bạn nói à, được rồi, để mình thử tạo một cái tab cloud bên http://www.tagcloud-generator.com rồi sẽ post lại bài hướng dẫn khác.

@vietutd : chuyện đó đc thôi anh, coi như quảng cáo hộ em :)

vietutd

thanks :)

admin
Ác Quỷ

hj ^^

Tran & Lee Insurance Agency Team

Mình chờ tin bạn, Thanks bạn nhiều
P/s: Vô đây toàn gặp người wen :)

keosoft90

sao mình làm nó ko hiển thị zậy

I'm Jun

thanks anh nhìu nha

TjeuLjnh

Bạn ơi !!! Mình chẳng thấy cái code phía trên ở đâu cả. Bạn bảo là có 1 cái code tương tự. Là code gì vậy ???

Thế Này Nhé

mình test không được nhỉ :(
GREEN VIETNAM



☺ Các bạn có thể viết lời bình của mình cho bài viết, và tuân thủ một số quy tắc sau:
» Các bài comment phải nghiêm túc, không dung tục, không spam.
» Nội dung phải liên quan tới chủ đề bài viết.
» Có thể sử dụng thẻ trích dẫn [quote], cấu trúc thẻ như bên dưới :

[quote=AUTHOR name=fdquote]NỘI DUNG[/quote]

» Có thể sử dụng các thẻ <b>,<i>,<a>.


BlOg FD chính thức đóng comment của khách ẩn danh.

BlOg FD.

[▼/▲] More Emoticons
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Newer Posts Older Posts Home