Hướng dẫn thêm tiện ích Label Cloud (Tag Cloud) dạng Flash xoay tròn khá đẹp cho Blogspot

Tiện ích Label Cloud (Tag Cloud) dạng Flash xoay tròn khá đẹp cho Blogspot:

Label (nhãn) của Blogger là gì chắc chúng ta đã quá quen thuộc khi sử dụng Blogger. Blogger cung cấp cho chúng ta hai lựa chọn để hiển thị các Labels dưới dạng danh sách và dạng Cloud, tuy nhiên 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, 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,...

Hình Demo cho các bạn

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.

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 ra sao:

Demo mẫu đây

Các Bạn copy đoạn mã này lại

<div id="cbFlashContent">
     <p style="text-align:center;">Đang tải...</p>
</div>
<script type="text/javascript">/*<![CDATA[*/
var cbFlashLabelSettings = {
 blogurl: "http://holeminh.blogspot.com/",
 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>

và nhớ thay đổi url http://holeminh.blogspot.com/ thành url của bạn nha, thay đổi thêm những thông số như:

Blog URL:
Labels Color:	Màu chữ label
Hover Color:	Màu chữ label khi hover
Background Color:	Màu nền
Size:	Kích cở chữ label
Speed:	Tốc độ xoay
Width:	Chiều rộng
Height:	Chiều cao

hoặc các bạn để mặc định như mình cũng được vẫn đẹp.
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 :v
Chúc bạn thành công!
Nguồn: NhatChanh

Milan Tomic

Hi. I’m Designer of Blog Magic. I’m CEO/Founder of ThemeXpose. I’m Creative Art Director, Web Designer, UI/UX Designer, Interaction Designer, Industrial Designer, Web Developer, Business Enthusiast, StartUp Enthusiast, Speaker, Writer and Photographer. Inspired to make things looks better.