Đổi màu hộp Follow by email của Blogger bằng CSS

Blogger đã cung cấp sẵn cho chúng ta một tiện ích follow bay email, khá là tiện dụng nhưng nhìn nó khá là xấu. Tuy nhiên chỉ với một vài đoạn CSS đơn giản là bạn đã có thể cải tạo cho nó dễ coi hơn, không những vậy, vì cái này là từ CSS lại dùng tiện ích mặc định của Blogger nên nó hàu như không ảnh hưởng nhiều tới tốc độ tải của blog.
Hộp Follow by email trước khi được thêm CSS
Hộp follow by email sau khi thêm css

#Thêm tiện ích Follow by email

1. Đăng nhập Blogger
2. Bố cục > Thêm tiện ích > Follow by email (Theo dõi qua email)

#Thêm CSS

1. Mẫu > Chỉnh sủa HTML
2. Tìm thẻ ]]></b:skin>
3. Dán code dưới vào trên thẻ mà bạn vừa tìm
/* Follow by email khanh98.blogspot.com */
.FollowByEmail .follow-by-email-inner .follow-by-email-address{
        color:#4DA6FE !important;
        width:100%;height:22px;
        font-size:13px;
        border:1px inset
        }
.FollowByEmail .follow-by-email-inner .follow-by-email-submit{
        width:60px;
        margin:0;
        border:0;
        border-radius:4px !important;
        -moz-border-radius:4px !important;
        background:#4DA6FE !important;
        background:rgba(0,0,0,.6);
        color:#fff;font-size:13px;
        height:24px;
        z-index:0
        }
.follow-by-email-inner .follow-by-email-submit:hover{
        background:#4DA6FE !important
        }
4. Lưu ý:
  • color:#4DA6FE là màu văn bản nhập vào ô follow bay email
  • background:#4DA6FE là màu của nút submit ki chưa dê chuột
  • background:#4DA6FE là màu của nút submit khi dê chuột vào
5. Lưu mãu lại là bạn sẽ có một tiện ích follow by email mới theo ý mình.

Comments