
Nút viết bình luận style thú vị cho blogspot
Bước 1: Truy cập quản trị blogger - Chủ đề - Chỉnh sửa HTMLBước 2: Dán đoạn CSS sau trước thẻ
]]></b:skin>
a.commentbtn {
background: -webkit-gradient(linear,0% 40%,0% 70%,from(whiteSmoke),to(#F1F1F1));
background: -moz-gradient(linear,0% 40%,0% 70%,from(whiteSmoke),to(#F1F1F1));
background: -ms-gradient(linear,0% 40%,0% 70%,from(whiteSmoke),to(#F1F1F1));
background: -o-gradient(linear,0% 40%,0% 70%,from(whiteSmoke),to(#F1F1F1));
background: gradient(linear,0% 40%,0% 70%,from(whiteSmoke),to(#F1F1F1));
font: bold 12px Helvetica, Arial, sans-serif;
text-decoration: none !important;
box-shadow: 1px 1px 10px grey;
text-shadow: 0 1px 0 white;
border: 1px solid gainsboro;
padding-bottom: 13px;
color:black !important;
text-decoration: none;
display: inline-block;
padding: 10px 23px;
border-radius: 3px;
position: fixed;
z-index: 9999;
bottom: -3px;
right: 3px;
-webkit-transition: all .400s;
-moz-transition: all .400s;
-ms-transition: all .400s;
-o-transition: all .400s;
transition: all .400s;
}
a.commentbtn:hover {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
border-color: #999;
color: #333;
}
a.commentbtn:active {
border-color: darkRed;
color: black;
}
Bước 3: Tiếp tục dán đoạn hiển thị nút viết bình luận này trước
</body>
<b:if cond='data:blog.pageType == "item"'>
<a class="commentbtn" href="#comment-editor">Bình luận</a>
</b:if>
Bước 4: Lưu Template lại và xem kết quả.
Ko cho cái demo xem thử hả ông?
Trả lờiXóaNó ở blog t rồi đó ông, đoạn lời kết t cũng ghi rồi đó. Bận nên k có time edit code cho lên codepen ô ạ.
XóaDạo này bận. Câu này nghe quen qá luôn r đó a :)
Trả lờiXóaThì đúng là dạo này a bận còn gì. Sau 2 tháng nữa mới bớt.
Xóatemp mới đẹp đó a :v
Trả lờiXóaThanks e nha.
Xóademo đâu ta
Trả lờiXóaBên phải dưới màn hình :)
Xóatuyệt vời ạ
Trả lờiXóaThanks e nha :D
XóaHay đấy :d
Trả lờiXóaVâng ạ :d
Xóatheme này nhìn phê cần quá
Trả lờiXóaỪ, a cũng down trên mạng thôi e.
XóaHay đó bạn, mà giao diện blog bạn đẹp quá, mình rất thích!
Trả lờiXóaThanks bạn nha, mình cũng chỉ dùng giao diện trên mạng thôi, giao diện mình tự làm thì dùng lâu chán rồi nên mình k dùng :D
Xóaahihi - mình cũng vậy :v
Xóa