Đến hẹn lại lên hôm nay mình xin chia sẻ ae một button nho nhỏ giúp làm đẹp bài viết của bạn.
Cách Thực Hiện
Bước 1: Ta thêm thẻ thư viện vào sau <head>
<link href='//fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,500,500i,700,700i' rel='stylesheet'/>Bước 2: ta chèn đoạn code vào dưới ]]></b:skin>
.button-box a{color: #fff!important}Bước 3: ta chỉ cần thêm đoạn code này vào nơi bạn muốn hiển thị là được.
.button-box {
margin: 10px;
background: #de4676;
width: 14%;
padding: 7px;
border-radius: 20px;
font: 700 17px Roboto Condensed;
outline: 0;
border: none;
box-shadow: 2px 2px 10px rgba(119, 119, 119, 0.5);
transition: all .5s ease-in-out;
}
.button-box:hover {
background: #e45050;
transform: scale(1.05);
transition: all .3s ease-in-out;
}
<button class="button-box"><a class="green" href="https://www.honghaiblog.net/">Demo</a></button>
Chúc các bạn thành công!!
Tags:
Thủ Thuật Blogspot
hehe :v
Wow blog ngày càng chuyên nghiệp :D, mà e vào chỗ cài đặt domain tick chuyển hướng wwww nhé, mỗi khi gõ honghaiblog.net bị die ko hà :v
rất bổ ích
Rất đẹp đấy em, càng ngày a càng thích phong cách của e rồi đó <3
Chờ người ta share mới chịu đi share :)) khôn vcđ :v
hả
hả ? :v
đẹp nha
Hồng Hải tinh tế nhỉ, theme vs cách trang trí template rất đẹp. Designer có khác :))
Đẹp lắm ông Hải
chất chơi :V
Khi hover chữ DEMO lại bị mờ thế nhỉ ? @@
Dạ :v
thumbnail đẹp quá, xin về cho blog nhé <3
tự tạo đi khó khăn ib tui :v
thumbnail đẹp quá, xin về cho blog nha <3 a Hải
rất đẹp :))