TẠO BUTTON DEMO VÀ DOWNLOAD DÀNH CHO BLOGSPOT

Bước 1. Đăng nhập Blogger ➔ Mẫu ➔ Chỉnh sửa HTML.
Bước 2: Bạn chèn đoạn CSS bên dưới lên trên thẻ]]></b:skin>

.btn{list-style:none;text-align:center;margin:10px!important;padding:10px!important;font-size:14px;clear:both;display:inline-block;text-decoration:none!important;color:#FFF!important}
.btn ul {margin:0;padding:0}
.btn li{display:inline;margin:5px;padding:0;list-style:none;}
.demo,.download{padding:12px 15px!important;color:#fff!important;font-weight:700;font-size:14px;font-family:Open Sans,sans-serif;text-align:center;text-transform:uppercase;border-radius:3px;opacity:.95;border:0;letter-spacing:2px;transition:all .2s ease-out}
.demo {background-color:#3498DB;}
.download {background-color:#1ABC84;}
.demo:hover {background-color:#60B8F4;color:#fff;border-bottom:2px solid #3498DB; opacity:1;}
.download:hover {background-color:#49DDAA;color:#fff;border-bottom:2px solid #1ABC84;opacity:1;}
.demo:before {content:'\f135';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}
.download:before {content:'\f019';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}

Lưu mẫu:
Cánh sử dụng như sau:
Khi đăng bài viết, bạn chọn bên HTML và dán đoạn code bên dưới lên và sữa link Demo Download thành của bạn:.

<div style="text-align: center;">
<ul class="btn">
<li><a class="demo" href="http://bacsiwindows.com/demo" target="_blank">DEMO</a></li>
<li><a class="download" href=" http://bacsiwindows.com/download" target="_blank">DOWNLOAD</a></li>
</ul>
</div>

Nội dung chính

ĐIỀU KHOẢN SỬ DỤNG

1. Bằng cách nhấp vào nút TÔI ĐỒNG Ý bạn đã chấp thuận điều khoản sử dụng.
2. Chúng tôi không chịu trách nhiệm với lỗi phát sinh trong quá trình sử dụng.
3. Nếu các bạn cần hỗ trợ có thể để lại nhận xét bên dưới bài viết này hoặc liên hệ với chúng tôi.