Bài viết này tôi sẽ giới thiệu tới các bạn một cách tạo label cloud đơn giản ( xin chú ý rằng cách này chỉ áp dụng được với các layout template, không dùng cho Classic template ).
Việc đầu tiên là :bạn hãy lưu lại Template. Sau đó hãy vào Page Elements, và tạo 1 widget Label (nếu bạn có rồi thì có thể bỏ qua bước này). Sau đó hãy tới Edit HTML và chắc chắn rằng ô Expand Widget Templates chưa được đánh dấu. Xem hình: Trong bảng mã, bạn hãy tìm thẻ ]]></b:skin> và chèn đoạn mã dưới đây lên trên nó:(các bạn click vào phía trên bên trái của bảng dưới đây để xem)
Bây giờ bạn hãy chèn đoạn mã sau đây xuống dưới thẻ ]]></b:skin> nhưng phải ở phía trước thẻ </head>
Đến đây là bạn đã có Label Cloud rồi đó. Nếu sau khi làm nhưng bước này mà label cloud không xuất hiện, bạn hãy thử kiểm tra xem mình có mắc phải những sai lầm dưới đây ko nhé:
Hãy chắc chắn rằng bạn có nhiều hơn 1 label.
Lable của bạn không chứa nhưng kí tự " hay '.
Label của bạn có quá nhiều kí tự cũng khiến cho label cloud khó xuất hiện (cái này là kinh nhiệm bản thân mình)
Sau khi cài đặt thành công, bạn có thể chỉnh sửa mầu sắc, kích thước chữ. Tôi sẽ hướng dẫn các bạn ngay bây giờ:
* var cloudMin= 1; Đây là mã thể hiện số label trong label cloud. Nếu bạn điền số 1, tất cả label của bạn sẽ được thể hiện. Nếu bạn điền vào đó số cao hơn thì số label sẽ được thể hiện tương ứng với số đó.
* var maxFontSize = 20; var minFontSize = 10;
Đây là mã xác định kích cỡ chữ, đơn vị độ dài ở đây là pixcel. Bạn có thể điền những giá trị mình muốn vào đó.
* var maxColor = [0,0,255]; var minColor = [0,0,0];
Đây là mã xác định mầu sắc. Ở đây sư dụng định dang mầu sắc RBG. Bạn có thể tìm mã mầu sắc bằng các phần mềm như: ColorSchemer Studio OSX
* varlcShowCount = false;
Nếu bạn muốn hiển thị số bài viết ở mỗi label hãy thay false thành True
Ở đây tôi chỉ giới thiệu qua một số tính năng cơ bản mà bạn có thể thay đổi được. Nhưng bạn còn có thể thay đổi label cloud nhiều hơn nữa nếu bạn muốn. Chúc các bạn sẽ tạo được Label Cloud như ý muốn.
Cám ơn các bạn đã theo dõi bài viết. Mong sẽ nhận được nhiều ý kiến đóng góp từ các bạn để giúp hoàn thiện nội dung bài viết hơn.. Chúc các bạn có 1 ngày vui vẻ!
1 comment:
sao cái này mình không lấy được code vậỵ
Post a Comment