Truyện Cười BlogTaPhiet KC

Chat Box


--------------:Search

Thứ Sáu, 28 tháng 8, 2009

Thủ thuật tạo Tag/Label Cloud cho Blogger

Tag cloud hay còn gọi là label cloud trong blogger là một danh sách bao gồm tất cả các nhãn Label sử dụng trong blogger được hiển thị theo style mang đậm tính “mỹ thuật”. Kỹ thuật Tag Cloud mà tôi hướng dẫn các bạn thực hiện trong bài viết này được phát triển bởi phydeaux3. Các bạn có thể tham khảo thêm về kỹ thuật này.Để thực hiện tạo Tag Cloud các bạn làm theo hướng dẫn sau: Trước tiên bạn Truy cập vào Blogger Layout > Page Elements page và thêm tiện ích Labels Widget. Trong Labels Widget bạn lựa chọn sort the labels Alphabetically. Sau đó vào  Layout > Edit Html (không chọn expand the widget templates để dễ dàng thực hiện hơn) Sau đó tìm kiếm (Ctrl+F) đoạn mã tương tự đoạn mã dưới: <b:widget id='Label1' locked='false' title='Labels' type='Label'/> Thay thế chúng bằng: <b:widget id='Label1' locked='false' title='Label Cloud' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2>...
[Click here to Read More]

Thủ thuật tạo Tag/Label Cloud cho Blogger

Tag cloud hay còn gọi là label cloud trong blogger là một danh sách bao gồm tất cả các nhãn Label sử dụng trong blogger được hiển thị theo style mang đậm tính “mỹ thuật”. Kỹ thuật Tag Cloud mà tôi hướng dẫn các bạn thực hiện trong bài viết này được phát triển bởi phydeaux3. Các bạn có thể tham khảo thêm về kỹ thuật này.Để thực hiện tạo Tag Cloud các bạn làm theo hướng dẫn sau: Trước tiên bạn Truy cập vào Blogger Layout > Page Elements page và thêm tiện ích Labels Widget. Trong Labels Widget bạn lựa chọn sort the labels Alphabetically. Sau đó vào  Layout > Edit Html (không chọn expand the widget templates để dễ dàng thực hiện hơn) Sau đó tìm kiếm (Ctrl+F) đoạn mã tương tự đoạn mã dưới: <b:widget id='Label1' locked='false' title='Labels' type='Label'/> Thay thế chúng bằng: <b:widget id='Label1' locked='false' title='Label Cloud' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2>...
[Click here to Read More]
Top