Hướng dẫn tạo button cực đẹp cho blogspot

https://honghaibvb.blogspot.com/2018/06/huong-dan-tao-button-cuc-ep-cho-blogspot.html

Thủ Thuật Blogspot Hướng dẫn tạo button cực đẹp cho blogspot

Đế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}
.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;
}

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 class="button-box"><a class="green" href="https://www.honghaiblog.net/">Demo</a></button>

Chúc các bạn thành công!!

Phản Hồi Độc Giả

:)

:))

:D

=))

:(

:((

:o

^_^

^-^

/-f

^.^

/-g

;)

-_-

=_=

/-r

-.-

:p

/-o

/-hi

/-ok

/-clap

(y)

(3)

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 (xem nội quy)

Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời

Để bình luận một đoạn code, hãy mã hóa code trước nhé

Đăng ký: Đăng Nhận xét (Atom)