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:'\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;}
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
on
tháng 3 14, 2017
Rating:
Reviewed by Dii Max
on
tháng 3 14, 2017
Rating:
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é