Comment mới cho blogspot với style windows 8

Windows 8 chính thức được phát hành vào cuối tháng 10 vừa qua và đang tạo nên một cơn sốt thực sự. Mình cũng không phải là ngoại lệ khi bị lôi cuốn bởi vẻ đẹp đầy màu sắc mà đơn giản của nó. Và kết quả là phiên bản tiếp theo của Recent Comments với style theo phong cách Messaging trên Windows 8.


Bước 1: Thêm đoạn mã dưới đây vào trước thẻ ]]> trong template của bạn.

#rc-avatar-plus ul{border:1px solid #bbb;background:#fff!important;padding:10px!important;word-wrap:break-word}
#rc-avatar-plus li{margin:0!important;border:0!important;background:transparent!important;padding:0 0 10px!important;list-style-type:none!important}
#rc-avatar-plus .rc-info{width:20%}
#rc-avatar-plus img{padding:0!important;width:100%}
#rc-avatar-plus h4{margin:5px 0!important}
#rc-avatar-plus a{position:relative;width:70%;padding:5px}
#rc-avatar-plus a,#rc-avatar-plus a:hover{color:#fff!important;text-decoration:none}
#rc-avatar-plus a:after{content:"";position:absolute;top:10px;width:0;height:0;line-height:0}
#rc-avatar-plus p{margin:0 0 5px;padding:0}
#rc-avatar-plus .rc-author .rc-info,#rc-avatar-plus .rc-admin a{float:left}
#rc-avatar-plus .rc-admin .rc-info,#rc-avatar-plus .rc-author a,#rc-avatar-plus span{float:right}
#rc-avatar-plus .rc-author a{background:#8b0094}
#rc-avatar-plus .rc-author a:after{left:-10px;border-top:10px solid #8b0094;border-left:10px solid transparent}
#rc-avatar-plus .rc-admin a{background:#1eadfe}
#rc-avatar-plus .rc-admin a:after{right:-10px;border-top:10px solid #1eadfe;border-right:10px solid transparent}

Bước 2: Thêm 1 widget HTML/Javascript tại nơi muốn hiển thị Recent Comments. Hiệu chỉnh Tiêu đề và dán đoạn mã dưới đây vào phần Nội dung rồi chọn LƯU.

CHúc các bạn thành công !

Tìm kiếm liên quan:

Tạo comment cho blogspot

bình luận blogspot

comment style win 8

bình luận mới đẹp

bình luận mới cho blogspot