Bước 1: Đăng nhập Blogger Mẫu Chỉnh sửa HTML.
Bước 2: Chèn đoạn CSS dưới đây vào trước thẻ
]]></b:skin> trong template.button{background:#55579e;border:none;position:relative;transition:800ms ease all;outline:none;font:700 24px "Roboto Condensed",sans-serif;text-transform:uppercase}Bước 3: Lưu template.
button a{color:#fff!important;padding:.5em 3em;display:block}
button:hover a{color:#55579e!important}
button:hover{background:transparent}
button:before,button:after{content:'';position:absolute;top:0;right:0;height:2px;width:0;background:#55579e;transition:900ms ease all}
button:after{right:inherit;top:inherit;left:0;bottom:0}
button:hover:before,button:hover:after{width:100%;transition:800ms ease all}
Khi sử dụng các bạn dùng code sau:
<button><a href='link'>Tên_hiển_thị</a></button>Nếu trong blog bạn chưa có font Roboto Condensed thì thêm đoạn code này vào sau thẻ
<head> trong template nhé.<link href='//fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i' rel='stylesheet'/>