12/3/16

Nút dowload blogger đẹp [ Mới Nhất ]

Button dowload blogger đẹp, tạo button dowload blogger, nút dowload blogger đẹp, nút tải blogger 2016, Tạo nút download cho bài viết Blogger, Tạo nút download động bằng CSS3, code nút tải cho website, code nút tải cho blogspot

Button dowload blogger đẹp, tạo button dowload blogger, nút dowload blogger đẹp, nút tải blogger 2016, Tạo nút download cho bài viết Blogger, Tạo nút download động bằng CSS3, code nút tải cho blogspot

Nút dowload cho blogger đẹp với hiệu ứng css , cách thêm nút Download và Demo bằng css đẹp cho blogger. Tối ưu hóa thẻ heading

Đầu tiên các bạn tới Mẫu => tới Chỉnh sữa html => Rồi chèn code Vào phía dưới 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;}
Khi đăng bài mới, bạn chuyển qua phần  HTML  Code , copy code bên dưới và chèn link của bạn vào chỗ YOUR-LINK-THERE khi muốn tạo nút Download và Demo
<div style="text-align: center;">
<ul class="btn">
<li><a class="demo" href="YOUR-LINK-HERE" target="_blank">DEMO</a></li>
<li><a class="download" href="YOUR-LINK-HERE" target="_blank">DOWNLOAD</a></li>
</ul>
</div>

Related Posts

Nút dowload blogger đẹp [ Mới Nhất ]
4/ 5
Oleh

Theo dõi qua email

Giống như bài viết ở trên ? Hãy đăng ký vào bài viết mới nhất trực tiếp qua email.