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 ---

N LinkPro