Chia Sẽ Hai Mẫu Button Cực Đẹp Cho Blogspot.


 Dưới đây mình sẽ chia sẽ cho các bạn hai mẫu button rất đẹp. Nhằm mục đích cho bài viết đẹp hơn ví dụ: ghi chú, lưu ý, nhưng thường thì mọi người sẽ dùng nó để cho hai nút demo và download đẹp hơn. Code khá ngắn và cách làm cũng khá đơn giản
1: Khung CSS Chèn Trong Thẻ ]]></b:skin>.
2: Khung HTML Khi Viết Bài Bạn Để Ở Tab HTML.
Mẫu 1:
DemoDownload
<style> .bt-huydz { font-size: 15px; font-weight: bold; display: inline-block; width: 100px; height: 34px; line-height: 34px; text-align: center; color: #ffffff; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: linear-gradient(to top, #B63E1D 0%, #FF502E 100%); } .bt-huydz:hover { background: -webkit-linear-gradient(bottom, #1dafb6 0%, #58ff2e 100%); color: #308a40; } </style> <a class='bt-huydz' href='#' title='demo'>Demo</a> <a class='bt-huydz' href='#' title='download'>Download</a>
Mẫu 2: 
( mẫu này không có hiệu ứng )DemoDownload
<style> .Bt-huydz ac-buy-acc{ font-size: 15px; font-weight: bold; display: inline-block; width: 100px; height: 34px; line-height: 34px; text-align: center; color: #ffffff; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-image: linear-gradient( 135deg, #FDD819 10%, #E80505 100%); } </style>
<a class="Bt-huydz" href="https://www.blogger.com/blogger.g?blogID=3232550740781079014#" title="Demo">Demo</a> <a class="Bt-huydz" href="https://www.blogger.com/blogger.g?blogID=3232550740781079014#" title="Download">Download</a>
- Hai mẫu button này rất đẹp phải không các bạn. Nếu thích bạn hãy lựa cho mình một cái thích hợp với bạn nhé.
--- Chúc Các Bạn Thành Công ---

Nhận xét

Bài đăng phổ biến từ blog này

Những Điều Cần Làm Trước Và Sau Khi Xuất Bản Bài Viết Blogspot.

Bắt Đầu Với Blogger Là Lựa Chọn Sai Hay Là Đúng???

PSD Ảnh Bìa - Cô Đơn.