Tạo Button Download ( Tạo Nút Tải Xuống ) Cho Blogspot

Có thể chủ đề của blog bạn sử dụng có các chuyên mục tải xuống hay còn gọi là download và cần tạo những nút button đẹp thân thiện cho blog của mình để được điểm của người dùng. Vì vậy, hôm nay Howktech xin hướng dẫn các bạn tạo nút download ( Tải Xuống ) đẹp thân thiện cho blogspot.

Tao Nut Download ( Tải Xuống ) Đẹp Cho Blogspot

Các Bước Tạo Button Download ( Nút Tải Xuống )

Bước 1: Các bạn copy đoạn code css bên dưới dán vào trước ]]></b:skin>

This is box title
.bsw-btn{border:2px solid;overflow:hidden;position:relative;padding:10px;display:inline-block;width:200px;text-align:center;text-decoration:none!important;text-transform:uppercase;font:500 15px Roboto;margin:10px 0}.bsw-btn:hover{letter-spacing:2px}.bsw-btn:after{opacity:.4;background:#4267b2;content:””;height:155px;left:-75px;opacity:2;position:absolute;top:-50px;transform:rotate(35deg);transition:all 1s cubic-bezier(0.19,1,0.22,1);width:100px;z-index:100}.bsw-btn:hover:after{opacity:1;left:120%;-webkit-transition:all 1s cubic-bezier(0.19,1,0.22,1);transition:all 1s cubic-bezier(0.19,1,0.22,1)}

Bước 2: Các bạn copy đoạn code bên dưới để vào bài viết của bạn ( ở nơi mà bạn muốn đặt nút tải xuống )

This is box title
<center><a class=’bsw-btn bsw_btn’ href=’//www.howktech.com’ target=’blank’title=’Download’>Download</a></center>

Bước 3: Sau đó các bạn lưu lại và tận hưởng kết quả như bên dưới.

Nút Button

Chúc Các Bạn Thành Công Nhé

Hãy Ghé Thăm Các Bài Đăng Khác Của Howktech Để Ủng Hộ Howktech Phát Triển Nhé.

 

LEAVE A REPLY

Please enter your comment!
Please enter your name here