Trang trí phần Tag (nhãn) đẹp cho Blogger

Trang trí phần Nhãn (Tags)đẹp luôn là một trong những mối quan tâm của các Blogger. Bài viết này giới thiệu với bạn một trong những cách làm đẹp thêm cho blog của bạn.

BƯỚC 1

Bạn vào Phần tử trang -> Thêm tiện ích/ HTML -> Thêm Tags theo hướng dẫn hình ảnh bên dưới.

BƯỚC 2

Bạn vào phần chỉnh sửa HTML -> Ctrl +F -> Tìm đoạn thẻ ]]></b:skin> 

Thêm vào trước nó đoạn code sau:

/*-----Custom Labels Cloud widget by www.3wsolution.blogspot.com----*/ .label-size{ margin:0 2px 6px 0; padding: 3px; text-transform: uppercase; border: solid 1px #C6C6C6; border-radius: 3px; float:left; text-decoration:none; font-size:10px; color:#666; } .label-size:hover { border:1px solid #6BB5FF; text-decoration: none; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -moz-transform: rotate(7deg); -o-transform: rotate(7deg); -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); zoom: 1; } .label-size a { text-transform: uppercase; float:left; text-decoration: none; } .label-size a:hover { text-decoration: none; }

BƯỚC 3

Lưu mẫu.

Lưu ý: Thay đổi các thông số tuỳ ý 

Nguồn http://www.3wsolution.blogspot.com/