Trang chủ > Thủ thuật blog > Tạo tag cloud cho nhãn(Label) dạng flash

Tạo tag cloud cho nhãn(Label) dạng flash

Tag cloud cho nhãn là một tiện ích khá đẹp mắt, có tên là Blogumus. Để tạo Blogumus vào trong Bố cục (Layout) Blogger của bạn rất đơn giản! Bạn chỉ cần sao chép và dán một phần của mã vào mẫu Blogger của bạn, trong quá trình tạo, tuỳ thuộc vào màu sắc của Blog hiển thị bạn cần chỉnh sửa thủ công một số chi tiết. Sau đây là các bước cần thiết để cài đặt Blogumus trong Blogger của bạn:
Xem: Live Demo

Hình ảnh minh họa

☼ Cách thực hiện:
1. Đăng nhập và vào Bố cục (Layout)
2. Vào chỉnh sửa HTML (Edit HTML)
3. Tìm kiếm dòng lệnh sau (hay tương tự):

Sau đó chèn code sau vào ngay dưới nó:



Blogumulus by Roy Tanck and Amanda Fazani

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

// uncomment next line to enable transparency

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

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

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

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

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

so.addVariable("tagcloud", "<a expr:href='data:label.url' style='12‘>");

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

so.write("flashcontent");

☼ Tùy chỉnh theo ý bạn:
Như mặc định, mã code nêu trên cung cấp cho bạn Blogumus Widget Flash có kích thước và màu sắc như sau:

Chiều rộng:
240px
Chiều cao:
300px
Màu nền:
Trắng
Màu font chữ:
Xám Đen
Kích thước font chữ:
12

Bạn có thể thay đổi từng các biến trên để phù hợp với Blog của mình.
Hiệu chỉnh độ rộng và chiều cao Các biến biểu thị độ rộng và chiều cao được thể hiện như trong đoạn mã sau:

var so = new SWFObject(“http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&#8221;, “tagcloud”, “240“, “300“, “7”, “#ffffff“);

Độ rộng hiện tại là 240 được thể hiện bằng màu đỏ ở trên, chiều cao được thể hiện bằng màu xanh có giá trị hiện tại là 300. Các biến này được biểu thị bằng đơn vị pixel. Các bạn có thể tùy biến các giá trị này tùy ý. Code màu xanh đậm (#ffffff) chính là màu nền bạn ở trên là mặc định là màu trắng, bạn có thể chỉnh lại màu cho phù hợp với blog mình.
Ví dụ bạn muốn thay màu background thành màu đỏ thì bạn thay thế #ffffff thành #ff0000.
Hiệu chỉnh màu của text mặc định màu của text là màu xám đen( hex value #333333). Bạn thay thế giá trị này bằng màu mà bạn lựa chọn trong dòng mã lệnh sau:

so.addVariable(“tcolor”, “0x333333“);

Hiệu chỉnh kích thước font size Kích thước mặc định là 12, bạn có thể thay đổi kích thước này theo ý bạn.
4. Cuối cùng save lại và xem thử nhé.
Chúc bạn thành công

Advertisements
Chuyên mục:Thủ thuật blog
  1. Không có bình luận
  1. No trackbacks yet.

Trả lời

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Đăng xuất /  Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Đăng xuất /  Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Đăng xuất /  Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Đăng xuất /  Thay đổi )

Connecting to %s