Nhãn bài viết dạng đám mây cho Blogger

Một tiện ích giúp chúng ta có thể trình diễn các nhãn trên Blogger dưới dạng flash khá đẹp mắt có tên là "Flash Widget Blogumus". Thông thường trên Blogger các nhãn được hiển thị ở dạng tĩnh, tuy nhiên với tiện ích này thì các nhãn của bạn sẽ được trình diễn dưới dạng động khá đẹp. Tiện ích dựa trên cơ sở plugin WP Cumulus của tác giả Roy Tanck. Thủ thuật này đã được nhiều blog ứng dụng và đăng tải, tuy nhiên mình thấy ở một số trang tiện ích này đã bị lỗi không thực hiện được. Để giúp các bạn có thể ứng dụng tiện ích này vào blogspot dễ dàng, hôm nay mình sẽ post bài này để chia sẻ cùng các bạn cách thêm tiện ích này vào blogspot.

Ảnh minh họa

1. Đăng nhập vào tài khoản Blogger
2. Chọn phần thiết kế
3. Vào phần chỉnh sửa HTML
4. Chọn mở rộng mẫu tiện ích (Expand Widget Templates)
5. Tìm đến code bên dưới (Hoặc tương tự)
<b:section class='sidebar' id='sidebar' preferred='yes'>
6. Chèn thêm code bên dưới vào ngay sau code vừa tìm được

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='https://vncongnghe.googlecode.com/files/flash_label.js' type='text/javascript'/>
<div id='flashcontent'/>
<script type='text/javascript'>
var so = new SWFObject("https://sites.google.com/site/traidatmuicode/code/flash_cloud_label.swf", "tagcloud", "260", "300", "7", "#242525");

//so.addParam("wmode", "transparent"); // nếu muốn nền của tiện ích trong suốt, bạn hãy bỏ dấu (//) phía trước dòng code này.
so.addVariable("tcolor", "0xffffff"); // màu của tên các nhãn
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100"); // tốc độ cuộn cho nhãn khi rê chuột (số càng lớn cuộc càng nhanh)
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script></div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

☼ Chỉnh code:

- Phần màu đỏ đậm (260) trong code chính là độ rộng (width) của tiện ích, bạn có thể chỉnh lại bao nhiêu tùy ý.
- Phần màu xanh đậm (300) là phần về độ cao (height) của tiện ích.
- Phần màu tím than (#242525) là màu nền của tiện ích này.
- Phần màu cam (12) là kích thước của tên các nhãn ở đây là 12.

Còn một số phần khác bạn hãy dựa vào các chú thích trong code để tùy chỉnh cho hợp lý. Bạn nên chỉnh sửa một số phần cơ bản mà mình đã hướng dẫn để tránh tình trạng bị lỗi code.

Lưu ý: Tên các nhãn của bạn nên được đặt bằng tiếng Anh hoặc tiếng Việt không dấu, nếu nhãn của bạn là tiếng Việt có dấu nó sẽ bị lỗi font khi ứng dụng tiện ích này cho nhãn bài viết của blog bạn.

7.
Cuối cùng save template lại

Chúc bạn thành công!

Tham khảo từ bloggerbuster.com
Nguồn traidatmui.com


In bài này
Copyright © 2012-2015 VNCongnghe
Đặt làm trang chủ Đặt làm trang chủ

Trang chủ | Quảng cáo | Liên hệ | RSS | Sitemap | Lên đầu trang