Tiện ích Label Cloud (Tag Cloud) dạng Flash cho Blogspot

Khi sử dụng Blogger hẳn bạn đã quá quen thuộc với Label (nhãn) của Blogger. Blogger cung cấp cho ta 2 lựa chọn để hiển thị các Labels dưới dạng danh sách và dạng Cloud, bạn hoàn toàn có thể tùy biến các Labels này bằng cách định dạng css theo phong cách riêng của bạn. Hôm nay, mình chia sẽ cho các bạn thêm một Label Cloud dạng Flash mà đôi lúc ta thường thấy nó ở các CMS như WordPress, Joomla, vBulletin,...

Label Cloud Widget (hay còn gọi là Blogumus) là tiện ích hiển thị các nhãn của blogger dưới dạng flash, và bây giờ nó đả tích hợp được cho Blogger.

Xem thêm: Định dạng và hiển thị Label Cloud với nhiều màu sắc

Với tiện ích này, các labels sẽ được gói gọn xung quanh một quả cầu flash, khi bạn rê chuột lên các đối tượng nó sẽ bắt đầu chuyển động cho bạn lựa chọn một nhãn, chuyên mục mà bạn cần đi tới.

- Demo dưới đây sẻ cho bạn biết nó hoạt động như thế nào: (hoặc có thể xem tại đây)

- Để tích hợp vào blog của bạn rất đơn giản, chỉ cần thiết lập các giá trị dưới đây:

Thiết lập

Blog URL:
Labels Color:	Màu chữ label
Hover Color:	Màu chữ label khi hover
Background Color:	Mặt địnhThay đổi Màu nền
Size:	size: 4size: 5size: 6size: 7size: 8size: 9size: 10 Kích cở chữ label
Speed:	Tốc độ xoay
Width:	Chiều rộng
Height:	Chiều cao

<div id="cbFlashContent">
     <p style="text-align:center;">Đang tải...</p>
</div>
<script type="text/javascript">/*<![CDATA[*/
var cbFlashLabelSettings = {
 blogurl: "http://www.nhatchanh.info",
 color: "0090FF",
 hoverColor: "FF00FF",
 backgroundColor: "FFFFFF",
 size: 7,
 speed: 150,
 width: 350,
 height: 350,
 transparency: true
};/*]]>*/</script>
<script type="text/javascript" src="https://googledrive.com/host/0BwL0KbT-xOaTUWtuN2JJR1dRY2s/cloud.js"></script>

- Tiếp theo, Đăng nhập vào tài khoản Blogger vào Bố cục (Layout) >> Thêm một tiện ích (Add a gadget) >> HTML/Javascript. Copy và Paste đoạn mã phía trên vào Lưu lại là xong.

Như vậy, bạn đả có được một Label Cloud dạng Flash đẹp mắt cho blog của mình rồi phải không nào :D. Chúc bạn thành công!

Cập nhật 03/09/2014