D

Tạo nút Demo và Download cho blogspot ( P2 )

Tạo nút Demo và Download cho blogspot. Bước 1:  Bạn đăng nhập vào  Blogger  ->>  Chủ đề  ->>  Chỉnh sửa html Bước 2:  Th...

Mọi bài đăng được viết bởi tác giả của blog, vui lòng ghi nguồn ghi copy bài đăng từ trang này

Tạo nút Demo và Download cho blogspot.

Bước 1: Bạn đăng nhập vào Blogger ->> Chủ đề ->> Chỉnh sửa html
Bước 2: Thêm đoạn code này vào trước thẻ </style>
.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:&#39;\f135&#39;;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:&#39;\f019&#39;;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;}
Bước 3: Thêm button bằng đoạn code bên dưới
<div style="text-align: center;"> <ul class="btn"> <li><a class="demo" href="YOUR-LINK-HERE" target="_blank">DEMO</a></li> </br> </br> <li><a class="download" href=" YOUR-LINK-HERE" target="_blank">DOWNLOAD</a></li> </ul> </div>
- Chúc các bạn thành công
Tạo nút Demo và Download cho blogspot ( P2 ) Reviewed by Dii Max IT on tháng 3 14, 2017 Rating: 5

Không có nhận xét nào:

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é

Phát Triển BởiDii Max | Facebook

Biểu mẫu liên hệ

Tên

Email *

Thông báo *

Dii Max IT. Được tạo bởi Blogger.