Tạo Nút DEMO Và Download Cho Blogspot đẹp

Tạo Nút DEMO Và Download Cho Blogspot đẹp

Hùng Chiều / lúc 7:31:00 PM ngày Sunday, August 7, 2016 / 0 bình luận

Chia sẻ

Chọn hình thức muốn chia sẻ:
• Copy liên kết
• Facebook
• Google +
• Email

Theo dõi Ngô Hùng Chiều để nhận nhiều thủ thuật hay, hữu ích nhé!

Tạo Nút DEMO Và Download Cho Blogspot đẹp Hiện nay việc sử dụng internet rất được các bạn trẻ theo đuổi vì vậy có rất nhiều tài nguyên chia sẻ rất rễ để chúng ta học hỏi . Hôm nay mình sẽ chia sẻ 1 phần nhỏ thủ thuật để tao nên phong cách riêng cho các bạn ở cuối bài viết đó chính là Button [Demo] và [Download] button demo và download để tao được button này các bạn làm như sau B1 : Vào Blogspot => Mẫu => Chỉnh sửa HTML => Ctrl +F => tìm đến thẻ "" rán đoạn code sau vào trước thẻ ..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;} Vậy Là Xong rồi rất Là đơn giản mà nó lại tao cho blog của các bạn thêm chuyên nghiệp và đẹp mắt. B2 : đến bước này các bạn lưu đoạn code sau ra máy tính thay đổi YOUR-LINK-HERE vào chỗ blog mà bạn muốn nó hiển thị [DEMO] Và [DOWNLOAD]

• DEMO
• DOWNLOAD

Chỉ đơn giản như vậy thôi nhưng rất đẹp đó các bạn Chúc Các Bạn Thành Công