Hôm nay Link Thủ Thuật xin được chia sẻ với các bạn cách tạo Recent Comments dạng Chat cực nhiều màu sắc tuyệt đẹp. Cái này rất phù hợp cho Blog cá nhân, đặc biệt là Blog tâm sự, tản mạn... Bắt đầu thôi !
Các bước thực hiện
Bước 1: Chèn CSS sau vào trước thẻ đóng </head>
<style type="text/css">Bước 2: Chèn đoạn code ở link dưới vào đây: http://notepad.vn/msiabwz61
#rc-avatar-plus ul{background:transparent!important;padding:0!important;margin:0;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:14%;text-align:center}
#rc-avatar-plus img{width:80px;height:80px;border:2px dotted red;padding:2px!important;border-radius:100%;overflow:hidden;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease}
#rc-avatar-plus img:hover{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);transition:.8s}
#rc-avatar-plus h4{margin:5px 0!important;font-weight: bold}
#rc-avatar-plus a{position:relative;width:82%;padding:5px}
#rc-avatar-plus a,#rc-avatar-plus a:hover{color:yellow!important;text-decoration:none;padding:5px 10px 5px 10px}
#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;color:#fff}
#rc-avatar-plus p:hover{color:#000}
#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:#848484;border-radius:10px 10px 10px 10px;border-bottom:none}
#rc-avatar-plus .rc-author a:after{left:-10px;border-top:10px solid #848484;border-left:10px solid transparent}
#rc-avatar-plus .rc-admin a{background:#88B04B;border-radius:10px 10px 10px 10px;border-bottom:none}
#rc-avatar-plus .rc-admin a:after{right:-10px;border-top:10px solid #88B04B;border-right:10px solid transparent}
.post-body h4{color:red;font-size:15px}
</style>
Các bạn đổi https://phucuongblogger.blogspot.com/ thành url blog của bạn, đổi https://www.blogger.com/profile/14744889684461911717 thành url profile admin blog của bạn và https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP8DNhqJ3_MRbybJw0OO8eG9J4Xf2NTYCro80QXyN99dyQZp4IhuL8Pkfj0reQYicckxegXIi8oGMLwd0mwYox1GLaIIyQzoML9WD9egyES1NM8soYJW33chXavnYrbZilwJTb_JRtvSs/s113/IMG_0830.jpg thành url avatar của bạn.
Chúc các bạn thành công!
Source: Phú Cường Blogger
MỘT SỐ LƯU Ý KHI BÌNH LUẬN
● Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước.
● Tích vào ô cũng đăng lên facebook để nhận thông báo phản hồi của Admin.
● Không chửi tục, nói bậy, quảng cáo thông qua khung Comment.