Tạo nút button Demo và Download đẹp cho Blogger

Đăng ngày: 10/04/2017 bởi Cường Phiêu | Tổng 4807 Lượt Xem

Button là nút bấm mà bạn có thể tìm thấy nó trong cuộc sống hàng ngày như bàn phím , công tắc … và web cũng vậy Button Demo và Download chính là nút bấm .
Ở bài này thì nó chính là nút xem trước và tải về cho các dạng website chia sẻ mã nguồn …

Bắt tay luôn vậy

Style 1:

Tìm thẻ và thêm đoạn dưới đây vào trước nó
[gist]955b2731ef40cc3aa594be87134d6c58[/gist]
Save lại . Khi post bài thì chuyển sang HTML post như sau
[gist]79e76652735c41e18f8e71747956a2e9[/gist]
Nhớ thay link lại cho phù hợp

Style 2:

Chèn đoạn sau trước
[gist] button{float:left;list-style:none;text-align:center;width:95%;margin:10px; padding:2px;font-size:14px;clear:both;} .button ul {margin:0;padding:0} .button 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;letter-spacing:0.5px;border-radius:3px;opacity:0.9;transition:all 0.3s ease-out;} .demo {background-color:#5a6269;} .download {background-color:#31aae9;} .demo:hover {background-color:#31aae9;color:#fff;opacity:1;} .download:hover {background-color:#5a6269;color:#fff;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;} [/gist]
Hướng dẫn Post bài
[gist]

[/gist]
Bạn có thể tùy chỉnh màu cho hợp với Theme nhé :). Chúc các bạn thành công !

Tạo nút button Demo và Download đẹp cho Blogger

Đánh giá bài viết này


Leech đi đâu nhớ ghi nguồn tại Cường Phiêu Blog - CuongPhieu.Vn nhé!
Cái gì cũng có cái giá của nó. Tôn trọng người khác , người khác sẽ tôn trọng lại bạn!

Bình Luận Bài Viết

Cùng Chuyên Mục

Chuyên Mục Về ADMIN

Cường Phiêu

Ngày hôm nay thất bại
Ngày mai cũng thất bại
Nhưng ngày kia chắc chắn sẽ là thành công!

Chuyên Mục

Facebook Page

Kênh Youtube Của Blog

Các Bạn Hãy Bỏ Ra 1s Theo Dõi Kênh Youtube Của Blog Nhé !!

Quảng Cáo - Ads

© 2017 By Cường Phiêu - Blog Cá Nhân Chia Sẻ Kiến Thức Về Công Nghệ Thông Tin Author : Cường Phiêu